@carbon/ai-chat 1.2.0 → 1.3.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -66,8 +66,6 @@ import { directive, Directive } from "lit/directive.js";
66
66
 
67
67
  import "@carbon/web-components/es/components/list/index.js";
68
68
 
69
- import debounce from "lodash-es/debounce.js";
70
-
71
69
  import "@carbon/web-components/es/components/data-table/index.js";
72
70
 
73
71
  import "@carbon/web-components/es/components/checkbox/index.js";
@@ -144,6 +142,10 @@ import CarbonSkeletonText from "@carbon/web-components/es/components/skeleton-te
144
142
 
145
143
  import CarbonSkeletonPlaceholder from "@carbon/web-components/es/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/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,
@@ -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
  };
@@ -1533,6 +1541,8 @@ const VIEW_STATE_MAIN_WINDOW_OPEN = {
1533
1541
  deepFreeze(VIEW_STATE_MAIN_WINDOW_OPEN);
1534
1542
 
1535
1543
  const DEFAULT_INPUT_STATE = {
1544
+ rawValue: "",
1545
+ displayValue: "",
1536
1546
  fieldVisible: true,
1537
1547
  isReadonly: false,
1538
1548
  files: [],
@@ -1594,6 +1604,7 @@ const DEFAULT_CHAT_MESSAGES_STATE = {
1594
1604
  localMessageIDs: [],
1595
1605
  messageIDs: [],
1596
1606
  isMessageLoadingCounter: 0,
1607
+ isMessageLoadingText: undefined,
1597
1608
  isHydratingCounter: 0,
1598
1609
  isScrollAnchored: false
1599
1610
  };
@@ -1724,6 +1735,68 @@ function applyFullMessage(state, message) {
1724
1735
  return newState;
1725
1736
  }
1726
1737
 
1738
+ const getAssistantInputState = state => state.assistantInputState;
1739
+
1740
+ const getHumanAgentInputState = state => state.humanAgentState.inputState;
1741
+
1742
+ const getHumanAgentState = state => state.humanAgentState;
1743
+
1744
+ const getPersistedHumanAgent = state => state.persistedToBrowserStorage.humanAgentState;
1745
+
1746
+ function selectHumanAgentDisplayState(state) {
1747
+ const humanAgentState = getHumanAgentState(state);
1748
+ const persisted = getPersistedHumanAgent(state);
1749
+ if (persisted.isSuspended) {
1750
+ return {
1751
+ isConnectingOrConnected: false,
1752
+ disableInput: false,
1753
+ isHumanAgentTyping: false,
1754
+ inputPlaceholderKey: null
1755
+ };
1756
+ }
1757
+ const {isReconnecting: isReconnecting, isConnecting: isConnecting, isHumanAgentTyping: isHumanAgentTyping} = humanAgentState;
1758
+ const {isConnected: isConnected} = persisted;
1759
+ let inputPlaceholderKey;
1760
+ if (isConnecting) {
1761
+ inputPlaceholderKey = "agent_inputPlaceholderConnecting";
1762
+ } else if (isReconnecting) {
1763
+ inputPlaceholderKey = "agent_inputPlaceholderReconnecting";
1764
+ } else {
1765
+ inputPlaceholderKey = null;
1766
+ }
1767
+ return {
1768
+ isHumanAgentTyping: isHumanAgentTyping,
1769
+ isConnectingOrConnected: isConnecting || isConnected,
1770
+ disableInput: isConnecting || isReconnecting,
1771
+ inputPlaceholderKey: inputPlaceholderKey
1772
+ };
1773
+ }
1774
+
1775
+ function selectIsInputToHumanAgent(state) {
1776
+ return selectHumanAgentDisplayState(state).isConnectingOrConnected;
1777
+ }
1778
+
1779
+ function selectInputState(state) {
1780
+ return selectIsInputToHumanAgent(state) ? getHumanAgentInputState(state) : getAssistantInputState(state);
1781
+ }
1782
+
1783
+ function selectHasOpenPanelWithBackButton(state) {
1784
+ const {iFramePanelState: iFramePanelState, viewSourcePanelState: viewSourcePanelState, responsePanelState: responsePanelState, customPanelState: customPanelState} = state;
1785
+ if (iFramePanelState.isOpen) {
1786
+ return true;
1787
+ }
1788
+ if (viewSourcePanelState.isOpen) {
1789
+ return true;
1790
+ }
1791
+ if (responsePanelState.isOpen) {
1792
+ return true;
1793
+ }
1794
+ if (customPanelState.isOpen && !customPanelState.options.hideBackButton) {
1795
+ return true;
1796
+ }
1797
+ return false;
1798
+ }
1799
+
1727
1800
  function resolvablePromise() {
1728
1801
  let resolveFunction;
1729
1802
  let rejectFunction;
@@ -1831,18 +1904,59 @@ class ChatActionsImpl {
1831
1904
  }
1832
1905
  getPublicChatState() {
1833
1906
  const state = this.serviceManager.store.getState();
1834
- const {persistedToBrowserStorage: persistedToBrowserStorage} = state;
1907
+ const {persistedToBrowserStorage: persistedToBrowserStorage, assistantMessageState: assistantMessageState} = state;
1835
1908
  const persistedSnapshot = deepFreeze(cloneDeep(persistedToBrowserStorage));
1836
1909
  const {humanAgentState: humanAgentState, ...rest} = persistedSnapshot;
1837
1910
  const humanAgent = deepFreeze({
1838
1911
  ...humanAgentState,
1839
1912
  isConnecting: state.humanAgentState.isConnecting
1840
1913
  });
1914
+ const inputState = selectInputState(state);
1915
+ const input = deepFreeze({
1916
+ rawValue: inputState.rawValue ?? ""
1917
+ });
1841
1918
  return deepFreeze({
1842
1919
  ...rest,
1843
- humanAgent: humanAgent
1920
+ humanAgent: humanAgent,
1921
+ isMessageLoadingCounter: assistantMessageState.isMessageLoadingCounter,
1922
+ isMessageLoadingText: assistantMessageState.isMessageLoadingText,
1923
+ isHydratingCounter: assistantMessageState.isHydratingCounter,
1924
+ input: input
1844
1925
  });
1845
1926
  }
1927
+ updateRawInputValue(updater) {
1928
+ this.updateInputValue("rawValue", updater);
1929
+ }
1930
+ updateInputValue(field, updater) {
1931
+ if (typeof updater !== "function") {
1932
+ consoleError("Input updater must be a function");
1933
+ return;
1934
+ }
1935
+ const {store: store} = this.serviceManager;
1936
+ const state = store.getState();
1937
+ const inputState = selectInputState(state);
1938
+ const previousValue = inputState[field] ?? "";
1939
+ let nextValue;
1940
+ try {
1941
+ nextValue = updater(previousValue);
1942
+ } catch (error) {
1943
+ consoleError("An error occurred while updating the input value", error);
1944
+ return;
1945
+ }
1946
+ if (typeof nextValue !== "string") {
1947
+ nextValue = nextValue === undefined || nextValue === null ? "" : String(nextValue);
1948
+ }
1949
+ if (nextValue === previousValue) {
1950
+ return;
1951
+ }
1952
+ const payload = {
1953
+ [field]: nextValue
1954
+ };
1955
+ if (field === "rawValue" && (inputState.displayValue ?? "") === previousValue) {
1956
+ payload.displayValue = nextValue;
1957
+ }
1958
+ store.dispatch(actions.updateInputState(payload, selectIsInputToHumanAgent(state)));
1959
+ }
1846
1960
  async sendWithCatch(message, source, options = {}, ignoreHydration = false) {
1847
1961
  try {
1848
1962
  await this.send(message, source, options, ignoreHydration);
@@ -2132,7 +2246,7 @@ class ChatActionsImpl {
2132
2246
  createLocalMessageItemsForNestedMessageItems(localMessageItem, fullMessage, false, nestedLocalMessageItems, true);
2133
2247
  store.dispatch(actions.addNestedMessages(nestedLocalMessageItems));
2134
2248
  if (agent && isResponse(fullMessage)) {
2135
- store.dispatch(actions.addIsTypingCounter(1));
2249
+ store.dispatch(actions.addIsLoadingCounter(1));
2136
2250
  const partialMessage = {};
2137
2251
  if (!hasServiceDesk(config)) {
2138
2252
  const message = 'Web chat received a "connect_to_agent" message but there is no service desk configured. Check your chat configuration.';
@@ -2152,7 +2266,7 @@ class ChatActionsImpl {
2152
2266
  if (config.public.serviceDesk?.skipConnectHumanAgentCard) {
2153
2267
  shouldAutoRequestHumanAgent = true;
2154
2268
  }
2155
- store.dispatch(actions.addIsTypingCounter(-1));
2269
+ store.dispatch(actions.addIsLoadingCounter(-1));
2156
2270
  if (shouldAutoRequestHumanAgent && agentAvailability === HumanAgentsOnlineStatus.ONLINE) {
2157
2271
  this.serviceManager.humanAgentService.startChat(localMessageItem, fullMessage);
2158
2272
  }
@@ -2161,11 +2275,11 @@ class ChatActionsImpl {
2161
2275
  if (pause) {
2162
2276
  const showIsTyping = isTyping(messageItem);
2163
2277
  if (showIsTyping) {
2164
- store.dispatch(actions.addIsTypingCounter(1));
2278
+ store.dispatch(actions.addIsLoadingCounter(1));
2165
2279
  }
2166
2280
  await sleep(messageItem.time);
2167
2281
  if (showIsTyping && initialRestartCount === this.serviceManager.restartCount) {
2168
- store.dispatch(actions.addIsTypingCounter(-1));
2282
+ store.dispatch(actions.addIsLoadingCounter(-1));
2169
2283
  }
2170
2284
  } else {
2171
2285
  await this.handleUserDefinedResponseItems(localMessageItem, fullMessage);
@@ -2268,18 +2382,22 @@ class ChatActionsImpl {
2268
2382
  consoleWarn("You cannot restart a conversation while a previous restart is still pending.");
2269
2383
  return;
2270
2384
  }
2271
- this.restarting = true;
2272
2385
  try {
2273
2386
  const {serviceManager: serviceManager} = this;
2274
2387
  const {store: store} = serviceManager;
2275
- this.restartGeneration++;
2276
- store.dispatch(actions.setIsRestarting(true));
2388
+ const state = store.getState();
2277
2389
  if (fireEvents) {
2278
2390
  await serviceManager.fire({
2279
2391
  type: BusEventType.PRE_RESTART_CONVERSATION
2280
2392
  });
2281
2393
  }
2394
+ this.restarting = true;
2395
+ this.restartGeneration++;
2396
+ store.dispatch(actions.setIsRestarting(true));
2282
2397
  serviceManager.restartCount++;
2398
+ if (state.config.public.messaging.messageLoadingIndicatorTimeoutSecs !== 0) {
2399
+ store.dispatch(actions.resetIsLoadingCounter());
2400
+ }
2283
2401
  if (this.hydrating) {
2284
2402
  await this.hydrationPromise;
2285
2403
  }
@@ -3059,31 +3177,31 @@ class MessageService {
3059
3177
  }
3060
3178
  }
3061
3179
  markCurrentMessageAsStreaming(messageID) {
3062
- if (this.queue.current) {
3063
- this.queue.current.isStreaming = true;
3064
- this.streamingMessageID = this.queue.current.message.id;
3065
- if (messageID && messageID !== this.queue.current.message.id) {
3066
- const controller = this.queue.current.sendMessageController;
3067
- if (controller) {
3068
- this.messageAbortControllers.set(messageID, controller);
3069
- }
3180
+ const current = this.queue.current;
3181
+ this.streamingMessageID = messageID ?? current?.message.id;
3182
+ if (messageID && this.lastProcessedMessageID) {
3183
+ const controller = this.messageAbortControllers.get(this.lastProcessedMessageID);
3184
+ if (controller) {
3185
+ this.messageAbortControllers.set(messageID, controller);
3070
3186
  }
3071
- } else if (messageID) {
3072
- this.streamingMessageID = messageID;
3073
- if (this.lastProcessedMessageID) {
3074
- const controller = this.messageAbortControllers.get(this.lastProcessedMessageID);
3075
- if (controller) {
3076
- this.messageAbortControllers.set(messageID, controller);
3077
- }
3187
+ }
3188
+ if (!current) {
3189
+ return;
3190
+ }
3191
+ current.isStreaming = true;
3192
+ if (messageID && messageID !== current.message.id) {
3193
+ const controller = current.sendMessageController;
3194
+ if (controller) {
3195
+ this.messageAbortControllers.set(messageID, controller);
3078
3196
  }
3079
3197
  }
3080
3198
  }
3081
3199
  finalizeStreamingMessage(messageID) {
3082
- this.streamingMessageID = null;
3083
- this.messageAbortControllers.delete(messageID);
3084
- if (this.queue.current && this.queue.current.message.id === messageID) {
3200
+ if (this.streamingMessageID === messageID) {
3085
3201
  this.moveToNextQueueItem();
3086
3202
  }
3203
+ this.messageAbortControllers.delete(messageID);
3204
+ this.streamingMessageID = null;
3087
3205
  }
3088
3206
  async cancelCurrentMessageRequest(reason = CancellationReason.STOP_STREAMING) {
3089
3207
  if (this.streamingMessageID) {
@@ -4171,11 +4289,30 @@ const reducers = {
4171
4289
  allMessageItemsByID: newMessagesByID
4172
4290
  };
4173
4291
  },
4174
- [ADD_IS_LOADING_COUNTER]: (state, action) => ({
4292
+ [RESET_IS_LOADING_COUNTER]: state => ({
4175
4293
  ...state,
4176
4294
  assistantMessageState: {
4177
4295
  ...state.assistantMessageState,
4178
- isMessageLoadingCounter: Math.max(state.assistantMessageState.isMessageLoadingCounter + action.addToIsLoading, 0)
4296
+ isMessageLoadingCounter: 0,
4297
+ isMessageLoadingText: undefined
4298
+ }
4299
+ }),
4300
+ [ADD_IS_LOADING_COUNTER]: (state, action) => {
4301
+ const isMessageLoadingCounter = Math.max(state.assistantMessageState.isMessageLoadingCounter + action.addToIsLoading, 0);
4302
+ return {
4303
+ ...state,
4304
+ assistantMessageState: {
4305
+ ...state.assistantMessageState,
4306
+ isMessageLoadingCounter: isMessageLoadingCounter,
4307
+ isMessageLoadingText: isMessageLoadingCounter > 0 && action.message ? action.message : undefined
4308
+ }
4309
+ };
4310
+ },
4311
+ [RESET_IS_HYDRATING_COUNTER]: state => ({
4312
+ ...state,
4313
+ assistantMessageState: {
4314
+ ...state.assistantMessageState,
4315
+ isHydratingCounter: 0
4179
4316
  }
4180
4317
  }),
4181
4318
  [ADD_IS_HYDRATING_COUNTER]: (state, action) => ({
@@ -4761,7 +4898,20 @@ function createAppConfig(publicConfig) {
4761
4898
  }
4762
4899
 
4763
4900
  function createInitialState(config) {
4764
- return {
4901
+ const inputConfig = config.public.input;
4902
+ const assistantInputState = {
4903
+ ...DEFAULT_INPUT_STATE
4904
+ };
4905
+ const persistedToBrowserStorage = cloneDeep(DEFAULT_PERSISTED_TO_BROWSER);
4906
+ if (typeof inputConfig?.isVisible === "boolean") {
4907
+ assistantInputState.fieldVisible = inputConfig.isVisible;
4908
+ }
4909
+ if (typeof inputConfig?.isDisabled === "boolean") {
4910
+ assistantInputState.isReadonly = inputConfig.isDisabled;
4911
+ } else if (typeof config.public.isReadonly === "boolean") {
4912
+ assistantInputState.isReadonly = config.public.isReadonly;
4913
+ }
4914
+ const initialState = {
4765
4915
  config: config,
4766
4916
  ...DEFAULT_MESSAGE_STATE,
4767
4917
  notifications: [],
@@ -4769,7 +4919,7 @@ function createInitialState(config) {
4769
4919
  showNonHeaderBackgroundCover: false,
4770
4920
  isRestarting: false,
4771
4921
  isBrowserPageVisible: true,
4772
- assistantInputState: DEFAULT_INPUT_STATE,
4922
+ assistantInputState: assistantInputState,
4773
4923
  chatWidthBreakpoint: null,
4774
4924
  chatWidth: null,
4775
4925
  chatHeight: null,
@@ -4777,13 +4927,14 @@ function createInitialState(config) {
4777
4927
  viewChanging: false,
4778
4928
  initialViewChangeComplete: false,
4779
4929
  targetViewState: config.public.openChatByDefault ? VIEW_STATE_MAIN_WINDOW_OPEN : VIEW_STATE_LAUNCHER_OPEN,
4780
- persistedToBrowserStorage: DEFAULT_PERSISTED_TO_BROWSER,
4930
+ persistedToBrowserStorage: persistedToBrowserStorage,
4781
4931
  humanAgentState: DEFAULT_HUMAN_AGENT_STATE,
4782
4932
  iFramePanelState: DEFAULT_IFRAME_PANEL_STATE,
4783
4933
  viewSourcePanelState: DEFAULT_CITATION_PANEL_STATE,
4784
4934
  customPanelState: DEFAULT_CUSTOM_PANEL_STATE,
4785
4935
  responsePanelState: DEFAULT_MESSAGE_PANEL_STATE
4786
4936
  };
4937
+ return initialState;
4787
4938
  }
4788
4939
 
4789
4940
  function doCreateStore(publicConfig, serviceManager) {
@@ -4814,6 +4965,9 @@ function doCreateStore(publicConfig, serviceManager) {
4814
4965
  }
4815
4966
  };
4816
4967
  }
4968
+ if (typeof config.public.launcher?.showUnreadIndicator === "boolean") {
4969
+ initialState.persistedToBrowserStorage.showUnreadIndicator = config.public.launcher.showUnreadIndicator;
4970
+ }
4817
4971
  return createAppStore(reducerFunction, initialState);
4818
4972
  }
4819
4973
 
@@ -4909,51 +5063,6 @@ function createServiceManager(appConfig) {
4909
5063
  return serviceManager;
4910
5064
  }
4911
5065
 
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
5066
  var ChatWidthBreakpoint;
4958
5067
 
4959
5068
  (function(ChatWidthBreakpoint) {
@@ -4988,18 +5097,19 @@ function createChatInstance({serviceManager: serviceManager}) {
4988
5097
  serviceManager.mainWindow?.doAutoScroll?.(options);
4989
5098
  },
4990
5099
  updateInputFieldVisibility: isVisible => {
4991
- debugLog("Called instance.updateInputFieldVisibility", isVisible);
5100
+ consoleWarn("instance.updateInputFieldVisibility is deprecated. Use The input.isVisible property to configure this behavior.");
4992
5101
  serviceManager.store.dispatch(actions.updateInputState({
4993
5102
  fieldVisible: isVisible
4994
5103
  }, false));
4995
5104
  },
4996
5105
  updateInputIsDisabled: isDisabled => {
4997
- debugLog("Called instance.updateInputIsDisabled", isDisabled);
5106
+ consoleWarn("instance.updateInputIsDisabled is deprecated. Use the input.isDisabled property to configure this behavior.");
4998
5107
  serviceManager.store.dispatch(actions.updateInputState({
4999
5108
  isReadonly: isDisabled
5000
5109
  }, false));
5001
5110
  },
5002
5111
  updateAssistantUnreadIndicatorVisibility: isVisible => {
5112
+ consoleWarn("instance.updateAssistantUnreadIndicatorVisibility is deprecated. Use public.launcher.showUnreadIndicator to configure this behavior.");
5003
5113
  debugLog("Called instance.updateAssistantUnreadIndicatorVisibility", isVisible);
5004
5114
  serviceManager.store.dispatch(actions.setLauncherProperty("showUnreadIndicator", isVisible));
5005
5115
  },
@@ -5043,6 +5153,12 @@ function createChatInstance({serviceManager: serviceManager}) {
5043
5153
  serviceManager.actions.removeAllNotifications();
5044
5154
  }
5045
5155
  },
5156
+ input: {
5157
+ updateRawValue: updater => {
5158
+ debugLog("Called instance.input.updateRawValue");
5159
+ serviceManager.actions.updateRawInputValue(updater);
5160
+ }
5161
+ },
5046
5162
  getState: () => serviceManager.actions.getPublicChatState(),
5047
5163
  writeableElements: serviceManager.writeableElements,
5048
5164
  scrollToMessage: (messageID, animate) => {
@@ -5055,34 +5171,39 @@ function createChatInstance({serviceManager: serviceManager}) {
5055
5171
  consoleWarn("instance.restartConversation is deprecated. Use instance.messaging.restartConversation instead.");
5056
5172
  return instance.messaging.restartConversation();
5057
5173
  },
5058
- updateIsMessageLoadingCounter(direction) {
5174
+ updateIsMessageLoadingCounter(direction, message) {
5059
5175
  debugLog("Called instance.updateIsMessageLoadingCounter", direction);
5060
5176
  const {store: store} = serviceManager;
5061
- if (direction === "increase") {
5062
- store.dispatch(actions.addIsLoadingCounter(1));
5177
+ if (direction === "reset") {
5178
+ store.dispatch(actions.resetIsLoadingCounter());
5179
+ } else if (direction === "increase") {
5180
+ store.dispatch(actions.addIsLoadingCounter(1, message));
5063
5181
  } else if (direction === "decrease") {
5064
5182
  if (store.getState().assistantMessageState.isMessageLoadingCounter <= 0) {
5065
- consoleError("You cannot decrease the loading counter when it is already <= 0");
5066
5183
  return;
5067
5184
  }
5068
- store.dispatch(actions.addIsLoadingCounter(-1));
5069
- } else {
5070
- consoleError(`[updateIsMessageLoadingCounter] Invalid direction: ${direction}. Valid values are "increase" and "decrease".`);
5185
+ store.dispatch(actions.addIsLoadingCounter(-1, message));
5186
+ } else if (!direction && message) {
5187
+ store.dispatch(actions.addIsLoadingCounter(0, message));
5188
+ }
5189
+ if (direction) {
5190
+ consoleError(`[updateIsMessageLoadingCounter] Invalid direction: ${direction}. Valid values are undefined, "reset", "increase" and "decrease".`);
5071
5191
  }
5072
5192
  },
5073
5193
  updateIsChatLoadingCounter(direction) {
5074
5194
  debugLog("Called instance.updateIsChatLoadingCounter", direction);
5075
5195
  const {store: store} = serviceManager;
5076
- if (direction === "increase") {
5196
+ if (direction === "reset") {
5197
+ store.dispatch(actions.resetIsHydratingCounter());
5198
+ } else if (direction === "increase") {
5077
5199
  store.dispatch(actions.addIsHydratingCounter(1));
5078
5200
  } else if (direction === "decrease") {
5079
5201
  if (store.getState().assistantMessageState.isHydratingCounter <= 0) {
5080
- consoleError("You cannot decrease the hydrating counter when it is already <= 0");
5081
5202
  return;
5082
5203
  }
5083
5204
  store.dispatch(actions.addIsHydratingCounter(-1));
5084
5205
  } else {
5085
- consoleError(`[updateIsChatLoadingCounter] Invalid direction: ${direction}. Valid values are "increase" and "decrease".`);
5206
+ consoleError(`[updateIsChatLoadingCounter] Invalid direction: ${direction}. Valid values are "reset", "increase" and "decrease".`);
5086
5207
  }
5087
5208
  },
5088
5209
  messaging: {
@@ -7671,7 +7792,7 @@ __decorate([ property({
7671
7792
 
7672
7793
  CDSChatCodeElement = __decorate([ carbonElement(`cds-aichat-code`) ], CDSChatCodeElement);
7673
7794
 
7674
- var css_248z$8 = "cds-table-header-title,\ncds-table-header-description,\ncds-table-toolbar{\n position:sticky;\n inline-size:var(--cds-aichat-table-width, auto);\n inset-inline-start:0;\n}\n\ncds-table-header-title,\ncds-table-header-description{\n padding:0 1rem;\n inline-size:calc(var(--cds-aichat-table-width, auto) - 1rem - 1rem);\n margin-inline:-1rem;\n}\n\ncds-table-header-description{\n margin-block-end:-0.5rem;\n}\n\n:dir(rtl) cds-table-header-title,\n:dir(rtl) cds-table-header-description,\n:dir(rtl) cds-table-toolbar{\n right:0;\n left:unset;\n}\n\ncds-pagination,\ncds-table{\n grid-column:1;\n inline-size:100%;\n}\n\n.cds-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-ai-chat-table-container.cds--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-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-ai-chat-table-container.cds--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n.cds-ai-chat-table-container.cds--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n\n.cds-ai-chat-table-container.cds--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-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-ai-chat-table-container.cds--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n.cds-ai-chat-table-container.cds--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}";
7795
+ var css_248z$8 = "cds-table::part(inner-container){\n display:grid;\n grid-template-columns:minmax(max-content, 1fr);\n}";
7675
7796
 
7676
7797
  function tableTemplate(tableElement) {
7677
7798
  const {tableTitle: tableTitle, tableDescription: tableDescription, headers: headers, filterPlaceholderText: filterPlaceholderText, locale: locale, _handleDownload: handleDownload, _rowsWithIDs: tableRowsWithIDs, _allowFiltering: allowTableFiltering, _handleFilterEvent: handleFilterEvent} = tableElement;
@@ -7800,50 +7921,20 @@ let TableElement = class TableElement extends LitElement {
7800
7921
  set defaultPageSize(value) {
7801
7922
  this._defaultPageSize = value;
7802
7923
  }
7803
- connectedCallback() {
7804
- super.connectedCallback();
7805
- this._setupParentResizeObserver();
7806
- }
7807
- disconnectedCallback() {
7808
- super.disconnectedCallback();
7809
- this._cleanupParentResizeObserver();
7810
- }
7811
7924
  firstUpdated(_changedProperties) {
7812
7925
  this._setPageSize();
7813
- this._updateParentWidthCSSProperty();
7814
- }
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-aichat-table-width", `${elementWidth}px`);
7822
- }
7823
- }
7824
- }, 100));
7825
- this._parentResizeObserver.observe(this.parentElement);
7826
- }
7926
+ this._updateDefaultPageSize();
7827
7927
  }
7828
- _cleanupParentResizeObserver() {
7829
- if (this._parentResizeObserver) {
7830
- this._parentResizeObserver.disconnect();
7831
- this._parentResizeObserver = undefined;
7832
- }
7833
- }
7834
- _updateParentWidthCSSProperty() {
7928
+ _updateDefaultPageSize() {
7835
7929
  if (this.parentElement) {
7836
7930
  let parentWidth = this.parentElement.offsetWidth;
7837
7931
  if (parentWidth === 0) {
7838
7932
  parentWidth = PAGE_SIZE_WIDTH_THRESHOLD - 1;
7839
7933
  }
7840
- if (parentWidth > 0) {
7841
- this.style.setProperty("--cds-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
- }
7934
+ if (parentWidth > 0 && this._defaultPageSize === 5) {
7935
+ this._defaultPageSize = parentWidth > PAGE_SIZE_WIDTH_THRESHOLD ? 10 : 5;
7936
+ if (this._currentPageSize === 5) {
7937
+ this._currentPageSize = this._defaultPageSize;
7847
7938
  }
7848
7939
  }
7849
7940
  }
@@ -10076,6 +10167,42 @@ function TextHolderTile({title: title, description: description, displayURL: dis
10076
10167
  }, displayURL))));
10077
10168
  }
10078
10169
 
10170
+ function TranscriptComponent({text: text, label: label, language: language}) {
10171
+ const [isExpanded, setIsExpanded] = useState(false);
10172
+ const {media_transcript_label: media_transcript_label} = useLanguagePack();
10173
+ const ChevronDown = carbonIconToReact(ChevronDown16);
10174
+ const ChevronUp = carbonIconToReact(ChevronUp16);
10175
+ const displayLabel = label || media_transcript_label || "Transcript";
10176
+ const handleToggle = () => {
10177
+ setIsExpanded(!isExpanded);
10178
+ };
10179
+ return React.createElement("div", {
10180
+ className: "cds-aichat--media-transcript"
10181
+ }, React.createElement("button", {
10182
+ className: "cds-aichat--media-transcript__toggle",
10183
+ onClick: handleToggle,
10184
+ "aria-expanded": isExpanded,
10185
+ type: "button"
10186
+ }, React.createElement("span", {
10187
+ className: "cds-aichat--media-transcript__toggle-label"
10188
+ }, displayLabel, " ", language && React.createElement("span", {
10189
+ className: "cds-aichat--media-transcript__language"
10190
+ }, "(", language, ")")), isExpanded ? React.createElement(ChevronUp, {
10191
+ className: "cds-aichat--media-transcript__toggle-icon"
10192
+ }) : React.createElement(ChevronDown, {
10193
+ className: "cds-aichat--media-transcript__toggle-icon"
10194
+ })), isExpanded && React.createElement("div", {
10195
+ className: cx("cds-aichat--media-transcript__content", {
10196
+ "cds-aichat--media-transcript__content--visible": isExpanded
10197
+ })
10198
+ }, React.createElement(Markdown, {
10199
+ sanitizeHTML: true,
10200
+ markdown: text
10201
+ })));
10202
+ }
10203
+
10204
+ const TranscriptComponentExport = React.memo(TranscriptComponent);
10205
+
10079
10206
  const ReactPlayerComponent = React.lazy(() => import("react-player/lazy/index.js").then(mod => {
10080
10207
  let exported = mod.default ?? mod;
10081
10208
  if (exported && typeof exported === "object" && "default" in exported) {
@@ -10086,7 +10213,7 @@ const ReactPlayerComponent = React.lazy(() => import("react-player/lazy/index.js
10086
10213
  };
10087
10214
  }));
10088
10215
 
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}) {
10216
+ 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
10217
  const [skeletonHidden, setSkeletonHidden] = useState(false);
10091
10218
  const [errorLoading, setErrorLoading] = useState(false);
10092
10219
  const {errors_audioSource: errors_audioSource, errors_videoSource: errors_videoSource} = useLanguagePack();
@@ -10186,11 +10313,21 @@ function MediaPlayerComponent({type: type, source: source, title: title, descrip
10186
10313
  height: "100%",
10187
10314
  config: {
10188
10315
  file: {
10189
- forceVideo: true,
10316
+ forceVideo: type === MessageResponseTypes.VIDEO,
10190
10317
  attributes: {
10191
10318
  controlsList: "nodownload",
10192
- "aria-label": ariaLabel || description || title
10193
- }
10319
+ "aria-label": ariaLabel || description || title,
10320
+ crossOrigin: "anonymous"
10321
+ },
10322
+ ...type === MessageResponseTypes.VIDEO && subtitle_tracks && subtitle_tracks.length > 0 ? {
10323
+ tracks: subtitle_tracks.map(track => ({
10324
+ kind: track.kind || "subtitles",
10325
+ src: track.src,
10326
+ srcLang: track.language,
10327
+ label: track.label,
10328
+ default: track.default || false
10329
+ }))
10330
+ } : {}
10194
10331
  }
10195
10332
  },
10196
10333
  playsinline: true,
@@ -10204,6 +10341,10 @@ function MediaPlayerComponent({type: type, source: source, title: title, descrip
10204
10341
  title: title,
10205
10342
  description: description,
10206
10343
  hideTitle: hideIconAndTitle
10344
+ }), type === MessageResponseTypes.AUDIO && transcript && React.createElement(TranscriptComponentExport, {
10345
+ text: transcript.text,
10346
+ label: transcript.label,
10347
+ language: transcript.language
10207
10348
  }))));
10208
10349
  }
10209
10350
 
@@ -10973,7 +11114,7 @@ const OperationalTag = createComponent({
10973
11114
  react: React
10974
11115
  });
10975
11116
 
10976
- const ChevronDown = carbonIconToReact(ChevronDown16);
11117
+ const ChevronDown$1 = carbonIconToReact(ChevronDown16);
10977
11118
 
10978
11119
  const ChevronUp = carbonIconToReact(ChevronUp16);
10979
11120
 
@@ -11012,7 +11153,7 @@ function ConversationalSearchText(props) {
11012
11153
  "aria-label": languagePack.conversationalSearch_toggleCitations
11013
11154
  }, React.createElement("span", {
11014
11155
  slot: "icon"
11015
- }, citationsOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null))))));
11156
+ }, citationsOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown$1, null))))));
11016
11157
  }
11017
11158
 
11018
11159
  function insertHighlightMarkdown(text, highlightCitation) {
@@ -11504,8 +11645,10 @@ function IFrameComponent({title: title, source: source, onTimeoutOverride: onTim
11504
11645
  className: "cds-aichat--i-frame-component__i-frame",
11505
11646
  title: title,
11506
11647
  src: source,
11507
- sandbox: "allow-scripts allow-downloads allow-forms allow-popups",
11648
+ sandbox: "allow-scripts allow-downloads allow-forms allow-popups allow-same-origin",
11508
11649
  referrerPolicy: "origin",
11650
+ role: "application",
11651
+ tabIndex: 0,
11509
11652
  onLoad: handleIFrameLoaded
11510
11653
  }), showSpinner && renderLoadingSpinner());
11511
11654
  }
@@ -12239,25 +12382,27 @@ function MessageTypeComponent(props) {
12239
12382
  function renderVideoMessage(message) {
12240
12383
  const {doAutoScroll: doAutoScroll} = props;
12241
12384
  const {item: item} = message;
12242
- const {source: source, title: title, description: description, alt_text: alt_text} = item;
12385
+ const {source: source, title: title, description: description, alt_text: alt_text, file_accessibility: file_accessibility} = item;
12243
12386
  return React.createElement(VideoComponentExport, {
12244
12387
  source: source,
12245
12388
  title: title,
12246
12389
  description: description,
12247
12390
  baseHeight: getMediaDimensions(item)?.base_height,
12248
12391
  ariaLabel: alt_text,
12392
+ subtitle_tracks: file_accessibility?.subtitle_tracks,
12249
12393
  doAutoScroll: doAutoScroll,
12250
12394
  needsAnnouncement: message.ui_state.needsAnnouncement
12251
12395
  });
12252
12396
  }
12253
12397
  function renderAudioMessage(message) {
12254
12398
  const {doAutoScroll: doAutoScroll} = props;
12255
- const {source: source, title: title, description: description, alt_text: alt_text} = message.item;
12399
+ const {source: source, title: title, description: description, alt_text: alt_text, file_accessibility: file_accessibility} = message.item;
12256
12400
  return React.createElement(AudioComponentExport, {
12257
12401
  source: source,
12258
12402
  title: title,
12259
12403
  description: description,
12260
12404
  ariaLabel: alt_text,
12405
+ transcript: file_accessibility?.transcript,
12261
12406
  doAutoScroll: doAutoScroll,
12262
12407
  needsAnnouncement: message.ui_state.needsAnnouncement
12263
12408
  });
@@ -12929,7 +13074,7 @@ var MessageComponent$1 = withAriaAnnouncer(injectIntl(MessageComponent, {
12929
13074
  forwardRef: true
12930
13075
  }));
12931
13076
 
12932
- const DownToBottom$1 = carbonIconToReact(DownToBottom16);
13077
+ const DownToBottom = carbonIconToReact(DownToBottom16);
12933
13078
 
12934
13079
  class MessagesComponent extends PureComponent {
12935
13080
  constructor() {
@@ -13192,7 +13337,7 @@ class MessagesComponent extends PureComponent {
13192
13337
  }
13193
13338
  return [];
13194
13339
  }
13195
- renderTypingIndicator(isTypingMessage, index) {
13340
+ renderTypingIndicator(isTypingMessage, index, statusMessage) {
13196
13341
  return React.createElement("div", {
13197
13342
  className: `cds-aichat--message cds-aichat--message-${index} cds-aichat--message--last-message`
13198
13343
  }, React.createElement("div", {
@@ -13205,10 +13350,15 @@ class MessagesComponent extends PureComponent {
13205
13350
  className: "cds-aichat--received cds-aichat--received--loading cds-aichat--message-vertical-padding"
13206
13351
  }, React.createElement("div", {
13207
13352
  className: "cds-aichat--received--inner"
13353
+ }, React.createElement("div", {
13354
+ className: "cds-aichat--processing"
13208
13355
  }, React.createElement(Processing, {
13356
+ className: "cds-aichat--processing-component",
13209
13357
  loop: true,
13210
13358
  carbonTheme: this.props.carbonTheme
13211
- }))))));
13359
+ }), " ", React.createElement("div", {
13360
+ className: "cds-aichat--processing-label"
13361
+ }, statusMessage)))))));
13212
13362
  }
13213
13363
  renderMessage(localMessage, fullMessage, messagesIndex, showBeforeWelcomeNodeElement, isMessageForInput, isFirstMessageItem, isLastMessageItem, lastMessageID) {
13214
13364
  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 +13483,7 @@ class MessagesComponent extends PureComponent {
13333
13483
  }
13334
13484
  render() {
13335
13485
  const {localMessageItems: localMessageItems, messageState: messageState, intl: intl, assistantName: assistantName, serviceManager: serviceManager, notifications: notifications, config: {derived: {languagePack: languagePack}}} = this.props;
13336
- const {isMessageLoadingCounter: isMessageLoadingCounter} = messageState;
13486
+ const {isMessageLoadingCounter: isMessageLoadingCounter, isMessageLoadingText: isMessageLoadingText} = messageState;
13337
13487
  const {isHumanAgentTyping: isHumanAgentTyping} = selectHumanAgentDisplayState(this.props);
13338
13488
  const {scrollHandleHasFocus: scrollHandleHasFocus, scrollDown: scrollDown} = this.state;
13339
13489
  const messageIDForInput = this.getMessageIDForUserInput();
@@ -13355,15 +13505,15 @@ class MessagesComponent extends PureComponent {
13355
13505
  }, this.renderHumanAgentBanner(), React.createElement("div", {
13356
13506
  className: cx("cds-aichat--messages__wrapper", {
13357
13507
  "cds-aichat--messages__wrapper--scroll-handle-has-focus": scrollHandleHasFocus
13358
- })
13359
- }, React.createElement("div", {
13360
- className: "cds-aichat--messages",
13508
+ }),
13361
13509
  ref: this.messagesContainerWithScrollingRef,
13362
13510
  onScroll: () => {
13363
13511
  this.checkScrollAnchor();
13364
13512
  this.renderScrollDownNotification();
13365
13513
  }
13366
- }, this.renderScrollHandle(true), regularMessages, (Boolean(isMessageLoadingCounter) || isHumanAgentTyping) && this.renderTypingIndicator(isTypingMessage, localMessageItems.length), React.createElement(Notifications, {
13514
+ }, React.createElement("div", {
13515
+ className: "cds-aichat--messages"
13516
+ }, this.renderScrollHandle(true), regularMessages, (Boolean(isMessageLoadingCounter) || isHumanAgentTyping) && this.renderTypingIndicator(isTypingMessage, localMessageItems.length, isMessageLoadingCounter ? isMessageLoadingText : undefined), React.createElement(Notifications, {
13367
13517
  serviceManager: serviceManager,
13368
13518
  notifications: notifications
13369
13519
  }), this.renderScrollHandle(false), scrollDown && React.createElement(MountChildrenOnDelay, {
@@ -13377,7 +13527,7 @@ class MessagesComponent extends PureComponent {
13377
13527
  scrollToBottom: 0,
13378
13528
  preferAnimate: true
13379
13529
  })
13380
- }, React.createElement(DownToBottom$1, null))))));
13530
+ }, React.createElement(DownToBottom, null))))));
13381
13531
  }
13382
13532
  }
13383
13533
 
@@ -13667,7 +13817,7 @@ const AISlug = createComponent({
13667
13817
 
13668
13818
  const CloseLarge = carbonIconToReact(CloseLarge16);
13669
13819
 
13670
- const DownToBottom = carbonIconToReact(DownToBottom16);
13820
+ const ChevronDown = carbonIconToReact(ChevronDown16);
13671
13821
 
13672
13822
  const OverflowMenuVertical = carbonIconToReact(OverflowMenuVertical16);
13673
13823
 
@@ -13685,21 +13835,20 @@ function Header(props, ref) {
13685
13835
  const overflowRef = useRef(undefined);
13686
13836
  const serviceManager = useServiceManager();
13687
13837
  const languagePack = useLanguagePack();
13688
- const publicConfig = useSelector(state => state.config.public);
13838
+ const derivedPublicConfig = useSelector(state => state.config.derived);
13689
13839
  const isRestarting = useSelector(state => state.isRestarting);
13690
13840
  const isRTL = document.dir === "rtl";
13691
- const chatHeaderConfig = publicConfig.header;
13841
+ const chatHeaderConfig = derivedPublicConfig.header;
13692
13842
  const isHidden = useContext(HideComponentContext);
13693
- const {header: header} = publicConfig;
13694
- const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : header?.showAiLabel !== false;
13843
+ const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : chatHeaderConfig?.showAiLabel !== false;
13695
13844
  const chatHeaderTitle = enableChatHeaderConfig ? chatHeaderConfig?.title : undefined;
13696
13845
  const chatHeaderName = enableChatHeaderConfig ? chatHeaderConfig?.name : undefined;
13697
13846
  const chatHeaderDisplayName = chatHeaderName || displayName;
13698
- const useHideCloseButton = header?.hideMinimizeButton || hideCloseButton;
13847
+ const useHideCloseButton = chatHeaderConfig?.hideMinimizeButton || hideCloseButton;
13699
13848
  let closeIcon;
13700
13849
  let closeReverseIcon = false;
13701
13850
  let closeIsReversible = true;
13702
- const minimizeButtonIconType = header?.minimizeButtonIconType;
13851
+ const minimizeButtonIconType = chatHeaderConfig?.minimizeButtonIconType;
13703
13852
  switch (minimizeButtonIconType) {
13704
13853
  case MinimizeButtonIconType.CLOSE:
13705
13854
  closeIcon = React.createElement(CloseLarge, {
@@ -13789,7 +13938,7 @@ function Header(props, ref) {
13789
13938
  buttonRef: backButtonRef,
13790
13939
  buttonKind: backButtonType,
13791
13940
  tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.LEFT : BUTTON_TOOLTIP_POSITION.RIGHT
13792
- }, backContent || React.createElement(DownToBottom, {
13941
+ }, backContent || React.createElement(ChevronDown, {
13793
13942
  "aria-label": labelBackButton,
13794
13943
  slot: "icon"
13795
13944
  }));
@@ -13876,13 +14025,13 @@ function AssistantHeader(props, ref) {
13876
14025
  const homescreen = state.config.public.homescreen;
13877
14026
  return homescreen?.isOn && !homescreen?.disableReturn;
13878
14027
  });
13879
- const publicConfig = useSelector(state => state.config.public);
13880
- const customMenuOptions = useSelector(state => state.config.derived.header?.menuOptions);
14028
+ const derivedPublicConfig = useSelector(state => state.config.derived);
14029
+ const customMenuOptions = derivedPublicConfig.header.menuOptions;
13881
14030
  const memoizedCustomMenuOptions = useMemo(() => customMenuOptions || undefined, [ customMenuOptions ]);
13882
14031
  const {isConnectingOrConnected: isConnectingOrConnected} = useSelector(selectHumanAgentDisplayState, shallowEqual);
13883
14032
  const headerRef = useRef(undefined);
13884
14033
  const Home = carbonIconToReact(Home16);
13885
- const showRestartButton = publicConfig.header?.showRestartButton;
14034
+ const showRestartButton = derivedPublicConfig.header?.showRestartButton;
13886
14035
  const allowHomeScreen = homeScreenIsOn && !isConnectingOrConnected;
13887
14036
  const overflowClicked = useCallback(index => {
13888
14037
  if (index === 0 && allowHomeScreen) {
@@ -13899,7 +14048,7 @@ function AssistantHeader(props, ref) {
13899
14048
  useImperativeHandle(ref, () => headerRef.current);
13900
14049
  return React.createElement("div", {
13901
14050
  className: "cds-aichat--header__container"
13902
- }, React.createElement(HeaderExport, {
14051
+ }, derivedPublicConfig.header?.isOn && React.createElement(HeaderExport, {
13903
14052
  ref: headerRef,
13904
14053
  displayName: headerDisplayName,
13905
14054
  showBackButton: Boolean(allowHomeScreen && onToggleHomeScreen),
@@ -14048,98 +14197,153 @@ const StopStreamingButton = createComponent({
14048
14197
  react: React
14049
14198
  });
14050
14199
 
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);
14200
+ const MAX_AUTO_RESIZE_HEIGHT = 180;
14201
+
14202
+ function normalizeTextValue(value) {
14203
+ return value.replace(/\r\n?/g, "\n").replace(/\u00a0/g, " ");
14204
+ }
14205
+
14206
+ function escapeHTML(value) {
14207
+ return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
14208
+ }
14209
+
14210
+ function toDisplayHTML(value) {
14211
+ const escaped = escapeHTML(value);
14212
+ return escaped.replace(/\n/g, "<br>");
14213
+ }
14214
+
14215
+ 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) => {
14216
+ const editorRef = useRef(null);
14217
+ const sizerRef = useRef(null);
14218
+ const skipNextDomSync = useRef(false);
14219
+ const lastDisplayValue = useRef("");
14220
+ function setHasContentData(value) {
14221
+ if (!editorRef.current) {
14222
+ return;
14223
+ }
14224
+ editorRef.current.dataset.hasContent = value ? "true" : "false";
14060
14225
  }
14061
- fireListeners(...args) {
14062
- if (this.listeners.length) {
14063
- this.listeners.forEach(listener => listener(...args));
14226
+ function emitChangeFromDom() {
14227
+ if (!editorRef.current) {
14228
+ return;
14229
+ }
14230
+ const textValue = normalizeTextValue(editorRef.current.innerText || "");
14231
+ let nextValue = textValue;
14232
+ if (maxLength && nextValue.length > maxLength) {
14233
+ nextValue = nextValue.slice(0, maxLength);
14234
+ editorRef.current.innerText = nextValue;
14235
+ placeCaretAtEnd(editorRef.current);
14064
14236
  }
14237
+ setHasContentData(nextValue);
14238
+ skipNextDomSync.current = true;
14239
+ onChange({
14240
+ rawValue: nextValue,
14241
+ displayValue: toDisplayHTML(nextValue)
14242
+ });
14065
14243
  }
14066
- }
14067
-
14068
- class TextArea extends PureComponent {
14069
- constructor() {
14070
- super(...arguments);
14071
- this.textAreaRef = React.createRef();
14072
- this.sizerRef = React.createRef();
14244
+ function handleInput() {
14245
+ emitChangeFromDom();
14073
14246
  }
14074
- getHTMLElement() {
14075
- return this.textAreaRef.current;
14247
+ function handleKeyDown(event) {
14248
+ onKeyDown?.(event);
14076
14249
  }
14077
- takeFocus() {
14078
- doFocusRef(this.textAreaRef, false, true);
14250
+ function handleFocus(event) {
14251
+ onFocus?.(event);
14079
14252
  }
14080
- doBlur() {
14081
- this.textAreaRef.current.blur();
14253
+ function handleBlur(event) {
14254
+ onBlur?.(event);
14082
14255
  }
14083
- updateOverflow() {
14084
- if (!this.props.autoSize || !this.textAreaRef.current || !this.sizerRef.current) {
14256
+ useImperativeHandle(ref, () => ({
14257
+ getHTMLElement: () => editorRef.current,
14258
+ takeFocus: () => {
14259
+ doFocusRef(editorRef, false, true);
14260
+ },
14261
+ doBlur: () => {
14262
+ editorRef.current?.blur();
14263
+ }
14264
+ }));
14265
+ useLayoutEffect(() => {
14266
+ if (!autoSize || !editorRef.current || !sizerRef.current) {
14085
14267
  return;
14086
14268
  }
14087
- const sizerHeight = this.sizerRef.current.scrollHeight;
14088
- const maxHeight = 157;
14089
- if (sizerHeight > maxHeight) {
14090
- this.textAreaRef.current.style.overflow = "auto";
14269
+ const sizerHeight = sizerRef.current.scrollHeight;
14270
+ if (sizerHeight > MAX_AUTO_RESIZE_HEIGHT) {
14271
+ editorRef.current.style.overflowY = "auto";
14091
14272
  } else {
14092
- this.textAreaRef.current.style.overflow = "hidden";
14273
+ editorRef.current.style.overflowY = "hidden";
14093
14274
  }
14275
+ }, [ autoSize, displayValue ]);
14276
+ useLayoutEffect(() => {
14277
+ if (!editorRef.current) {
14278
+ return;
14279
+ }
14280
+ if (skipNextDomSync.current) {
14281
+ skipNextDomSync.current = false;
14282
+ lastDisplayValue.current = displayValue;
14283
+ return;
14284
+ }
14285
+ if (displayValue === lastDisplayValue.current) {
14286
+ return;
14287
+ }
14288
+ lastDisplayValue.current = displayValue;
14289
+ if (displayValue) {
14290
+ editorRef.current.innerHTML = displayValue;
14291
+ } else {
14292
+ editorRef.current.innerHTML = "";
14293
+ }
14294
+ placeCaretAtEnd(editorRef.current);
14295
+ }, [ displayValue ]);
14296
+ useLayoutEffect(() => {
14297
+ setHasContentData(rawValue);
14298
+ }, [ rawValue ]);
14299
+ return React.createElement("div", {
14300
+ className: cx("cds-aichat--text-area", {
14301
+ "cds-aichat--text-area--auto-size": autoSize,
14302
+ "cds-aichat--text-area--disabled": disabled
14303
+ })
14304
+ }, React.createElement("div", {
14305
+ ref: editorRef,
14306
+ "aria-label": ariaLabel,
14307
+ "aria-multiline": "true",
14308
+ className: "cds-aichat--text-area-textarea",
14309
+ contentEditable: !disabled,
14310
+ "data-placeholder": placeholder,
14311
+ "data-testid": testId,
14312
+ "aria-disabled": disabled,
14313
+ onBlur: handleBlur,
14314
+ onFocus: handleFocus,
14315
+ onInput: handleInput,
14316
+ onKeyDown: handleKeyDown,
14317
+ role: "textbox",
14318
+ tabIndex: disabled ? -1 : 0,
14319
+ spellCheck: true,
14320
+ suppressContentEditableWarning: true,
14321
+ "data-gramm": "false",
14322
+ "data-gramm_editor": "false",
14323
+ "data-enable-grammarly": "false"
14324
+ }), autoSize && React.createElement("div", {
14325
+ ref: sizerRef,
14326
+ className: "cds-aichat--text-area-sizer",
14327
+ "aria-hidden": true,
14328
+ dangerouslySetInnerHTML: {
14329
+ __html: rawValue && rawValue.length ? displayValue || "&nbsp;" : escapeHTML(placeholder || " ") || "&nbsp;"
14330
+ }
14331
+ }));
14332
+ });
14333
+
14334
+ ContentEditableInput.displayName = "ContentEditableInput";
14335
+
14336
+ function placeCaretAtEnd(element) {
14337
+ if (typeof window === "undefined" || typeof document === "undefined") {
14338
+ return;
14094
14339
  }
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-aichat--text-area", {
14105
- "cds-aichat--text-area--auto-size": autoSize,
14106
- "cds-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-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-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
- };
14340
+ const range = document.createRange();
14341
+ range.selectNodeContents(element);
14342
+ range.collapse(false);
14343
+ const selection = window.getSelection();
14344
+ selection?.removeAllRanges();
14345
+ selection?.addRange(range);
14346
+ }
14143
14347
 
14144
14348
  const Send = carbonIconToReact(Send16);
14145
14349
 
@@ -14152,17 +14356,45 @@ const STOP_TYPING_PERIOD = 5e3;
14152
14356
  const INPUT_MAX_CHARS = 1e4;
14153
14357
 
14154
14358
  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;
14359
+ 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;
14360
+ const store = serviceManager.store;
14156
14361
  const inputID = `${serviceManager.namespace.suffix}-${useCounter()}`;
14157
14362
  const [textAreaHasFocus, setTextAreaHasFocus] = useState(false);
14158
- const [inputValue, setInputValue] = useState("");
14159
- const enterKeyEnabled = useRef(true);
14363
+ const trackedInputState = trackInputState ? selectInputState(store.getState()) : null;
14364
+ const [rawInputValue, setRawInputValue] = useState(trackedInputState?.rawValue ?? "");
14365
+ const [displayInputValue, setDisplayInputValue] = useState(trackedInputState?.displayValue ?? "");
14366
+ const rawInputValueRef = useRef(rawInputValue);
14367
+ const displayInputValueRef = useRef(displayInputValue);
14368
+ rawInputValueRef.current = rawInputValue;
14369
+ displayInputValueRef.current = displayInputValue;
14160
14370
  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());
14371
+ const textAreaRef = useRef(null);
14372
+ const fileInputRef = useRef(null);
14373
+ useEffect(() => {
14374
+ if (!trackInputState) {
14375
+ return undefined;
14376
+ }
14377
+ const unsubscribe = store.subscribe(() => {
14378
+ const nextInputState = selectInputState(store.getState());
14379
+ const nextRawValue = nextInputState.rawValue ?? "";
14380
+ const nextDisplayValue = nextInputState.displayValue ?? "";
14381
+ if (nextRawValue !== rawInputValueRef.current) {
14382
+ setRawInputValue(nextRawValue);
14383
+ }
14384
+ if (nextDisplayValue !== displayInputValueRef.current) {
14385
+ setDisplayInputValue(nextDisplayValue);
14386
+ }
14387
+ });
14388
+ return unsubscribe;
14389
+ }, [ store, trackInputState ]);
14390
+ useEffect(() => {
14391
+ if (!trackInputState) {
14392
+ return;
14393
+ }
14394
+ const nextInputState = selectInputState(store.getState());
14395
+ setRawInputValue(nextInputState.rawValue ?? "");
14396
+ setDisplayInputValue(nextInputState.displayValue ?? "");
14397
+ }, [ store, trackInputState ]);
14166
14398
  function doTypingStopped() {
14167
14399
  if (isTypingTimeout.current) {
14168
14400
  clearTimeout(isTypingTimeout.current);
@@ -14172,15 +14404,14 @@ function Input(props, ref) {
14172
14404
  }
14173
14405
  function onKeyDown(event) {
14174
14406
  if (isEnterKey(event)) {
14175
- if (disableSend || !enterKeyEnabled.current) {
14407
+ if (disableSend || isStopStreamingButtonVisible) {
14176
14408
  event.preventDefault();
14177
14409
  } else {
14178
14410
  send(event);
14179
14411
  }
14180
14412
  }
14181
14413
  }
14182
- function onChange(event) {
14183
- const inputText = event.target.value;
14414
+ function onEditorChange({rawValue: rawValue, displayValue: displayValue}) {
14184
14415
  if (onUserTyping) {
14185
14416
  if (!isTypingTimeout.current) {
14186
14417
  onUserTyping(true);
@@ -14189,19 +14420,35 @@ function Input(props, ref) {
14189
14420
  }
14190
14421
  isTypingTimeout.current = setTimeout(doTypingStopped, STOP_TYPING_PERIOD);
14191
14422
  }
14192
- setInputValue(inputText);
14423
+ setRawInputValue(rawValue);
14424
+ setDisplayInputValue(displayValue);
14425
+ if (trackInputState) {
14426
+ const isInputToHumanAgent = selectIsInputToHumanAgent(store.getState());
14427
+ store.dispatch(actions.updateInputState({
14428
+ rawValue: rawValue,
14429
+ displayValue: displayValue
14430
+ }, isInputToHumanAgent));
14431
+ }
14193
14432
  }
14194
14433
  function send(event) {
14195
14434
  if (doHasValidInput()) {
14196
14435
  event.preventDefault();
14197
14436
  doTypingStopped();
14198
- const text = inputValue.trim();
14437
+ const text = rawInputValue.trim();
14199
14438
  onSendInput(text);
14200
- setInputValue("");
14439
+ setRawInputValue("");
14440
+ setDisplayInputValue("");
14441
+ if (trackInputState) {
14442
+ const isInputToHumanAgent = selectIsInputToHumanAgent(store.getState());
14443
+ store.dispatch(actions.updateInputState({
14444
+ rawValue: "",
14445
+ displayValue: ""
14446
+ }, isInputToHumanAgent));
14447
+ }
14201
14448
  if (blurOnSend) {
14202
- textAreaRef.current.doBlur();
14449
+ textAreaRef.current?.doBlur();
14203
14450
  } else {
14204
- textAreaRef.current.takeFocus();
14451
+ textAreaRef.current?.takeFocus();
14205
14452
  }
14206
14453
  }
14207
14454
  }
@@ -14213,24 +14460,13 @@ function Input(props, ref) {
14213
14460
  }
14214
14461
  function takeFocus() {
14215
14462
  if (!IS_MOBILE && isInputVisible) {
14216
- textAreaRef.current.takeFocus();
14463
+ textAreaRef.current?.takeFocus();
14217
14464
  }
14218
14465
  }
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
14466
  function onRemoveFile(fileID) {
14231
14467
  const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
14232
14468
  serviceManager.store.dispatch(actions.removeFileUpload(fileID, isInputToHumanAgent));
14233
- textAreaRef.current.takeFocus();
14469
+ textAreaRef.current?.takeFocus();
14234
14470
  }
14235
14471
  function onFileChange(event) {
14236
14472
  const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
@@ -14247,7 +14483,9 @@ function Input(props, ref) {
14247
14483
  dispatch(actions.addInputFile(newFile, isInputToHumanAgent));
14248
14484
  }
14249
14485
  onFilesSelectedForUpload?.(newFiles);
14250
- fileInputRef.current.value = null;
14486
+ if (fileInputRef.current) {
14487
+ fileInputRef.current.value = null;
14488
+ }
14251
14489
  }
14252
14490
  function doHasValidInput() {
14253
14491
  const hasUploads = Boolean(pendingUploads?.length);
@@ -14256,27 +14494,23 @@ function Input(props, ref) {
14256
14494
  return false;
14257
14495
  }
14258
14496
  }
14259
- return Boolean(inputValue.trim()) || hasUploads;
14497
+ return Boolean(rawInputValue.trim()) || hasUploads;
14260
14498
  }
14261
14499
  if (textAreaHasFocus && disableInput) {
14262
14500
  setTextAreaHasFocus(false);
14263
14501
  }
14264
14502
  useImperativeHandle(ref, () => ({
14265
- takeFocus: takeFocus,
14266
- getMessageInput: () => instanceInputElement.current
14503
+ takeFocus: takeFocus
14267
14504
  }));
14268
14505
  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;
14506
+ const visibleRawValue = disableInput ? "" : rawInputValue;
14507
+ const visibleDisplayValue = disableInput ? "" : displayInputValue;
14270
14508
  const hasValidInput = doHasValidInput();
14271
14509
  const showDisabledSend = !hasValidInput || disableInput || disableSend;
14272
14510
  const showUploadButtonDisabled = disableUploadButton || disableInput;
14273
14511
  const uploadButtonID = `cds-aichat--input-container__upload-input-${inputID}`;
14274
14512
  const isRTL = document.dir === "rtl";
14275
14513
  const usePlaceHolder = placeholder || (disableInput ? undefined : input_placeholder);
14276
- if (lastValue.current !== inputValue) {
14277
- lastValue.current = inputValue;
14278
- changeListeners.current.fireListeners(inputValue);
14279
- }
14280
14514
  return isInputVisible && React.createElement("div", {
14281
14515
  className: "cds-aichat--input-and-completions"
14282
14516
  }, React.createElement("div", {
@@ -14305,15 +14539,16 @@ function Input(props, ref) {
14305
14539
  "cds-aichat--input-container__upload-button--disabled": showUploadButtonDisabled
14306
14540
  }),
14307
14541
  htmlFor: uploadButtonID
14308
- }, React.createElement(Attachment, null))), React.createElement(TextArea, {
14542
+ }, React.createElement(Attachment, null))), React.createElement(ContentEditableInput, {
14309
14543
  autoSize: true,
14310
14544
  ariaLabel: input_ariaLabel,
14311
14545
  disabled: disableInput,
14312
14546
  maxLength: maxInputChars ? maxInputChars : INPUT_MAX_CHARS,
14313
- onChange: onChange,
14547
+ onChange: onEditorChange,
14314
14548
  onKeyDown: onKeyDown,
14315
14549
  placeholder: usePlaceHolder,
14316
- value: useInputValue,
14550
+ displayValue: visibleDisplayValue,
14551
+ rawValue: visibleRawValue,
14317
14552
  ref: textAreaRef,
14318
14553
  onFocus: onInputFocus,
14319
14554
  onBlur: onInputBlur,
@@ -14330,10 +14565,10 @@ function Input(props, ref) {
14330
14565
  onDelete: () => onRemoveFile(fileUpload.id)
14331
14566
  }, fileUpload.file.name)))), React.createElement("div", {
14332
14567
  className: "cds-aichat--input-container__send-button-container"
14333
- }, isStopStreamingButtonVisible && React.createElement(StopStreamingButton, {
14568
+ }, isStopStreamingButtonVisible ? React.createElement(StopStreamingButton, {
14334
14569
  label: input_stopResponse,
14335
14570
  disabled: isStopStreamingButtonDisabled,
14336
- tooltipAlignment: "top",
14571
+ tooltipAlignment: isRTL ? "top-left" : "top-right",
14337
14572
  onClick: async () => {
14338
14573
  const {store: store} = serviceManager;
14339
14574
  store.dispatch(actions.setStopStreamingButtonDisabled(true));
@@ -14341,8 +14576,9 @@ function Input(props, ref) {
14341
14576
  type: BusEventType.STOP_STREAMING
14342
14577
  });
14343
14578
  await serviceManager.messageService.cancelCurrentMessageRequest();
14579
+ textAreaRef.current?.takeFocus();
14344
14580
  }
14345
- }), React.createElement(Button, {
14581
+ }) : React.createElement(Button, {
14346
14582
  className: "cds-aichat--input-container__send-button",
14347
14583
  kind: BUTTON_KIND.GHOST,
14348
14584
  size: BUTTON_SIZE.SMALL,
@@ -14398,6 +14634,8 @@ class AssistantChat extends Component {
14398
14634
  this.inputRef = React.createRef();
14399
14635
  this.messagesRef = React.createRef();
14400
14636
  this.messagesToArray = createUnmappingMemoizer();
14637
+ this.headerRef = React.createRef();
14638
+ this.headerResizeObserver = null;
14401
14639
  this.hideConfirmEndChat = () => {
14402
14640
  this.setState({
14403
14641
  showEndChatConfirmation: false
@@ -14470,6 +14708,24 @@ class AssistantChat extends Component {
14470
14708
  this.scrollOnHydrationComplete();
14471
14709
  });
14472
14710
  }
14711
+ if (this.headerRef.current) {
14712
+ this.headerResizeObserver = new ResizeObserver(entries => {
14713
+ for (const entry of entries) {
14714
+ const height = entry.contentRect.height;
14715
+ const container = entry.target.closest(".cds-aichat--widget--content");
14716
+ if (container) {
14717
+ container.style.setProperty("--cds-aichat--header-height", `${height}px`);
14718
+ }
14719
+ }
14720
+ });
14721
+ this.headerResizeObserver.observe(this.headerRef.current);
14722
+ }
14723
+ }
14724
+ componentWillUnmount() {
14725
+ if (this.headerResizeObserver) {
14726
+ this.headerResizeObserver.disconnect();
14727
+ this.headerResizeObserver = null;
14728
+ }
14473
14729
  }
14474
14730
  componentDidUpdate(prevProps) {
14475
14731
  const {isHydrationAnimationComplete: isHydrationAnimationComplete, humanAgentState: humanAgentState} = this.props;
@@ -14541,18 +14797,22 @@ class AssistantChat extends Component {
14541
14797
  placeholder: languagePack[inputPlaceholderKey],
14542
14798
  isStopStreamingButtonVisible: stopStreamingButtonState.isVisible,
14543
14799
  isStopStreamingButtonDisabled: stopStreamingButtonState.isDisabled,
14544
- maxInputChars: config.public.input?.maxInputCharacters
14800
+ maxInputChars: config.public.input?.maxInputCharacters,
14801
+ trackInputState: true
14545
14802
  }), this.state.showEndChatConfirmation && React.createElement(EndHumanAgentChatModal, {
14546
14803
  onConfirm: this.confirmHumanAgentEndChat,
14547
14804
  onCancel: this.hideConfirmEndChat
14548
14805
  }), this.props.humanAgentState.showScreenShareRequest && React.createElement(RequestScreenShareModal, null));
14549
14806
  }
14550
14807
  render() {
14551
- const {languagePack: languagePack, onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, assistantName: assistantName, headerDisplayName: headerDisplayName} = this.props;
14808
+ const {languagePack: languagePack, onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, assistantName: assistantName, headerDisplayName: headerDisplayName, shouldHideChatContentForPanel: shouldHideChatContentForPanel} = this.props;
14552
14809
  const {hasCaughtError: hasCaughtError} = this.state;
14553
14810
  return React.createElement("div", {
14554
14811
  "data-testid": PageObjectId.MAIN_PANEL,
14555
14812
  className: "cds-aichat"
14813
+ }, React.createElement("div", {
14814
+ ref: this.headerRef,
14815
+ className: shouldHideChatContentForPanel ? "cds-aichat--header-with-panel" : ""
14556
14816
  }, React.createElement(AssistantHeaderExport, {
14557
14817
  onClose: onClose,
14558
14818
  onRestart: onRestart,
@@ -14560,8 +14820,11 @@ class AssistantChat extends Component {
14560
14820
  onToggleHomeScreen: onToggleHomeScreen,
14561
14821
  enableChatHeaderConfig: true,
14562
14822
  includeWriteableElement: true
14563
- }), React.createElement("div", {
14564
- className: "cds-aichat--non-header-container"
14823
+ })), React.createElement("div", {
14824
+ className: "cds-aichat--non-header-container",
14825
+ ...shouldHideChatContentForPanel ? {
14826
+ inert: true
14827
+ } : {}
14565
14828
  }, React.createElement("div", {
14566
14829
  className: "cds-aichat--panel-content cds-aichat--non-header-container"
14567
14830
  }, hasCaughtError && React.createElement("div", {
@@ -14834,7 +15097,7 @@ class OverlayPanel extends PureComponent {
14834
15097
  });
14835
15098
  }
14836
15099
  render() {
14837
- const {children: children, className: className, shouldOpen: shouldOpen, animationOnClose: animationOnClose, animationOnOpen: animationOnOpen, overlayPanelName: overlayPanelName} = this.props;
15100
+ const {children: children, className: className, shouldOpen: shouldOpen, animationOnClose: animationOnClose, animationOnOpen: animationOnOpen, overlayPanelName: overlayPanelName, hasBackButton: hasBackButton} = this.props;
14838
15101
  const {isClosing: isClosing, isOpening: isOpening} = this.state;
14839
15102
  return React.createElement(HideComponent, {
14840
15103
  hidden: !isClosing && !shouldOpen,
@@ -14849,7 +15112,8 @@ class OverlayPanel extends PureComponent {
14849
15112
  [`cds-aichat--overlay-panel--closing--${animationOnClose}`]: isClosing,
14850
15113
  "cds-aichat--overlay-panel--closed": !isClosing && !shouldOpen,
14851
15114
  [`cds-aichat--overlay-panel--opening--${animationOnOpen}`]: isOpening,
14852
- "cds-aichat--overlay-panel--open": !isOpening && shouldOpen
15115
+ "cds-aichat--overlay-panel--open": !isOpening && shouldOpen,
15116
+ "cds-aichat--overlay-panel--with-back-button": hasBackButton
14853
15117
  })
14854
15118
  }, children));
14855
15119
  }
@@ -14858,6 +15122,8 @@ class OverlayPanel extends PureComponent {
14858
15122
  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
15123
  const showRestartButtonFromConfig = useSelector(state => state.config.derived.header?.showRestartButton);
14860
15124
  const showRestartButton = showRestartButtonProp !== undefined ? showRestartButtonProp : showRestartButtonFromConfig;
15125
+ const hasPanelWithBackButton = useSelector(selectHasOpenPanelWithBackButton);
15126
+ const isShowingAssistantHeaderThrough = hasPanelWithBackButton && !hideBackButton;
14861
15127
  const headerRef = useRef(undefined);
14862
15128
  useImperativeHandle(ref, () => headerRef.current);
14863
15129
  const [focusTrapActive, setFocusTrapActive] = useState(false);
@@ -14904,12 +15170,13 @@ function BasePanelComponent({className: className, children: children, isOpen: i
14904
15170
  }, !hidePanelHeader && React.createElement(HeaderExport, {
14905
15171
  ...headerProps,
14906
15172
  ref: headerRef,
14907
- showRestartButton: showRestartButton,
15173
+ showRestartButton: isShowingAssistantHeaderThrough ? false : showRestartButton,
14908
15174
  onClickRestart: onClickRestart,
14909
15175
  showBackButton: !hideBackButton,
14910
15176
  labelBackButton: labelBackButton,
14911
15177
  displayName: title,
14912
- showAiLabel: showAiLabel
15178
+ showAiLabel: isShowingAssistantHeaderThrough ? false : showAiLabel,
15179
+ hideCloseButton: isShowingAssistantHeaderThrough ? true : headerProps.hideCloseButton
14913
15180
  }), React.createElement("div", {
14914
15181
  className: "cds-aichat--panel-content"
14915
15182
  }, children)));
@@ -14985,7 +15252,8 @@ function CustomPanel(props, ref) {
14985
15252
  animationOnClose: closeAnimation,
14986
15253
  shouldOpen: isOpen,
14987
15254
  serviceManager: serviceManager,
14988
- overlayPanelName: PageObjectId.CUSTOM_PANEL
15255
+ overlayPanelName: PageObjectId.CUSTOM_PANEL,
15256
+ hasBackButton: !options.hideBackButton
14989
15257
  }, React.createElement(BasePanelComponentExport, {
14990
15258
  ref: basePanelRef,
14991
15259
  className: "cds-aichat--custom-panel",
@@ -15677,7 +15945,8 @@ function BodyAndFooterPanelComponent(props, ref) {
15677
15945
  animationOnClose: closeAnimation,
15678
15946
  shouldOpen: isOpen,
15679
15947
  serviceManager: serviceManager,
15680
- overlayPanelName: overlayPanelName
15948
+ overlayPanelName: overlayPanelName,
15949
+ hasBackButton: true
15681
15950
  }, React.createElement(BasePanelComponentExport, {
15682
15951
  ref: basePanelRef,
15683
15952
  className: cx("cds-aichat--body-and-footer-component", className),
@@ -15969,13 +16238,14 @@ class MainWindow extends Component {
15969
16238
  const {numPanelsAnimating: numPanelsAnimating, numPanelsOpen: numPanelsOpen, isHydrationAnimationComplete: isHydrationAnimationComplete} = this.state;
15970
16239
  const inputState = selectInputState(this.props);
15971
16240
  const agentDisplayState = selectHumanAgentDisplayState(this.props);
16241
+ const hasPanelWithBackButton = selectHasOpenPanelWithBackButton(this.props);
15972
16242
  const showDisclaimer = this.getShowDisclaimer();
15973
16243
  let hideBotContainer;
15974
16244
  if (!isHydrationAnimationComplete) {
15975
16245
  hideBotContainer = true;
15976
16246
  } else if (numPanelsAnimating > 0) {
15977
16247
  hideBotContainer = false;
15978
- } else if (numPanelsOpen > 0) {
16248
+ } else if (numPanelsOpen > 0 && !hasPanelWithBackButton) {
15979
16249
  hideBotContainer = true;
15980
16250
  }
15981
16251
  return React.createElement(HideComponent, {
@@ -16002,7 +16272,8 @@ class MainWindow extends Component {
16002
16272
  onUserTyping: this.onUserTyping,
16003
16273
  locale: config.public.locale || "en",
16004
16274
  useAITheme: theme.aiEnabled,
16005
- carbonTheme: theme.derivedCarbonTheme
16275
+ carbonTheme: theme.derivedCarbonTheme,
16276
+ shouldHideChatContentForPanel: hasPanelWithBackButton
16006
16277
  }));
16007
16278
  }
16008
16279
  renderHydrationPanel() {
@@ -16103,7 +16374,8 @@ class MainWindow extends Component {
16103
16374
  animationOnClose: AnimationOutType.SLIDE_OUT_TO_BOTTOM,
16104
16375
  shouldOpen: iFramePanelState.isOpen,
16105
16376
  serviceManager: serviceManager,
16106
- overlayPanelName: PageObjectId.IFRAME_PANEL
16377
+ overlayPanelName: PageObjectId.IFRAME_PANEL,
16378
+ hasBackButton: true
16107
16379
  }, React.createElement(IFramePanelExport, {
16108
16380
  ref: this.iframePanelRef,
16109
16381
  onClickClose: this.onClose,
@@ -16122,7 +16394,8 @@ class MainWindow extends Component {
16122
16394
  animationOnClose: AnimationOutType.SLIDE_OUT_TO_BOTTOM,
16123
16395
  shouldOpen: viewSourcePanelState.isOpen,
16124
16396
  serviceManager: serviceManager,
16125
- overlayPanelName: PageObjectId.CONVERSATIONAL_SEARCH_CITATION_PANEL
16397
+ overlayPanelName: PageObjectId.CONVERSATIONAL_SEARCH_CITATION_PANEL,
16398
+ hasBackButton: true
16126
16399
  }, React.createElement(ViewSourcePanelExport, {
16127
16400
  ref: this.viewSourcePanelRef,
16128
16401
  onClickClose: this.onClose,
@@ -17089,7 +17362,7 @@ function AppShell({serviceManager: serviceManager, hostElement: hostElement, sty
17089
17362
  }))))))));
17090
17363
  }
17091
17364
 
17092
- var css_248z = ".cds--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-fade-in-up{\n 0%{\n opacity:0;\n transform:translateY(32px);\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-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-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-aichat-launcher-default-size, 56px) + var(--cds-aichat-launcher-position-bottom, 3rem) - var(--cds-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-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-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n }\n 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-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-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-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-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-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-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-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-aichat-launcher-default-size, 56px) + var(--cds-aichat-launcher-position-bottom, 3rem) - var(--cds-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-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-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-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-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-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-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-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-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-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-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-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-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-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-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-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-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-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-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-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-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-aichat--container--render{\n --cds-aichat-max-height:640px;\n --cds-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-aichat-bottom-position))\n );\n --cds-aichat-max-width:672px;\n --cds-aichat-bottom-position:3rem;\n --cds-aichat-right-position:2rem;\n --cds-aichat-top-position:auto;\n --cds-aichat-left-position:auto;\n --cds-aichat-z-index:99999;\n --cds-aichat-border-radius:0;\n --cds-aichat-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-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-aichat-card-border-radius:0.5rem;\n --cds-aichat-card-max-width:424px;\n --cds-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-aichat-width:min(380px, var(--cds-aichat-max-width));\n --cds-aichat-height:calc(100vh - (2 * 2rem));\n --cds-aichat-launcher-default-size:56px;\n --cds-aichat-launcher-position-bottom:3rem;\n --cds-aichat-launcher-position-right:2rem;\n --cds-aichat-launcher-extended-width:280px;\n --cds-aichat-launcher-desktop-expanded-height:320px;\n --cds-aichat-launcher-position-bottom-mobile:1rem;\n --cds-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-aichat--container--render .cds-aichat--widget--rounded{\n --cds-aichat-border-radius:0.5rem;\n}\n:host .cds-aichat--container--render.cds-aichat---is-phone{\n --cds-aichat-width:calc(100vw - 4px);\n --cds-aichat-height:calc(100vh - 4px);\n --cds-aichat-left-position:2;\n --cds-aichat-top-position:2;\n --cds-aichat-max-height:auto;\n --cds-aichat-min-height:auto;\n --cds-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-aichat--container--render.cds-aichat---is-phone{\n --cds-aichat-width:calc(100dvw - 4px);\n --cds-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-one{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-two{\n --cds-layer:var(--cds-layer-02, #ffffff);\n --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field:var(--cds-field-02, #ffffff);\n --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds--layer-three{\n --cds-layer:var(--cds-layer-03, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field:var(--cds-field-03, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds--layer-one.cds--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds--layer-two.cds--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds--layer-three.cds--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds--skeleton{\n 0%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n 20%{\n opacity:1;\n transform:scaleX(1);\n transform-origin:left;\n }\n 28%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 51%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 58%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 82%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 83%{\n transform:scaleX(1);\n transform-origin:left;\n }\n 96%{\n transform:scaleX(0);\n transform-origin:left;\n }\n 100%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n}\n:host{\n}\n:host .cds--assistive-text,\n:host .cds--visually-hidden{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0, 0, 0, 0);\n inline-size:1px;\n visibility:inherit;\n white-space:nowrap;\n}\n:host .cds--popover-container{\n display:inline-block;\n}\n:host .cds--popover-container:not(.cds--popover--auto-align){\n position:relative;\n}\n:host .cds--popover--high-contrast .cds--popover{\n --cds-popover-background-color:var(--cds-background-inverse, #393939);\n --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--popover--drop-shadow .cds--popover{\n filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds--popover--border .cds--popover > .cds--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds--popover-content.cds--layout--size-sm, :host .cds--layout--size-sm :where(.cds--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds--popover-content.cds--layout--size-md, :host .cds--layout--size-md :where(.cds--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds--popover-content.cds--layout--size-lg, :host .cds--layout--size-lg :where(.cds--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds--popover-content{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--popover-content *,\n:host .cds--popover-content *::before,\n:host .cds--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds--popover-content{\n position:absolute;\n z-index:6000;\n display:none;\n border-radius:var(--cds-popover-border-radius, 2px);\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:23rem;\n pointer-events:auto;\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content{\n display:block;\n}\n:host .cds--popover--background-token__background .cds--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content::before{\n display:block;\n}\n:host .cds--popover-caret,\n:host .cds--popover--auto-align.cds--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds--popover-caret::after,\n:host .cds--popover--auto-align.cds--popover-caret::after{\n position:absolute;\n display:block;\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n content:\"\";\n}\n:host .cds--popover-caret::before,\n:host .cds--popover--auto-align.cds--popover-caret::before{\n position:absolute;\n display:none;\n background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n content:\"\";\n}\n:host .cds--popover--background-token__background .cds--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover--border .cds--popover-caret::before,\n:host .cds--popover--border .cds--popover--auto-align.cds--popover-caret::before{\n display:block;\n}\n:host .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret{\n display:block;\n}\n:host .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret{\n display:block;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-caret{\n display:none;\n}\n:host .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-start:0;\n inset-inline:0;\n transform:translateY(-100%);\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-end:0;\n inset-inline:0;\n transform:translateY(100%);\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds--popover--right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-end > .cds--popover > .cds--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-start:0;\n transform:translateX(-100%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds--popover--left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-end > .cds--popover > .cds--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-end:0;\n transform:translateX(100%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-content{\n border-radius:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-start:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds--popover--tab-tip .cds--popover{\n will-change:filter;\n}\n:host .cds--popover--tab-tip__button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--popover--tab-tip__button *,\n:host .cds--popover--tab-tip__button *::before,\n:host .cds--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds--popover--tab-tip__button{\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--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds--popover--tab-tip__button{\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds--popover--tab-tip__button:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host .cds--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{\n background:var(--cds-layer);\n box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{\n position:absolute;\n z-index:6001;\n background:var(--cds-layer);\n block-size:2px;\n content:\"\";\n inline-size:100%;\n inset-block-end:0;\n}\n:host .cds--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds--tooltip-content{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n max-inline-size:18rem;\n overflow-wrap:break-word;\n}\n:host .cds--icon-tooltip{\n --cds-tooltip-padding-block:0.125rem;\n --cds-popover-caret-width:0.5rem;\n --cds-popover-caret-height:0.25rem;\n --cds-popover-offset:0.5rem;\n}\n:host .cds--icon-tooltip .cds--tooltip-content{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds--definition-term{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--definition-term *,\n:host .cds--definition-term *::before,\n:host .cds--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds--definition-term{\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--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds--definition-term{\n border-radius:0;\n border-block-end:1px dotted var(--cds-border-strong);\n color:var(--cds-text-primary, #161616);\n}\n:host .cds--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-tooltip{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:0.5rem 1rem;\n max-inline-size:11rem;\n text-wrap:auto;\n word-break:break-word;\n}\n:host{\n}\n:host .cds--btn{\n --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n --temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );\n --temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );\n --temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--btn *,\n:host .cds--btn *::before,\n:host .cds--btn *::after{\n box-sizing:inherit;\n}\n:host .cds--btn{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n position:relative;\n display:inline-flex;\n flex-shrink:0;\n justify-content:space-between;\n border-radius:0;\n margin:0;\n cursor:pointer;\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:20rem;\n min-block-size:var(--cds-layout-size-height-local);\n outline:none;\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n text-align:start;\n text-decoration:none;\n transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align:top;\n}\n:host .cds--btn:disabled, :host .cds--btn:hover:disabled, :host .cds--btn:focus:disabled, :host .cds--btn.cds--btn--disabled, :host .cds--btn.cds--btn--disabled:hover, :host .cds--btn.cds--btn--disabled:focus{\n border-color:var(--cds-button-disabled, #c6c6c6);\n background:var(--cds-button-disabled, #c6c6c6);\n box-shadow:none;\n color:var(--cds-text-on-color-disabled, #8d8d8d);\n cursor:not-allowed;\n}\n:host .cds--btn .cds--btn__icon{\n position:absolute;\n flex-shrink:0;\n block-size:1rem;\n inline-size:1rem;\n inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n inset-inline-end:var(--cds-layout-density-padding-inline-local);\n margin-block-start:0.0625rem;\n}\n:host .cds--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds--btn--primary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds--btn--primary .cds--btn__icon,\n:host .cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds--btn--secondary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds--btn--secondary .cds--btn__icon,\n:host .cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--secondary:hover, :host .cds--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds--btn--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds--btn--tertiary .cds--btn__icon,\n:host .cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n border-color:transparent;\n background-color:var(--cds-button-tertiary-active, #002d9c);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:disabled, :host .cds--btn--tertiary:hover:disabled, :host .cds--btn--tertiary:focus:disabled, :host .cds--btn--tertiary.cds--btn--disabled, :host .cds--btn--tertiary.cds--btn--disabled:hover, :host .cds--btn--tertiary.cds--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--btn--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost .cds--btn__icon,\n:host .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--ghost .cds--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds--btn--ghost:hover, :host .cds--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost:disabled, :host .cds--btn--ghost:hover:disabled, :host .cds--btn--ghost:focus:disabled, :host .cds--btn--ghost.cds--btn--disabled, :host .cds--btn--ghost.cds--btn--disabled:hover, :host .cds--btn--ghost.cds--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--icon-only{\n align-items:center;\n justify-content:center;\n padding:0;\n block-size:var(--cds-layout-size-height-local);\n inline-size:var(--cds-layout-size-height-local);\n padding-block-start:0;\n}\n:host .cds--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds--btn--icon-only .cds--btn__icon{\n position:static;\n}\n:host .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, :host .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon{\n margin:0;\n}\n:host .cds--btn--icon-only.cds--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon{\n margin-block-start:0;\n}\n:host .cds--btn--icon-only.cds--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n:host .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger .cds--btn__icon,\n:host .cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--tertiary .cds--btn__icon,\n:host .cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:focus{\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n border-color:var(--cds-button-danger-active, #750e13);\n background-color:var(--cds-button-danger-active, #750e13);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:disabled, :host .cds--btn--danger--tertiary:hover:disabled, :host .cds--btn--danger--tertiary:focus:disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled:hover, :host .cds--btn--danger--tertiary.cds--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon,\n:host .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds--btn--danger--ghost:hover, :host .cds--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--ghost:disabled, :host .cds--btn--danger--ghost:hover:disabled, :host .cds--btn--danger--ghost:focus:disabled, :host .cds--btn--danger--ghost.cds--btn--disabled, :host .cds--btn--danger--ghost.cds--btn--disabled:hover, :host .cds--btn--danger--ghost.cds--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--expressive{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds--btn--icon-only.cds--btn--expressive{\n padding:12px 13px;\n}\n:host .cds--btn.cds--btn--expressive .cds--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds--btn-set .cds--btn.cds--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds--btn.cds--skeleton{\n position:relative;\n padding:0;\n border:none;\n background:var(--cds-skeleton-background, #e8e8e8);\n box-shadow:none;\n pointer-events:none;\n}\n:host .cds--btn.cds--skeleton:hover, :host .cds--btn.cds--skeleton:focus, :host .cds--btn.cds--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds--btn.cds--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds--skeleton infinite;\n background:var(--cds-skeleton-element, #c6c6c6);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-inline-start:0;\n will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n :host .cds--btn.cds--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds--btn.cds--skeleton{\n background:CanvasText;\n }\n :host .cds--btn.cds--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds--btn.cds--skeleton{\n inline-size:9.375rem;\n}\n:host .cds--btn-set{\n display:flex;\n}\n:host .cds--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds--btn-set .cds--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds--btn-set .cds--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set .cds--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn:focus + .cds--btn{\n box-shadow:inherit;\n}\n:host .cds--btn-set--stacked .cds--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds--btn-set .cds--btn.cds--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds--btn--sm .cds--badge-indicator{\n margin-block-start:0.25rem;\n margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds--btn-set .cds--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle .cds-aichat--response-user-avatar__letter{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n text-align:center;\n}\n:host{\n}\n:host .cds-aichat--human-agent-banner__body{\n display:flex;\n align-items:center;\n padding:1rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-aichat--human-agent-banner__human-agent-info{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 0 0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-aichat--human-agent-banner--connected .cds-aichat--agent-banner__agent-line1{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2,\n:host .cds-aichat--human-agent-banner__human-agent-line2 p{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-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-aichat--custom-panel .cds-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-aichat--body-and-footer-component .cds-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-aichat--body-and-footer-component .cds-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-aichat--widget--max-width .cds-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-aichat--header__slug-description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-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-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header--content{\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--header__buttons .cds-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--header--content{\n border-start-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-aichat--header__slug-label{\n color:var(--cds-text-secondary, #525252);\n padding-block-end:0.75rem;\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-aichat--header__overflow-menu svg,\n:host .cds-aichat--header__back-button svg,\n:host .cds-aichat--header__restart-button svg,\n:host .cds-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen-header button.cds-aichat--header__back-button{\n transform:none;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-aichat--header__left-items,\n:host .cds-aichat--chat-header-overflow-menu__host-element,\n:host .cds-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host cds-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-aichat-chat-header-avatar + .cds-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container:first-child > cds-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-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-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-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-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen--first-render .cds-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen--first-render .cds-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in 70ms both;\n }\n}\n:host .cds-aichat--home-screen__body-wrapper{\n position:relative;\n display:flex;\n overflow:auto;\n flex:1;\n flex-direction:column;\n}\n:host .cds-aichat--home-screen__body{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in 70ms both;\n }\n}\n:host .cds-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-aichat--home-screen__greeting{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content .cds-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content-only{\n flex-grow:unset;\n flex-shrink:unset;\n padding:0;\n margin:0;\n min-block-size:unset;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-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-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(1){\n --cds-aichat-homescreen-starter-index:1;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(2){\n --cds-aichat-homescreen-starter-index:2;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(3){\n --cds-aichat-homescreen-starter-index:3;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(4){\n --cds-aichat-homescreen-starter-index:4;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(5){\n --cds-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up calc(var(--cds-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starters--animate-group cds-chat-button.cds-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starters--animate-group cds-chat-button.cds-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform: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-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-aichat--home-screen__input-container-wrapper,\n:host .cds-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-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-aichat--home-screen.cds-aichat--home-screen--first-render .cds-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--first-render .cds-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-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-aichat--widget--max-width.cds-aichat--wide-width .cds-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-aichat--ai-theme .cds-aichat--input-container{\n border:1px solid transparent;\n background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-aichat--input-container__files-container cds-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:32px;\n color:var(--cds-text-primary, #161616);\n cursor:pointer;\n inline-size:32px;\n}\n:host .cds-aichat--input-container__upload-input:focus + .cds-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__left-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-aichat--assistant-container .cds-aichat--input-container{\n display:flex;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area{\n display:inline-block;\n overflow:hidden;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n min-block-size:0;\n}\n:host .cds-aichat--input-container--show-upload-button .cds-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area textarea.cds-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-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea::-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-aichat--input-container .cds-aichat--text-area .cds-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-aichat--input-container__send-button-container,\n:host .cds-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-button.cds-aichat--input-container__send-button svg{\n block-size:1rem;\n cursor:inherit;\n fill:var(--cds-interactive, #0f62fe);\n inline-size:1rem;\n}\n:host cds-button.cds-aichat--input-container__send-button:active svg,\n:host cds-button.cds-aichat--input-container__send-button:focus svg,\n:host cds-button.cds-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-button.cds-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-button.cds-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n}\n:host .cds-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button:hover{\n border-color:var(--cds-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--count-indicator{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0 4px;\n border-radius:10px;\n background-color:var(--cds-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-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-aichat--container--render[dir=rtl] .cds-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-aichat--launcher__button-container--bounce-animation{\n animation:cds-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-button.cds-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-button.cds-aichat--launcher__button::part(button){\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-button.cds-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-button.cds-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-aichat--launcher__avatar{\n border-radius:50%;\n block-size:32px;\n inline-size:32px;\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-aichat--launcher__button .cds-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-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-aichat-launcher-default-size, 56px) + var(--cds-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-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-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-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-aichat--launcher-complex__container .cds-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-aichat--launcher-complex__container .cds-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container .cds-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher__close-button .cds-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container .cds-aichat--launcher__close-button .cds-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__avatar{\n animation:700ms cds-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher-complex__text{\n animation:700ms cds-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:700ms cds-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__close-button{\n animation:700ms cds-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:700ms cds-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__avatar{\n animation:150ms cds-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher-complex__text{\n animation:150ms cds-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-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-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__close-button{\n animation:150ms cds-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-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-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__avatar{\n animation:400ms cds-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher-complex__text,\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__close-button{\n animation:400ms cds-aichat-launcher-fade-out forwards;\n}\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:400ms cds-aichat-launcher-default-size-position forwards;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:700ms cds-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-aichat--launcher-extended__container{\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host cds-button.cds-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-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-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-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n 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-aichat-is-phone .cds-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-aichat--launcher-extended__greeting-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n line-clamp:2;\n text-overflow:ellipsis;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher-extended__element--fade-out{\n animation:cds-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher-extended__element--fade-in{\n animation:cds-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended cds-button.cds-aichat--launcher__button{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended cds-button.cds-aichat--launcher__button.cds-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended .cds-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended-animation{\n animation:cds-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended-animation cds-button.cds-aichat--launcher-extended__button::part(button){\n animation:cds-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended-animation .cds-aichat--launcher__svg{\n animation:cds-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--reduced-animation{\n animation:cds-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--reduced-animation cds-button.cds-aichat--launcher-extended__button::part(button){\n animation:cds-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--reduced-animation .cds-aichat--launcher__svg{\n animation:cds-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-extended__container .cds-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-extended__container .cds-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-aichat--confirm-modal{\n position:absolute;\n z-index:100;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background-color:var(--cds-overlay, rgba(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-aichat--confirm-modal .cds-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__title{\n padding:1rem;\n font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-compact-01-font-weight, 600);\n line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--connect-to-human-agent__title{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n padding-block-end:0.25rem;\n}\n:host .cds-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-aichat--connect-to-agent__text p,\n:host .cds-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a,\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-aichat--connect-to-human-agent__suspended-warning{\n color:var(--cds-support-error, #da1e28);\n padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@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-aichat--carousel-container__navigation-button,\n:host .cds-aichat--carousel-container__controls{\n display:flex;\n align-items:center;\n color:var(--cds-text-secondary, #525252);\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--carousel-container__navigation cds-button::part(button){\n color:currentcolor;\n}\n:host .cds-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-aichat--body-message-components{\n flex:1;\n}\n:host .cds-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-aichat--carousel-container__controls--standard,\n:host .cds-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .swiper{\n 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-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-aichat--conversational-search .cds-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search-disclaimer,\n:host .cds-aichat--standard-width .cds-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-aichat--received--conversational-search .cds-aichat--received--feedback,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search-text,\n:host .cds-aichat--standard-width .cds-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--received--conversational-search .cds-aichat--received--feedback,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-aichat--date-picker__confirm-button::part(button){\n display:block;\n margin-block-start:0.75rem;\n margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-aichat--inline-error--icon-holder{\n display:flex;\n flex:0 0 1rem;\n align-items:flex-start;\n margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-aichat--inline-error--text{\n flex:1;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1px;\n}\n:host .cds-aichat--inline-error .cds-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-aichat--grid__row{\n display:flex;\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n inline-size:100%;\n}\n:host .cds-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-aichat--grid__cell .cds-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-aichat--grid .cds-aichat--image{\n border:none;\n}\n:host .cds-aichat--grid .cds-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-aichat--grid .cds-aichat--image__skeleton{\n display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--i-frame-preview-card:focus .cds-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--i-frame-preview-card:hover .cds-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-aichat--inline-i-frame{\n position:relative;\n overflow:hidden;\n background:transparent;\n inline-size:100%;\n padding-block-start:var(--padding-top, 0);\n}\n:host .cds-aichat--inline-i-frame .cds-aichat--i-frame-component__wrapper{\n position:absolute;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-aichat--i-frame-component__wrapper,\n:host .cds-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--i-frame-component__status-container{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host .cds-aichat--i-frame-component__status-container .cds-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-aichat--i-frame-panel .cds-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-skeleton-placeholder.cds-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-aichat--image__image{\n display:none;\n block-size:0;\n max-inline-size:100%;\n opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-aichat--image .cds-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-aichat--image__text-and-icon .cds-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon,\n:host svg.cds-aichat--image__icon--link{\n position:absolute;\n margin:0;\n inset-block-end:1rem;\n inset-inline-end:1rem;\n}\n:host svg.cds-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--container--render[dir=rtl] svg.cds-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-aichat--button-holder ul li{\n display:inline-block;\n padding:0 0.5rem 0.5rem 0;\n margin:0;\n}\n:host{\n}\n:host .cds-aichat--select-holder{\n padding:0 1px;\n inline-size:100%;\n margin-block-start:1rem;\n max-inline-size:380px;\n}\n:host{\n}\n:host .cds-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding:0;\n border:2px solid transparent;\n margin:0;\n block-size:100%;\n inline-size:100%;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea::-moz-focus-inner{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-aichat--text-area.cds-aichat--text-area--auto-size .cds-aichat--text-area-textarea{\n position:absolute;\n overflow:hidden;\n inset-block-start:0;\n resize:none;\n}\n:host{\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n padding-block-end:1px;\n visibility:hidden;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-aichat--body-message-components .cds-aichat--media-player__skeleton,\n:host .cds-aichat--body-message-components .cds-aichat--media-player,\n:host .cds-aichat--body-message-components .cds-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-aichat--body-message-components__message-wrapper:not(.cds-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-aichat--clickable-image .cds-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--clickable-image .cds-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-aichat--clickable-image .cds-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--clickable-image .cds-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-aichat--clickable-image:disabled .cds-aichat--image{\n opacity:0.5;\n}\n:host .cds-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-aichat--description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__title,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-aichat--footer-button-components cds-button.cds-aichat--button-item{\n flex:auto;\n}\n:host .cds-aichat--footer-button-components cds-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-tile .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-tile .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-tile .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-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-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-aichat--widget__animation-container--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded) .cds-aichat--widget__animation-container:not(.cds-aichat--widget__animation-container--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-aichat--widget__animation-container--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded) .cds-aichat--widget__animation-container:not(.cds-aichat--widget__animation-container--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-aichat--widget__animation-container--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:not(:last-child::part(button)){\n border-end-end-radius:0;\n border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-aichat--media-player,\n:host .cds-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-aichat--media-player__skeleton-container,\n:host .cds-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-aichat--media-player__player iframe{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n}\n:host .cds-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-aichat--media-player__background,\n:host .cds-aichat--media-player__player{\n position:absolute;\n border-radius:0;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host{\n}\n:host .cds-aichat--received--metablock{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-aichat--text-holder-tile__title{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-weight:400;\n min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-aichat--text-holder-tile__description,\n:host .cds-aichat--text-holder-tile__url{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-aichat--text-holder-tile__description{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:3;\n white-space:normal;\n }\n}\n@supports (-webkit-line-clamp: 2){\n :host .cds-aichat--text-holder-tile__title{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n white-space:normal;\n }\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable{\n padding:0;\n border:none;\n border-radius:0.5rem;\n cursor:pointer;\n inline-size:100%;\n padding-inline-end:0;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-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-aichat--message a.cds-aichat--citation-card--clickable cds-tile,\n :host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-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-aichat--message a.cds-aichat--citation-card--clickable:focus,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:focus cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus cds-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover cds-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active cds-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-aichat--citation-card-title{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding-block-end:0.5rem;\n}\n:host .cds-aichat--citation-card-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n -webkit-line-clamp:5;\n line-clamp:5;\n text-align:start;\n white-space:normal;\n}\n:host .cds-aichat--citation-card-footer{\n display:flex;\n justify-content:space-between;\n color:var(--cds-link-primary, #0f62fe);\n padding-block-start:1rem;\n}\n:host .cds-aichat--citation-card-label,\n:host .cds-aichat--citation-card-icon{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--message a:hover.cds-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-aichat--view-source-panel .cds-aichat--panel-content{\n flex:1;\n}\n:host .cds-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-aichat--icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--visually-hidden{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n inset-block-start:0;\n white-space:nowrap;\n}\n:host{\n}\n:host .cds-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-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-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-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-aichat--overlay-panel--catastrophic_panel .cds-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-aichat--catastrophic-error{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n border-radius:0.5rem;\n}\n:host .cds-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-aichat--catastrophic-error .cds-aichat--catastrophic-error__error-text-container > svg{\n margin-inline-start:calc(2rem * -1);\n max-block-size:128px;\n max-inline-size:128px;\n padding-inline-start:0.25rem;\n}\n:host .cds-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-aichat--catastrophic-error__error-heading{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-aichat--catastrophic-error__error-body{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1rem;\n}\n:host .cds-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-aichat--catastrophic-error--with-header .cds-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--catastrophic-error.cds-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-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-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-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--disclaimer .cds-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--disclaimer__content.cds-aichat--panel-content,\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__content.cds-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-aichat--disclaimer__title{\n display:block;\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n inline-size:100%;\n padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button,\n:host .cds-aichat--standard-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-aichat--narrow-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button::part(button),\n:host .cds-aichat--standard-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-aichat-border-radius, 0px);\n}\n:host .cds-aichat--widget--max-width.cds-aichat--wide-width .cds-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-aichat--error-icon path[data-icon-path=inner-path]{\n fill:var(--cds-icon-on-color, #ffffff);\n opacity:1;\n}\n:host{\n}\n:host .cds-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-aichat--hydrating.cds-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-aichat--widget--max-width .cds-aichat--hydrating.cds-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay--covering.cds-aichat--overlay-panel-container .cds-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--wide-width .cds-aichat--overlay--covering .cds-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--wide-width .cds-aichat--overlay--covering .cds-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-bottom both;\n}\n:host{\n}\n:host .cds-aichat--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search + .cds-aichat--response-stopped,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-aichat--hidden{\n display:none;\n}\n:host .cds-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--widget__text-ellipsis{\n overflow:hidden;\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n:host .cds-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-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-aichat--container--render > div > div[role=log]{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n inline-size:1px;\n inset-inline-start:-10000px;\n}\n:host .cds-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-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-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-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-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-aichat--ai-theme .cds-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-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-aichat--frameless .cds-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat--widget .cds-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-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-aichat--widget.cds-aichat--widget--rounded{\n border-radius:var(--cds-aichat-border-radius, 0px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--view-source-panel,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--home-screen,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--confirm-modal,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--widget__animation-container,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--assistant-container,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--overlay-panel,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--overlay-panel-container,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--hydrating-container{\n border-end-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded{\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--header{\n border-start-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded{\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--input-container{\n border-end-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n:host .cds-aichat--grid .cds-aichat--image,\n:host .cds-aichat--grid .cds-aichat--media-player,\n:host .cds-aichat--grid .cds-aichat--media-player__skeleton,\n:host .cds-aichat--body-message-components__message-wrapper .cds-aichat--image,\n:host .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player,\n:host .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-aichat--widget.cds-aichat--widget--closed .cds-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element:not(.cds-aichat---is-phone){\n animation:cds-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n animation:cds-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed,\n:host .cds-aichat--ai-theme .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, min(380px, var(--cds-aichat-max-width, 672px)));\n inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:var(--cds-aichat-max-width, 672px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--widget.cds-aichat--widget--default-element{\n inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host .cds-aichat---is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, min(380px, var(--cds-aichat-max-width, 672px)));\n inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat---is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n animation:cds-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-aichat---is-phone[dir=rtl]:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host .cds-aichat{\n display:flex;\n box-sizing:border-box;\n flex:1;\n flex-direction:column;\n align-content:stretch;\n align-items:stretch;\n border-radius:0;\n margin:0;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n text-align:start;\n}\n:host .cds-aichat--widget--rounded .cds-aichat{\n border-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--ai-theme .cds-aichat{\n background-image:var(--cds-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-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-aichat--frameless.cds-aichat--ai-theme .cds-aichat{\n box-shadow:var(--cds-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-aichat.cds-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-aichat--main-window,\n:host .cds-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-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-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-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-aichat--container--render .cds-aichat--reverse-icon svg,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg.cds-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-aichat--widget--max-width{\n --cds-aichat-border-radius:0;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--widget--rounded .cds-aichat--body-and-footer-component{\n border-end-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--panel-content{\n border-end-end-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-aichat--message.cds-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-aichat--message.cds-aichat--message--has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-aichat--message.cds-aichat--message--first-message.cds-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-aichat--message--with-avatar-line.cds-aichat--message--response.cds-aichat--message--last-message:not(.cds-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-aichat--message.cds-aichat--message--last-message.cds-aichat--message--has-focus::after{\n block-size:calc(100% - 2rem + 0.5rem);\n inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-aichat--message .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message .cds-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-aichat--message--with-avatar-line .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message--with-avatar-line .cds-aichat--ui-customization-element--response,\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single):first-child,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-aichat--message.cds-aichat--message--last-message .cds-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--message .cds-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-aichat--messages--welcome.cds-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-aichat--received--inline-error,\n:host .cds-aichat--received--text,\n:host .cds-aichat--message-user-defined-response{\n position:relative;\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-aichat--received--image{\n position:relative;\n inline-size:90%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--received--video,\n:host .cds-aichat--received--audio{\n inline-size:100%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state-container{\n display:flex;\n flex-direction:row;\n justify-content:flex-end;\n}\n:host{\n}\n:host .cds-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-aichat--sent-and-message-state--below-message .cds-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message-status .cds-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-aichat--received--loading,\n:host .cds-aichat--search-result,\n:host .cds-aichat--sent--bubble{\n position:relative;\n opacity:1;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--received--loading .cds-aichat--received--inner{\n position:relative;\n}\n:host .cds-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-aichat--sent--bubble{\n align-self:end;\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n border-radius:0.5rem 0 0.5rem 0.5rem;\n background:var(--cds-chat-bubble-user, #e0e0e0);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-aichat--received--options,\n:host .cds-aichat--received--suggestion{\n position:relative;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--agent-status-message{\n color:var(--cds-text-helper, #6f6f6f);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n padding-inline:1rem;\n text-align:center;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--chat-status-message{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__label{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img svg,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line .cds-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line .cds-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message,\n:host .cds-aichat--message--request + .cds-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--message__avatar-line,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--received--from-human,\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--sent--bubble,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--received--from-human,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--agent-message) .cds-aichat--message__avatar-line + .cds-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-aichat--message__avatar--agent .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-aichat--received--from-human.cds-aichat--received--text{\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0 0.5rem 0.5rem 0.5rem;\n background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--received--from-agent.cds-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-aichat--message__avatar--assistant .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-aichat--standard-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n:host .cds-aichat--wide-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n margin-block-start:0;\n}\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--sent-container,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-aichat--messages__wrapper{\n position:relative;\n overflow:hidden;\n flex:1;\n inline-size:100%;\n}\n:host .cds-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-aichat--message--focus-handle,\n:host .cds-aichat--messages--scroll-handle{\n position: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-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-aichat--messages{\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-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-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-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--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--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g10{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#f4f4f4;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#c6c6c6;\n --cds-border-subtle-01:#e0e0e0;\n --cds-border-subtle-02:#c6c6c6;\n --cds-border-subtle-03:#e0e0e0;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#a8a8a8;\n --cds-border-tile-02:#c6c6c6;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-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--g10{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--g10{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-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--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g100{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#333333;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#161616;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#6f6f6f;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#a8a8a8;\n --cds-border-subtle-00:#393939;\n --cds-border-subtle-01:#525252;\n --cds-border-subtle-02:#6f6f6f;\n --cds-border-subtle-03:#6f6f6f;\n --cds-border-subtle-selected-01:#6f6f6f;\n --cds-border-subtle-selected-02:#8d8d8d;\n --cds-border-subtle-selected-03:#8d8d8d;\n --cds-border-tile-01:#525252;\n --cds-border-tile-02:#6f6f6f;\n --cds-border-tile-03:#8d8d8d;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-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--g100{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--g100{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host cds-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n}\n:host .cds-aichat--light cds-tile,\n:host .cds--white cds-tile,\n:host .cds--g10 cds-tile{\n background-color:#ffffff;\n}\n:host .cds-aichat--dark,\n:host .cds--g90,\n:host .cds--g100{\n scrollbar-color:var(--cds-layer-03) var(--cds-layer-01);\n}\n:host .cds-aichat--dark cds-tile,\n:host .cds--g90 cds-tile,\n:host .cds--g100 cds-tile{\n background-color:#262626;\n}";
17365
+ var css_248z = ".cds--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-fade-in-up{\n 0%{\n opacity:0;\n transform:translateY(32px);\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-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-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-aichat-launcher-default-size, 56px) + var(--cds-aichat-launcher-position-bottom, 3rem) - var(--cds-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-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-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n }\n 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-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-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-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-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-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-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-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-aichat-launcher-default-size, 56px) + var(--cds-aichat-launcher-position-bottom, 3rem) - var(--cds-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-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-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-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-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-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-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-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-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-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-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-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-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-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-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-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-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-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-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-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-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-aichat--container--render{\n --cds-aichat-max-height:640px;\n --cds-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-aichat-bottom-position))\n );\n --cds-aichat-max-width:672px;\n --cds-aichat-bottom-position:3rem;\n --cds-aichat-right-position:2rem;\n --cds-aichat-top-position:auto;\n --cds-aichat-left-position:auto;\n --cds-aichat-z-index:99999;\n --cds-aichat-border-radius:0;\n --cds-aichat-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-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-aichat-card-border-radius:0.5rem;\n --cds-aichat-card-max-width:424px;\n --cds-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-aichat-width:min(380px, var(--cds-aichat-max-width));\n --cds-aichat-height:calc(100vh - (2 * 2rem));\n --cds-aichat-launcher-default-size:56px;\n --cds-aichat-launcher-position-bottom:3rem;\n --cds-aichat-launcher-position-right:2rem;\n --cds-aichat-launcher-extended-width:280px;\n --cds-aichat-launcher-desktop-expanded-height:320px;\n --cds-aichat-launcher-position-bottom-mobile:1rem;\n --cds-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-aichat--container--render .cds-aichat--widget--rounded{\n --cds-aichat-border-radius:0.5rem;\n}\n:host .cds-aichat--container--render.cds-aichat---is-phone{\n --cds-aichat-width:calc(100vw - 4px);\n --cds-aichat-height:calc(100vh - 4px);\n --cds-aichat-left-position:2;\n --cds-aichat-top-position:2;\n --cds-aichat-max-height:auto;\n --cds-aichat-min-height:auto;\n --cds-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-aichat--container--render.cds-aichat---is-phone{\n --cds-aichat-width:calc(100dvw - 4px);\n --cds-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-one{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-two{\n --cds-layer:var(--cds-layer-02, #ffffff);\n --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field:var(--cds-field-02, #ffffff);\n --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds--layer-three{\n --cds-layer:var(--cds-layer-03, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field:var(--cds-field-03, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds--layer-one.cds--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds--layer-two.cds--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds--layer-three.cds--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds--skeleton{\n 0%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n 20%{\n opacity:1;\n transform:scaleX(1);\n transform-origin:left;\n }\n 28%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 51%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 58%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 82%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 83%{\n transform:scaleX(1);\n transform-origin:left;\n }\n 96%{\n transform:scaleX(0);\n transform-origin:left;\n }\n 100%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n}\n:host{\n}\n:host .cds--assistive-text,\n:host .cds--visually-hidden{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0, 0, 0, 0);\n inline-size:1px;\n visibility:inherit;\n white-space:nowrap;\n}\n:host .cds--popover-container{\n display:inline-block;\n}\n:host .cds--popover-container:not(.cds--popover--auto-align){\n position:relative;\n}\n:host .cds--popover--high-contrast .cds--popover{\n --cds-popover-background-color:var(--cds-background-inverse, #393939);\n --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--popover--drop-shadow .cds--popover{\n filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds--popover--border > .cds--popover > .cds--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds--popover-content.cds--layout--size-sm, :host .cds--layout--size-sm :where(.cds--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds--popover-content.cds--layout--size-md, :host .cds--layout--size-md :where(.cds--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds--popover-content.cds--layout--size-lg, :host .cds--layout--size-lg :where(.cds--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds--popover-content{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--popover-content *,\n:host .cds--popover-content *::before,\n:host .cds--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds--popover-content{\n position:absolute;\n z-index:6000;\n display:none;\n border-radius:var(--cds-popover-border-radius, 2px);\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:23rem;\n pointer-events:auto;\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content{\n display:block;\n}\n:host .cds--popover--background-token__background > .cds--popover > .cds--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content::before{\n display:block;\n}\n:host .cds--popover-caret,\n:host .cds--popover--auto-align.cds--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds--popover-caret::after,\n:host .cds--popover--auto-align.cds--popover-caret::after{\n position:absolute;\n display:block;\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n content:\"\";\n}\n:host .cds--popover-caret::before,\n:host .cds--popover--auto-align.cds--popover-caret::before{\n position:absolute;\n display:none;\n background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n content:\"\";\n}\n:host .cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover--border .cds--popover-caret::before,\n:host .cds--popover--border .cds--popover--auto-align.cds--popover-caret::before{\n display:block;\n}\n:host .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret{\n display:block;\n}\n:host .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret{\n display:block;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-caret{\n display:none;\n}\n:host .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-start:0;\n inset-inline:0;\n transform:translateY(-100%);\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-end:0;\n inset-inline:0;\n transform:translateY(100%);\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds--popover--right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-end > .cds--popover > .cds--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-start:0;\n transform:translateX(-100%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-block-end:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds--popover--left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-end > .cds--popover > .cds--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-end:0;\n transform:translateX(100%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-content{\n border-radius:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-start:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds--popover--tab-tip .cds--popover{\n will-change:filter;\n}\n:host .cds--popover--tab-tip__button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--popover--tab-tip__button *,\n:host .cds--popover--tab-tip__button *::before,\n:host .cds--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds--popover--tab-tip__button{\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--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds--popover--tab-tip__button{\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds--popover--tab-tip__button:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host .cds--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{\n background:var(--cds-layer);\n box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{\n position:absolute;\n z-index:6001;\n background:var(--cds-layer);\n block-size:2px;\n content:\"\";\n inline-size:100%;\n inset-block-end:0;\n}\n:host .cds--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds--tooltip-content{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n max-inline-size:18rem;\n overflow-wrap:break-word;\n}\n:host .cds--icon-tooltip{\n --cds-tooltip-padding-block:0.125rem;\n --cds-popover-caret-width:0.5rem;\n --cds-popover-caret-height:0.25rem;\n --cds-popover-offset:0.5rem;\n}\n:host .cds--icon-tooltip .cds--tooltip-content{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds--definition-term{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--definition-term *,\n:host .cds--definition-term *::before,\n:host .cds--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds--definition-term{\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--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds--definition-term{\n border-radius:0;\n border-block-end:1px dotted var(--cds-border-strong);\n color:var(--cds-text-primary, #161616);\n}\n:host .cds--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-tooltip{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:0.5rem 1rem;\n max-inline-size:11rem;\n text-wrap:auto;\n word-break:break-word;\n}\n:host{\n}\n:host .cds--btn{\n --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n --temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );\n --temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );\n --temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds--btn *,\n:host .cds--btn *::before,\n:host .cds--btn *::after{\n box-sizing:inherit;\n}\n:host .cds--btn{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n position:relative;\n display:inline-flex;\n flex-shrink:0;\n justify-content:space-between;\n border-radius:0;\n margin:0;\n cursor:pointer;\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:20rem;\n min-block-size:var(--cds-layout-size-height-local);\n outline:none;\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n text-align:start;\n text-decoration:none;\n transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align:top;\n}\n:host .cds--btn:disabled, :host .cds--btn:hover:disabled, :host .cds--btn:focus:disabled, :host .cds--btn.cds--btn--disabled, :host .cds--btn.cds--btn--disabled:hover, :host .cds--btn.cds--btn--disabled:focus{\n border-color:var(--cds-button-disabled, #c6c6c6);\n background:var(--cds-button-disabled, #c6c6c6);\n box-shadow:none;\n color:var(--cds-text-on-color-disabled, #8d8d8d);\n cursor:not-allowed;\n}\n:host .cds--btn .cds--btn__icon{\n position:absolute;\n flex-shrink:0;\n block-size:1rem;\n inline-size:1rem;\n inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n inset-inline-end:var(--cds-layout-density-padding-inline-local);\n margin-block-start:0.0625rem;\n}\n:host .cds--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds--btn--primary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds--btn--primary .cds--btn__icon,\n:host .cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds--btn--secondary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds--btn--secondary .cds--btn__icon,\n:host .cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--secondary:hover, :host .cds--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds--btn--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds--btn--tertiary .cds--btn__icon,\n:host .cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n border-color:transparent;\n background-color:var(--cds-button-tertiary-active, #002d9c);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:disabled, :host .cds--btn--tertiary:hover:disabled, :host .cds--btn--tertiary:focus:disabled, :host .cds--btn--tertiary.cds--btn--disabled, :host .cds--btn--tertiary.cds--btn--disabled:hover, :host .cds--btn--tertiary.cds--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--btn--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost .cds--btn__icon,\n:host .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--ghost .cds--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds--btn--ghost:hover, :host .cds--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost:disabled, :host .cds--btn--ghost:hover:disabled, :host .cds--btn--ghost:focus:disabled, :host .cds--btn--ghost.cds--btn--disabled, :host .cds--btn--ghost.cds--btn--disabled:hover, :host .cds--btn--ghost.cds--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--icon-only{\n align-items:center;\n justify-content:center;\n padding:0;\n block-size:var(--cds-layout-size-height-local);\n inline-size:var(--cds-layout-size-height-local);\n padding-block-start:0;\n}\n:host .cds--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds--btn--icon-only .cds--btn__icon{\n position:static;\n}\n:host .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, :host .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon{\n margin:0;\n}\n:host .cds--btn--icon-only.cds--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon{\n margin-block-start:0;\n}\n:host .cds--btn--icon-only.cds--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n:host .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger .cds--btn__icon,\n:host .cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--tertiary .cds--btn__icon,\n:host .cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:focus{\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n border-color:var(--cds-button-danger-active, #750e13);\n background-color:var(--cds-button-danger-active, #750e13);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:disabled, :host .cds--btn--danger--tertiary:hover:disabled, :host .cds--btn--danger--tertiary:focus:disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled:hover, :host .cds--btn--danger--tertiary.cds--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon,\n:host .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds--btn--danger--ghost:hover, :host .cds--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--ghost:disabled, :host .cds--btn--danger--ghost:hover:disabled, :host .cds--btn--danger--ghost:focus:disabled, :host .cds--btn--danger--ghost.cds--btn--disabled, :host .cds--btn--danger--ghost.cds--btn--disabled:hover, :host .cds--btn--danger--ghost.cds--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds--btn--expressive{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds--btn--icon-only.cds--btn--expressive{\n padding:12px 13px;\n}\n:host .cds--btn.cds--btn--expressive .cds--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds--btn-set .cds--btn.cds--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds--btn.cds--skeleton{\n position:relative;\n padding:0;\n border:none;\n background:var(--cds-skeleton-background, #e8e8e8);\n box-shadow:none;\n pointer-events:none;\n}\n:host .cds--btn.cds--skeleton:hover, :host .cds--btn.cds--skeleton:focus, :host .cds--btn.cds--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds--btn.cds--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds--skeleton infinite;\n background:var(--cds-skeleton-element, #c6c6c6);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-inline-start:0;\n will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n :host .cds--btn.cds--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds--btn.cds--skeleton{\n background:CanvasText;\n }\n :host .cds--btn.cds--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds--btn.cds--skeleton{\n inline-size:9.375rem;\n}\n:host .cds--btn-set{\n display:flex;\n}\n:host .cds--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds--btn-set .cds--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds--btn-set .cds--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set .cds--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn:focus + .cds--btn{\n box-shadow:inherit;\n}\n:host .cds--btn-set--stacked .cds--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds--btn-set .cds--btn.cds--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds--btn--sm .cds--badge-indicator{\n margin-block-start:0.25rem;\n margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds--btn-set .cds--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle .cds-aichat--response-user-avatar__letter{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n text-align:center;\n}\n:host{\n}\n:host .cds-aichat--human-agent-banner__body{\n display:flex;\n align-items:center;\n padding:1rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--human-agent-banner__body{\n margin:0 auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-aichat--human-agent-banner__human-agent-info{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 0 0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-aichat--human-agent-banner--connected .cds-aichat--agent-banner__agent-line1{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2,\n:host .cds-aichat--human-agent-banner__human-agent-line2 p{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--overlay-panel-container .cds-aichat--panel-content{\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-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-aichat--custom-panel .cds-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-aichat--body-and-footer-component .cds-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-aichat--body-and-footer-component .cds-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-aichat--widget--max-width .cds-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-aichat--header__slug-description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-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-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header--content{\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--header__buttons .cds-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--header--content{\n border-start-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-aichat--header__slug-label{\n color:var(--cds-text-secondary, #525252);\n padding-block-end:0.75rem;\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-aichat--header__overflow-menu svg,\n:host .cds-aichat--header__back-button svg,\n:host .cds-aichat--header__restart-button svg,\n:host .cds-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen-header button.cds-aichat--header__back-button{\n transform:none;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-aichat--header__left-items,\n:host .cds-aichat--chat-header-overflow-menu__host-element,\n:host .cds-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host cds-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-aichat-chat-header-avatar + .cds-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container:first-child > cds-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-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-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-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-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen--first-render .cds-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen--first-render .cds-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in 70ms both;\n }\n}\n:host .cds-aichat--home-screen__body-wrapper{\n position:relative;\n display:flex;\n overflow:auto;\n flex:1;\n flex-direction:column;\n}\n:host .cds-aichat--home-screen__body{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in 70ms both;\n }\n}\n:host .cds-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-aichat--home-screen__greeting{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content .cds-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content-only{\n flex-grow:unset;\n flex-shrink:unset;\n padding:0;\n margin:0;\n min-block-size:unset;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-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-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(1){\n --cds-aichat-homescreen-starter-index:1;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(2){\n --cds-aichat-homescreen-starter-index:2;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(3){\n --cds-aichat-homescreen-starter-index:3;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(4){\n --cds-aichat-homescreen-starter-index:4;\n}\n:host cds-chat-button.cds-aichat--home-screen__starter:nth-child(5){\n --cds-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up calc(var(--cds-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete cds-chat-button.cds-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starters--animate-group cds-chat-button.cds-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starters--animate-group cds-chat-button.cds-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform: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-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-aichat--home-screen__input-container-wrapper,\n:host .cds-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-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-aichat--home-screen.cds-aichat--home-screen--first-render .cds-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-aichat--home-screen.cds-aichat--home-screen--first-render .cds-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--input-and-completions{\n margin:0 auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-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-aichat--widget--max-width.cds-aichat--wide-width .cds-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-aichat--ai-theme .cds-aichat--input-container{\n border:1px solid transparent;\n background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-aichat--input-container__files-container cds-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:32px;\n color:var(--cds-text-primary, #161616);\n cursor:pointer;\n inline-size:32px;\n}\n:host .cds-aichat--input-container__upload-input:focus + .cds-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__left-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-aichat--assistant-container .cds-aichat--input-container{\n display:flex;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area{\n display:inline-block;\n overflow:hidden;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n min-block-size:0;\n}\n:host .cds-aichat--input-container--show-upload-button .cds-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n position:relative;\n display:block;\n border:none;\n margin:0;\n background:transparent;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea[data-has-content=false]::before{\n position:absolute;\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n content:attr(data-placeholder);\n inset:0;\n pointer-events:none;\n white-space:pre-wrap;\n word-wrap:break-word;\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--input-container__send-button-container,\n:host .cds-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-button.cds-aichat--input-container__send-button svg{\n block-size:1rem;\n cursor:inherit;\n fill:var(--cds-interactive, #0f62fe);\n inline-size:1rem;\n}\n:host cds-button.cds-aichat--input-container__send-button:active svg,\n:host cds-button.cds-aichat--input-container__send-button:focus svg,\n:host cds-button.cds-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-button.cds-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-button.cds-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n}\n:host .cds-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button:hover{\n border-color:var(--cds-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher__button-container--round .cds-aichat--count-indicator{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0 4px;\n border-radius:10px;\n background-color:var(--cds-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-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-aichat--container--render[dir=rtl] .cds-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-aichat--launcher__button-container--bounce-animation{\n animation:cds-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-button.cds-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-button.cds-aichat--launcher__button::part(button){\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-button.cds-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-button.cds-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-aichat--launcher__avatar{\n border-radius:50%;\n block-size:32px;\n inline-size:32px;\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-aichat--launcher__button .cds-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-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-aichat-launcher-default-size, 56px) + var(--cds-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-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-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-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container .cds-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-aichat--launcher-complex__container .cds-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-aichat--launcher-complex__container .cds-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container .cds-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-aichat--launcher-complex__container .cds-aichat--launcher__close-button .cds-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container .cds-aichat--launcher__close-button .cds-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__avatar{\n animation:700ms cds-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher-complex__text{\n animation:700ms cds-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:700ms cds-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__close-button{\n animation:700ms cds-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--intro-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:700ms cds-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__avatar{\n animation:150ms cds-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher-complex__text{\n animation:150ms cds-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-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-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__close-button{\n animation:150ms cds-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--simple-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-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-aichat--launcher-complex__container--tooling-preview .cds-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__avatar{\n animation:400ms cds-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher-complex__text,\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__close-button{\n animation:400ms cds-aichat-launcher-fade-out forwards;\n}\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:400ms cds-aichat-launcher-default-size-position forwards;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher-complex__small-launcher-container,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-complex__container--close-animation .cds-aichat--launcher__button-container.cds-aichat--launcher-complex__small-launcher-container .cds-aichat--launcher__button{\n animation:700ms cds-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-aichat--launcher-extended__container{\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host cds-button.cds-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-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-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-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n 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-aichat-is-phone .cds-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-aichat--launcher-extended__greeting-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n line-clamp:2;\n text-overflow:ellipsis;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher-extended__element--fade-out{\n animation:cds-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-aichat--launcher-extended__button .cds-aichat--launcher-extended__element--fade-in{\n animation:cds-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended cds-button.cds-aichat--launcher__button{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended cds-button.cds-aichat--launcher__button.cds-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended .cds-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended-animation{\n animation:cds-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended-animation cds-button.cds-aichat--launcher-extended__button::part(button){\n animation:cds-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--extended-animation .cds-aichat--launcher__svg{\n animation:cds-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--reduced-animation{\n animation:cds-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--reduced-animation cds-button.cds-aichat--launcher-extended__button::part(button){\n animation:cds-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-aichat--launcher__button-container.cds-aichat--launcher-extended__button--reduced-animation .cds-aichat--launcher__svg{\n animation:cds-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-extended__container .cds-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--launcher-extended__container .cds-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-aichat--confirm-modal{\n position:absolute;\n z-index:100;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background-color:var(--cds-overlay, rgba(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-aichat--confirm-modal .cds-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__title{\n padding:1rem;\n font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-compact-01-font-weight, 600);\n line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--connect-to-human-agent__title{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n padding-block-end:0.25rem;\n}\n:host .cds-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-aichat--connect-to-agent__text p,\n:host .cds-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a,\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-aichat--connect-to-human-agent__suspended-warning{\n color:var(--cds-support-error, #da1e28);\n padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@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-aichat--carousel-container__navigation-button,\n:host .cds-aichat--carousel-container__controls{\n display:flex;\n align-items:center;\n color:var(--cds-text-secondary, #525252);\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--carousel-container__navigation cds-button::part(button){\n color:currentcolor;\n}\n:host .cds-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-aichat--body-message-components{\n flex:1;\n}\n:host .cds-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-aichat--carousel-container__controls--standard,\n:host .cds-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .swiper{\n 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-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-aichat--conversational-search .cds-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search-disclaimer,\n:host .cds-aichat--standard-width .cds-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-aichat--received--conversational-search .cds-aichat--received--feedback,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search-text,\n:host .cds-aichat--standard-width .cds-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--received--conversational-search .cds-aichat--received--feedback,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-aichat--date-picker__confirm-button::part(button){\n display:block;\n margin-block-start:0.75rem;\n margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-aichat--inline-error--icon-holder{\n display:flex;\n flex:0 0 1rem;\n align-items:flex-start;\n margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-aichat--inline-error--text{\n flex:1;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1px;\n}\n:host .cds-aichat--inline-error .cds-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-aichat--grid__row{\n display:flex;\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n inline-size:100%;\n}\n:host .cds-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-aichat--grid__cell .cds-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-aichat--grid .cds-aichat--image{\n border:none;\n}\n:host .cds-aichat--grid .cds-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-aichat--grid .cds-aichat--image__skeleton{\n display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--i-frame-preview-card:focus .cds-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--i-frame-preview-card:hover .cds-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-aichat--inline-i-frame{\n position:relative;\n overflow:hidden;\n background:transparent;\n inline-size:100%;\n padding-block-start:var(--padding-top, 0);\n}\n:host .cds-aichat--inline-i-frame .cds-aichat--i-frame-component__wrapper{\n position:absolute;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-aichat--i-frame-component__wrapper,\n:host .cds-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--i-frame-component__status-container{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host .cds-aichat--i-frame-component__status-container .cds-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-aichat--i-frame-panel .cds-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-skeleton-placeholder.cds-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-aichat--image__image{\n display:none;\n block-size:0;\n max-inline-size:100%;\n opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-aichat--image .cds-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-aichat--image__text-and-icon .cds-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon,\n:host svg.cds-aichat--image__icon--link{\n position:absolute;\n margin:0;\n inset-block-end:1rem;\n inset-inline-end:1rem;\n}\n:host svg.cds-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--container--render[dir=rtl] svg.cds-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-aichat--button-holder ul li{\n display:inline-block;\n padding:0 0.5rem 0.5rem 0;\n margin:0;\n}\n:host{\n}\n:host .cds-aichat--select-holder{\n padding:0 1px;\n inline-size:100%;\n margin-block-start:1rem;\n max-inline-size:380px;\n}\n:host{\n}\n:host .cds-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding:0;\n border:2px solid transparent;\n margin:0;\n block-size:100%;\n inline-size:100%;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea::-moz-focus-inner{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-aichat--text-area.cds-aichat--text-area--auto-size .cds-aichat--text-area-textarea{\n position:absolute;\n overflow:hidden;\n inset-block-start:0;\n resize:none;\n}\n:host{\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n padding-block-end:1px;\n visibility:hidden;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-aichat--body-message-components .cds-aichat--media-player__skeleton,\n:host .cds-aichat--body-message-components .cds-aichat--media-player,\n:host .cds-aichat--body-message-components .cds-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-aichat--body-message-components__message-wrapper:not(.cds-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-aichat--clickable-image .cds-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--clickable-image .cds-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-aichat--clickable-image .cds-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--clickable-image .cds-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-aichat--clickable-image:disabled .cds-aichat--image{\n opacity:0.5;\n}\n:host .cds-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-aichat--description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__title,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-aichat--footer-button-components cds-button.cds-aichat--button-item{\n flex:auto;\n}\n:host .cds-aichat--footer-button-components cds-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-tile .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-tile .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-tile .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-tile .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-aichat--widget__animation-container--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded) .cds-aichat--widget__animation-container:not(.cds-aichat--widget__animation-container--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-aichat--widget__animation-container--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded) .cds-aichat--widget__animation-container:not(.cds-aichat--widget__animation-container--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-aichat--widget__animation-container--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:not(:last-child::part(button)){\n border-end-end-radius:0;\n border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-aichat--media-player,\n:host .cds-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-aichat--media-player__skeleton-container,\n:host .cds-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-aichat--media-player__player iframe{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n}\n:host .cds-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-aichat--media-player__background,\n:host .cds-aichat--media-player__player{\n position:absolute;\n border-radius:0;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host .cds-aichat--media-transcript{\n padding:0 1rem 1rem 1rem;\n}\n:host .cds-aichat--media-transcript__toggle{\n font-size:var(--cds-label-01-font-size, 0.75rem);\n font-weight:var(--cds-label-01-font-weight, 400);\n line-height:var(--cds-label-01-line-height, 1.33333);\n letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:0;\n border:0;\n margin:0;\n background-color:transparent;\n color:var(--cds-text-secondary, #525252);\n cursor:pointer;\n text-align:start;\n}\n:host .cds-aichat--media-transcript__toggle:hover{\n background-color:var(--cds-layer-hover-01, #e8e8e8);\n}\n:host .cds-aichat--media-transcript__toggle:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n:host .cds-aichat--media-transcript__toggle-label{\n display:flex;\n align-items:center;\n font-weight:600;\n}\n:host .cds-aichat--media-transcript__language{\n color:var(--cds-text-secondary, #525252);\n font-weight:400;\n}\n:host .cds-aichat--media-transcript__toggle-icon{\n flex-shrink:0;\n margin-inline-start:0.5rem;\n}\n:host .cds-aichat--media-transcript__content--visible{\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--received--metablock{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-aichat--text-holder-tile__title{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-weight:400;\n min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-aichat--text-holder-tile__description,\n:host .cds-aichat--text-holder-tile__url{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-aichat--text-holder-tile__description{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:3;\n white-space:normal;\n }\n}\n@supports (-webkit-line-clamp: 2){\n :host .cds-aichat--text-holder-tile__title{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n white-space:normal;\n }\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable{\n padding:0;\n border:none;\n border-radius:0.5rem;\n cursor:pointer;\n inline-size:100%;\n padding-inline-end:0;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-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-aichat--message a.cds-aichat--citation-card--clickable cds-tile,\n :host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-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-aichat--message a.cds-aichat--citation-card--clickable:focus,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:focus cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus cds-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover cds-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active cds-tile,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active cds-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-aichat--citation-card-title{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding-block-end:0.5rem;\n}\n:host .cds-aichat--citation-card-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n -webkit-line-clamp:5;\n line-clamp:5;\n text-align:start;\n white-space:normal;\n}\n:host .cds-aichat--citation-card-footer{\n display:flex;\n justify-content:space-between;\n color:var(--cds-link-primary, #0f62fe);\n padding-block-start:1rem;\n}\n:host .cds-aichat--citation-card-label,\n:host .cds-aichat--citation-card-icon{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--message a:hover.cds-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-aichat--view-source-panel .cds-aichat--panel-content{\n flex:1;\n}\n:host .cds-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-aichat--icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--visually-hidden{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n inset-block-start:0;\n white-space:nowrap;\n}\n:host{\n}\n:host .cds-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-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-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-aichat--widget--max-width .cds-aichat--messages-container__non-input-container{\n overflow:hidden auto;\n block-size:100%;\n}\n:host .cds-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-aichat--overlay-panel--catastrophic_panel .cds-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-aichat--catastrophic-error{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n border-radius:0.5rem;\n}\n:host .cds-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-aichat--catastrophic-error .cds-aichat--catastrophic-error__error-text-container > svg{\n margin-inline-start:calc(2rem * -1);\n max-block-size:128px;\n max-inline-size:128px;\n padding-inline-start:0.25rem;\n}\n:host .cds-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-aichat--catastrophic-error__error-heading{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-aichat--catastrophic-error__error-body{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1rem;\n}\n:host .cds-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-aichat--catastrophic-error--with-header .cds-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--catastrophic-error.cds-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-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-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-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--disclaimer .cds-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--disclaimer__content.cds-aichat--panel-content,\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__content.cds-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-aichat--disclaimer__title{\n display:block;\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n inline-size:100%;\n padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button,\n:host .cds-aichat--standard-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-aichat--narrow-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button::part(button),\n:host .cds-aichat--standard-width .cds-aichat--disclaimer__buttons cds-button.cds-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-aichat-border-radius, 0px);\n}\n:host .cds-aichat--widget--max-width.cds-aichat--wide-width .cds-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-aichat--error-icon path[data-icon-path=inner-path]{\n fill:var(--cds-icon-on-color, #ffffff);\n opacity:1;\n}\n:host{\n}\n:host .cds-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-aichat--hydrating.cds-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-aichat--widget--max-width .cds-aichat--hydrating.cds-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--overlay--covering.cds-aichat--overlay-panel-container .cds-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--wide-width .cds-aichat--overlay--covering .cds-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-aichat--widget--rounded .cds-aichat--wide-width .cds-aichat--overlay--covering .cds-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--container--render[dir=rtl] .cds-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-aichat--container--render[dir=rtl] .cds-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-out-to-bottom both;\n}\n:host .cds-aichat--overlay-panel-container:has(.cds-aichat--overlay-panel--with-back-button){\n block-size:calc(100% - var(--cds-aichat--header-height, 0px) + 1px);\n border-start-end-radius:0;\n border-start-start-radius:0;\n inset-block-start:calc(var(--cds-aichat--header-height, 0) - 1px);\n}\n:host .cds-aichat--overlay-panel--with-back-button{\n overflow:hidden;\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\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-aichat-max-width, 100%);\n transform:translateX(-50%);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--overlay-panel--with-back-button.cds-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-aichat--overlay-panel--with-back-button.cds-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-aichat-slide-in-from-bottom-below-header both;\n}\n@keyframes cds-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-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-aichat--standard-width .cds-aichat--conversational-search + .cds-aichat--response-stopped,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-aichat--hidden{\n display:none;\n}\n:host .cds-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--widget__text-ellipsis{\n overflow:hidden;\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n:host .cds-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-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-aichat--container--render > div > div[role=log]{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n inline-size:1px;\n inset-inline-start:-10000px;\n}\n:host .cds-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-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-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-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-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-aichat--ai-theme .cds-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-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-aichat--frameless .cds-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat--widget .cds-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-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-aichat--widget.cds-aichat--widget--rounded{\n border-radius:var(--cds-aichat-border-radius, 0px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--view-source-panel,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--home-screen,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--confirm-modal,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--widget__animation-container,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--assistant-container,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--overlay-panel,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--overlay-panel-container,\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--hydrating-container{\n border-end-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded{\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--header{\n border-start-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded{\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--input-container{\n border-end-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded{\n}\n:host .cds-aichat--widget.cds-aichat--widget--rounded .cds-aichat--overlay-panel.cds-aichat--overlay-panel--with-back-button{\n --cds-aichat-border-radius:0;\n}\n:host{\n}\n:host .cds-aichat--grid .cds-aichat--image,\n:host .cds-aichat--grid .cds-aichat--media-player,\n:host .cds-aichat--grid .cds-aichat--media-player__skeleton,\n:host .cds-aichat--body-message-components__message-wrapper .cds-aichat--image,\n:host .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player,\n:host .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-aichat--widget.cds-aichat--widget--closed .cds-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element:not(.cds-aichat---is-phone){\n animation:cds-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n animation:cds-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed,\n:host .cds-aichat--ai-theme .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element.cds-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, min(380px, var(--cds-aichat-max-width, 672px)));\n inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:var(--cds-aichat-max-width, 672px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--widget.cds-aichat--widget--default-element{\n inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host .cds-aichat---is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, min(380px, var(--cds-aichat-max-width, 672px)));\n inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat---is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n animation:cds-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-aichat---is-phone[dir=rtl]:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host .cds-aichat{\n display:flex;\n box-sizing:border-box;\n flex:1;\n flex-direction:column;\n align-content:stretch;\n align-items:stretch;\n border-radius:0;\n margin:0;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n text-align:start;\n}\n:host .cds-aichat--widget--rounded .cds-aichat{\n border-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--ai-theme .cds-aichat{\n background-image:var(--cds-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-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-aichat--frameless.cds-aichat--ai-theme .cds-aichat{\n box-shadow:var(--cds-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-aichat.cds-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-aichat--main-window,\n:host .cds-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-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-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-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-aichat--container--render .cds-aichat--reverse-icon svg,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg.cds-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-aichat--widget--max-width{\n --cds-aichat-border-radius:0;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--widget--rounded .cds-aichat--body-and-footer-component,\n:host .cds-aichat--widget--rounded .cds-aichat--i-frame-panel,\n:host .cds-aichat--widget--rounded .cds-aichat--view-source-panel,\n:host .cds-aichat--widget--rounded .cds-aichat--custom-panel{\n border-end-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-aichat--widget--rounded .cds-aichat--panel-content{\n border-end-end-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-aichat--message.cds-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-aichat--message.cds-aichat--message--has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-aichat--message.cds-aichat--message--first-message.cds-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-aichat--message--with-avatar-line.cds-aichat--message--response.cds-aichat--message--last-message:not(.cds-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-aichat--message.cds-aichat--message--last-message.cds-aichat--message--has-focus::after{\n block-size:calc(100% - 2rem + 0.5rem);\n inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-aichat--message .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message .cds-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-aichat--message--with-avatar-line .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message--with-avatar-line .cds-aichat--ui-customization-element--response,\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single):first-child,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-aichat--message.cds-aichat--message--last-message .cds-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--message .cds-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-aichat--messages--welcome.cds-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-aichat--received--inline-error,\n:host .cds-aichat--received--text,\n:host .cds-aichat--message-user-defined-response{\n position:relative;\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-aichat--received--image{\n position:relative;\n inline-size:90%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--received--video,\n:host .cds-aichat--received--audio{\n inline-size:100%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state-container{\n display:flex;\n flex-direction:row;\n justify-content:flex-end;\n}\n:host{\n}\n:host .cds-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-aichat--sent-and-message-state--below-message .cds-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message-status .cds-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-aichat--received--loading,\n:host .cds-aichat--search-result,\n:host .cds-aichat--sent--bubble{\n position:relative;\n opacity:1;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--received--loading .cds-aichat--received--inner{\n position:relative;\n}\n:host .cds-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-aichat--sent--bubble{\n align-self:end;\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n border-radius:0.5rem 0 0.5rem 0.5rem;\n background:var(--cds-chat-bubble-user, #e0e0e0);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-aichat--received--options,\n:host .cds-aichat--received--suggestion{\n position:relative;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--agent-status-message{\n color:var(--cds-text-helper, #6f6f6f);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n padding-inline:1rem;\n text-align:center;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--chat-status-message{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__label{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img svg,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line .cds-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line .cds-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message,\n:host .cds-aichat--message--request + .cds-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--message__avatar-line,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--received--from-human,\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--sent--bubble,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--received--from-human,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--agent-message) .cds-aichat--message__avatar-line + .cds-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-aichat--message__avatar--agent .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-aichat--received--from-human.cds-aichat--received--text{\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0 0.5rem 0.5rem 0.5rem;\n background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--received--from-agent.cds-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-aichat--message__avatar--assistant .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-aichat--standard-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n:host .cds-aichat--wide-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n margin-block-start:0;\n}\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--sent-container,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-aichat--messages__wrapper{\n position:relative;\n overflow:hidden auto;\n flex:1;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-aichat--message--focus-handle,\n:host .cds-aichat--messages--scroll-handle{\n position: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-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-aichat--messages{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--messages{\n margin:0 auto;\n max-inline-size:var(--cds-aichat-max-width, 672px);\n}\n:host .cds-aichat--processing{\n display:flex;\n align-items:center;\n}\n:host .cds-aichat--processing-component{\n block-size:32px;\n}\n:host .cds-aichat--processing-label{\n font-size:var(--cds-label-02-font-size, 0.875rem);\n font-weight:var(--cds-label-02-font-weight, 400);\n line-height:var(--cds-label-02-line-height, 1.28572);\n letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);\n display:flex;\n align-items:center;\n animation:cds-aichat-fade-in 600ms forwards;\n animation-delay:1200ms;\n block-size:32px;\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n opacity:0;\n padding-inline-start:0.125rem;\n}\n:host .cds-aichat-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-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-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--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--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g10{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#f4f4f4;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#c6c6c6;\n --cds-border-subtle-01:#e0e0e0;\n --cds-border-subtle-02:#c6c6c6;\n --cds-border-subtle-03:#e0e0e0;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#a8a8a8;\n --cds-border-tile-02:#c6c6c6;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-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--g10{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--g10{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-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--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g100{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#333333;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#161616;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#6f6f6f;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#a8a8a8;\n --cds-border-subtle-00:#393939;\n --cds-border-subtle-01:#525252;\n --cds-border-subtle-02:#6f6f6f;\n --cds-border-subtle-03:#6f6f6f;\n --cds-border-subtle-selected-01:#6f6f6f;\n --cds-border-subtle-selected-02:#8d8d8d;\n --cds-border-subtle-selected-03:#8d8d8d;\n --cds-border-tile-01:#525252;\n --cds-border-tile-02:#6f6f6f;\n --cds-border-tile-03:#8d8d8d;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-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--g100{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds--g100{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host cds-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-aichat--dark,\n:host .cds--g90,\n:host .cds--g100{\n scrollbar-color:var(--cds-layer-03, #f4f4f4) var(--cds-layer-01, #f4f4f4);\n}";
17093
17366
 
17094
17367
  function detectConfigChanges(previousConfig, newConfig) {
17095
17368
  if (!previousConfig) {
@@ -17113,7 +17386,7 @@ function detectConfigChanges(previousConfig, newConfig) {
17113
17386
  const layoutChanged = !isEqual(previousConfig.layout, newConfig.layout);
17114
17387
  const headerChanged = !isEqual(previousConfig.header, newConfig.header);
17115
17388
  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;
17389
+ 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
17390
  return {
17118
17391
  humanAgentConfigChanged: humanAgentConfigChanged,
17119
17392
  themingChanged: themingChanged,
@@ -17185,16 +17458,39 @@ async function applyConfigChangesDynamically(changes, newConfig, serviceManager)
17185
17458
  }));
17186
17459
  }
17187
17460
  if (changes.lightweightUIChanged) {
17188
- if (typeof newConfig.isReadonly === "boolean") {
17189
- const current = store.getState().assistantInputState;
17190
- const next = {
17191
- ...current,
17192
- isReadonly: newConfig.isReadonly
17461
+ const current = store.getState().assistantInputState;
17462
+ let nextState = current;
17463
+ if (typeof newConfig.input?.isVisible === "boolean") {
17464
+ if (current.fieldVisible !== newConfig.input.isVisible) {
17465
+ nextState = {
17466
+ ...nextState,
17467
+ fieldVisible: newConfig.input.isVisible
17468
+ };
17469
+ }
17470
+ }
17471
+ let disableValue;
17472
+ if (typeof newConfig.input?.isDisabled === "boolean") {
17473
+ disableValue = newConfig.input.isDisabled;
17474
+ } else if (typeof newConfig.isReadonly === "boolean") {
17475
+ disableValue = newConfig.isReadonly;
17476
+ }
17477
+ if (disableValue !== undefined && current.isReadonly !== disableValue) {
17478
+ nextState = {
17479
+ ...nextState,
17480
+ isReadonly: disableValue
17193
17481
  };
17482
+ }
17483
+ if (nextState !== current) {
17194
17484
  store.dispatch(actions.changeState({
17195
- assistantInputState: next
17485
+ assistantInputState: nextState
17196
17486
  }));
17197
17487
  }
17488
+ if (typeof newConfig.launcher?.showUnreadIndicator === "boolean") {
17489
+ const currentValue = store.getState().persistedToBrowserStorage.showUnreadIndicator;
17490
+ if (currentValue !== newConfig.launcher.showUnreadIndicator) {
17491
+ store.dispatch(actions.setLauncherProperty("showUnreadIndicator", newConfig.launcher.showUnreadIndicator));
17492
+ }
17493
+ }
17198
17494
  }
17199
17495
  }
17200
17496