@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.
- package/dist/es/aiChatEntry.js +6 -6
- package/dist/es/chat.ChatAppEntry.js +612 -316
- package/dist/es/chat.ChatAppEntry.js.map +1 -1
- package/dist/es/chat.PageObjectId.js +3 -0
- package/dist/es/chat.PageObjectId.js.map +1 -1
- package/dist/es/web-components/cds-aichat-container/index.js +6 -6
- package/dist/es/web-components/cds-aichat-custom-element/index.js +6 -6
- package/dist/es-custom/aiChatEntry.js +6 -6
- package/dist/es-custom/chat.ChatAppEntry.js +612 -316
- package/dist/es-custom/chat.ChatAppEntry.js.map +1 -1
- package/dist/es-custom/chat.PageObjectId.js +3 -0
- package/dist/es-custom/chat.PageObjectId.js.map +1 -1
- package/dist/es-custom/web-components/cds-aichat-container/index.js +6 -6
- package/dist/es-custom/web-components/cds-aichat-custom-element/index.js +6 -6
- package/dist/types/aiChatEntry.d.ts +2 -2
- package/dist/types/{serverEntry-Cad3Ek2W.d.ts → serverEntry-BN03ML3a.d.ts} +181 -24
- package/dist/types/serverEntry.d.ts +1 -1
- package/package.json +11 -11
|
@@ -66,8 +66,6 @@ import { directive, Directive } from "lit/directive.js";
|
|
|
66
66
|
|
|
67
67
|
import "@carbon/web-components/es-custom/components/list/index.js";
|
|
68
68
|
|
|
69
|
-
import debounce from "lodash-es/debounce.js";
|
|
70
|
-
|
|
71
69
|
import "@carbon/web-components/es-custom/components/data-table/index.js";
|
|
72
70
|
|
|
73
71
|
import "@carbon/web-components/es-custom/components/checkbox/index.js";
|
|
@@ -144,6 +142,10 @@ import CarbonSkeletonText from "@carbon/web-components/es-custom/components/skel
|
|
|
144
142
|
|
|
145
143
|
import CarbonSkeletonPlaceholder from "@carbon/web-components/es-custom/components/skeleton-placeholder/skeleton-placeholder.js";
|
|
146
144
|
|
|
145
|
+
import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
|
|
146
|
+
|
|
147
|
+
import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
|
|
148
|
+
|
|
147
149
|
import TouchInteraction16 from "@carbon/icons/es/touch--interaction/16.js";
|
|
148
150
|
|
|
149
151
|
import Send16 from "@carbon/icons/es/send/16.js";
|
|
@@ -158,14 +160,12 @@ import ChevronLeft16 from "@carbon/icons/es/chevron--left/16.js";
|
|
|
158
160
|
|
|
159
161
|
import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
|
|
160
162
|
|
|
163
|
+
import debounce from "lodash-es/debounce.js";
|
|
164
|
+
|
|
161
165
|
import Link16 from "@carbon/icons/es/link/16.js";
|
|
162
166
|
|
|
163
167
|
import Maximize16 from "@carbon/icons/es/maximize/16.js";
|
|
164
168
|
|
|
165
|
-
import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
|
|
166
|
-
|
|
167
|
-
import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
|
|
168
|
-
|
|
169
169
|
import CarbonOperationalTagElement from "@carbon/web-components/es-custom/components/tag/operational-tag.js";
|
|
170
170
|
|
|
171
171
|
import Checkmark32 from "@carbon/icons/es/checkmark/32.js";
|
|
@@ -852,12 +852,14 @@ const UPDATE_LOCAL_MESSAGE_ITEM = "UPDATE_LOCAL_MESSAGE_ITEM";
|
|
|
852
852
|
|
|
853
853
|
const SET_APP_STATE_VALUE = "SET_APP_STATE_VALUE";
|
|
854
854
|
|
|
855
|
-
const ADD_IS_TYPING_COUNTER = "ADD_IS_TYPING_COUNTER";
|
|
856
|
-
|
|
857
855
|
const ADD_IS_LOADING_COUNTER = "ADD_IS_LOADING_COUNTER";
|
|
858
856
|
|
|
857
|
+
const RESET_IS_LOADING_COUNTER = "RESET_IS_LOADING_COUNTER";
|
|
858
|
+
|
|
859
859
|
const ADD_IS_HYDRATING_COUNTER = "ADD_IS_HYDRATING_COUNTER";
|
|
860
860
|
|
|
861
|
+
const RESET_IS_HYDRATING_COUNTER = "RESET_IS_HYDRATING_COUNTER";
|
|
862
|
+
|
|
861
863
|
const SET_VIEW_STATE = "SET_VIEW_STATE";
|
|
862
864
|
|
|
863
865
|
const SET_VIEW_CHANGING = "SET_VIEW_CHANGING";
|
|
@@ -1032,16 +1034,16 @@ const actions = {
|
|
|
1032
1034
|
value: value
|
|
1033
1035
|
};
|
|
1034
1036
|
},
|
|
1035
|
-
|
|
1037
|
+
addIsLoadingCounter(addToIsLoading, message) {
|
|
1036
1038
|
return {
|
|
1037
|
-
type:
|
|
1038
|
-
|
|
1039
|
+
type: ADD_IS_LOADING_COUNTER,
|
|
1040
|
+
addToIsLoading: addToIsLoading,
|
|
1041
|
+
message: message
|
|
1039
1042
|
};
|
|
1040
1043
|
},
|
|
1041
|
-
|
|
1044
|
+
resetIsLoadingCounter() {
|
|
1042
1045
|
return {
|
|
1043
|
-
type:
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
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
|
-
}
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
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
|
|
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
|
-
[
|
|
4292
|
+
[RESET_IS_LOADING_COUNTER]: state => ({
|
|
4175
4293
|
...state,
|
|
4176
4294
|
assistantMessageState: {
|
|
4177
4295
|
...state.assistantMessageState,
|
|
4178
|
-
isMessageLoadingCounter:
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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 === "
|
|
5062
|
-
store.dispatch(actions.
|
|
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
|
-
|
|
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 === "
|
|
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-custom-aichat-code`) ], CDSChatCodeElement);
|
|
7673
7794
|
|
|
7674
|
-
var css_248z$8 = "cds-custom-table-header-title,\ncds-custom-table-header-description,\ncds-custom-table-toolbar{\n position:sticky;\n inline-size:var(--cds-custom-aichat-table-width, auto);\n inset-inline-start:0;\n}\n\ncds-custom-table-header-title,\ncds-custom-table-header-description{\n padding:0 1rem;\n inline-size:calc(var(--cds-custom-aichat-table-width, auto) - 1rem - 1rem);\n margin-inline:-1rem;\n}\n\ncds-custom-table-header-description{\n margin-block-end:-0.5rem;\n}\n\n:dir(rtl) cds-custom-table-header-title,\n:dir(rtl) cds-custom-table-header-description,\n:dir(rtl) cds-custom-table-toolbar{\n right:0;\n left:unset;\n}\n\ncds-custom-pagination,\ncds-custom-table{\n grid-column:1;\n inline-size:100%;\n}\n\n.cds-custom-ai-chat-table-container{\n display:grid;\n grid-template-columns:minmax(max-content, 1fr);\n inline-size:100%;\n overflow-x:auto;\n}\n\n.cds-custom-ai-chat-table-container.cds-custom--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n .cds-custom-ai-chat-table-container.cds-custom--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n.cds-custom-ai-chat-table-container.cds-custom--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n\n.cds-custom-ai-chat-table-container.cds-custom--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n .cds-custom-ai-chat-table-container.cds-custom--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n.cds-custom-ai-chat-table-container.cds-custom--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}";
|
|
7795
|
+
var css_248z$8 = "cds-custom-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.
|
|
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-custom-aichat-table-width", `${elementWidth}px`);
|
|
7822
|
-
}
|
|
7823
|
-
}
|
|
7824
|
-
}, 100));
|
|
7825
|
-
this._parentResizeObserver.observe(this.parentElement);
|
|
7826
|
-
}
|
|
7926
|
+
this._updateDefaultPageSize();
|
|
7827
7927
|
}
|
|
7828
|
-
|
|
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.
|
|
7842
|
-
if (this.
|
|
7843
|
-
this.
|
|
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-custom-aichat--media-transcript"
|
|
10181
|
+
}, React.createElement("button", {
|
|
10182
|
+
className: "cds-custom-aichat--media-transcript__toggle",
|
|
10183
|
+
onClick: handleToggle,
|
|
10184
|
+
"aria-expanded": isExpanded,
|
|
10185
|
+
type: "button"
|
|
10186
|
+
}, React.createElement("span", {
|
|
10187
|
+
className: "cds-custom-aichat--media-transcript__toggle-label"
|
|
10188
|
+
}, displayLabel, " ", language && React.createElement("span", {
|
|
10189
|
+
className: "cds-custom-aichat--media-transcript__language"
|
|
10190
|
+
}, "(", language, ")")), isExpanded ? React.createElement(ChevronUp, {
|
|
10191
|
+
className: "cds-custom-aichat--media-transcript__toggle-icon"
|
|
10192
|
+
}) : React.createElement(ChevronDown, {
|
|
10193
|
+
className: "cds-custom-aichat--media-transcript__toggle-icon"
|
|
10194
|
+
})), isExpanded && React.createElement("div", {
|
|
10195
|
+
className: cx("cds-custom-aichat--media-transcript__content", {
|
|
10196
|
+
"cds-custom-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:
|
|
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-custom-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
|
|
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-custom-aichat--message cds-custom-aichat--message-${index} cds-custom-aichat--message--last-message`
|
|
13198
13343
|
}, React.createElement("div", {
|
|
@@ -13205,10 +13350,15 @@ class MessagesComponent extends PureComponent {
|
|
|
13205
13350
|
className: "cds-custom-aichat--received cds-custom-aichat--received--loading cds-custom-aichat--message-vertical-padding"
|
|
13206
13351
|
}, React.createElement("div", {
|
|
13207
13352
|
className: "cds-custom-aichat--received--inner"
|
|
13353
|
+
}, React.createElement("div", {
|
|
13354
|
+
className: "cds-custom-aichat--processing"
|
|
13208
13355
|
}, React.createElement(Processing, {
|
|
13356
|
+
className: "cds-custom-aichat--processing-component",
|
|
13209
13357
|
loop: true,
|
|
13210
13358
|
carbonTheme: this.props.carbonTheme
|
|
13211
|
-
})
|
|
13359
|
+
}), " ", React.createElement("div", {
|
|
13360
|
+
className: "cds-custom-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-custom-aichat--messages__wrapper", {
|
|
13357
13507
|
"cds-custom-aichat--messages__wrapper--scroll-handle-has-focus": scrollHandleHasFocus
|
|
13358
|
-
})
|
|
13359
|
-
}, React.createElement("div", {
|
|
13360
|
-
className: "cds-custom-aichat--messages",
|
|
13508
|
+
}),
|
|
13361
13509
|
ref: this.messagesContainerWithScrollingRef,
|
|
13362
13510
|
onScroll: () => {
|
|
13363
13511
|
this.checkScrollAnchor();
|
|
13364
13512
|
this.renderScrollDownNotification();
|
|
13365
13513
|
}
|
|
13366
|
-
},
|
|
13514
|
+
}, React.createElement("div", {
|
|
13515
|
+
className: "cds-custom-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
|
|
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
|
|
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
|
|
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 =
|
|
13841
|
+
const chatHeaderConfig = derivedPublicConfig.header;
|
|
13692
13842
|
const isHidden = useContext(HideComponentContext);
|
|
13693
|
-
const
|
|
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 =
|
|
13847
|
+
const useHideCloseButton = chatHeaderConfig?.hideMinimizeButton || hideCloseButton;
|
|
13699
13848
|
let closeIcon;
|
|
13700
13849
|
let closeReverseIcon = false;
|
|
13701
13850
|
let closeIsReversible = true;
|
|
13702
|
-
const 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(
|
|
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
|
|
13880
|
-
const customMenuOptions =
|
|
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 =
|
|
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-custom-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
|
-
|
|
14052
|
-
|
|
14053
|
-
|
|
14054
|
-
|
|
14055
|
-
|
|
14056
|
-
|
|
14057
|
-
|
|
14058
|
-
|
|
14059
|
-
|
|
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, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
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
|
-
|
|
14062
|
-
if (
|
|
14063
|
-
|
|
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
|
-
|
|
14075
|
-
|
|
14247
|
+
function handleKeyDown(event) {
|
|
14248
|
+
onKeyDown?.(event);
|
|
14076
14249
|
}
|
|
14077
|
-
|
|
14078
|
-
|
|
14250
|
+
function handleFocus(event) {
|
|
14251
|
+
onFocus?.(event);
|
|
14079
14252
|
}
|
|
14080
|
-
|
|
14081
|
-
|
|
14253
|
+
function handleBlur(event) {
|
|
14254
|
+
onBlur?.(event);
|
|
14082
14255
|
}
|
|
14083
|
-
|
|
14084
|
-
|
|
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 =
|
|
14088
|
-
|
|
14089
|
-
|
|
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
|
-
|
|
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-custom-aichat--text-area", {
|
|
14301
|
+
"cds-custom-aichat--text-area--auto-size": autoSize,
|
|
14302
|
+
"cds-custom-aichat--text-area--disabled": disabled
|
|
14303
|
+
})
|
|
14304
|
+
}, React.createElement("div", {
|
|
14305
|
+
ref: editorRef,
|
|
14306
|
+
"aria-label": ariaLabel,
|
|
14307
|
+
"aria-multiline": "true",
|
|
14308
|
+
className: "cds-custom-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-custom-aichat--text-area-sizer",
|
|
14327
|
+
"aria-hidden": true,
|
|
14328
|
+
dangerouslySetInnerHTML: {
|
|
14329
|
+
__html: rawValue && rawValue.length ? displayValue || " " : escapeHTML(placeholder || " ") || " "
|
|
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
|
-
|
|
14096
|
-
|
|
14097
|
-
|
|
14098
|
-
|
|
14099
|
-
|
|
14100
|
-
|
|
14101
|
-
|
|
14102
|
-
const {isRequired: isRequired, name: name, id: id, onFocus: onFocus, onBlur: onBlur, onClick: onClick, onChange: onChange, onKeyDown: onKeyDown, rows: rows, value: value, autoSize: autoSize, maxLength: maxLength, disabled: disabled, placeholder: placeholder, ariaLabel: ariaLabel, testId: testId, onSelect: onSelect} = this.props;
|
|
14103
|
-
return React.createElement("div", {
|
|
14104
|
-
className: cx("cds-custom-aichat--text-area", {
|
|
14105
|
-
"cds-custom-aichat--text-area--auto-size": autoSize,
|
|
14106
|
-
"cds-custom-aichat--text-area--disabled": disabled
|
|
14107
|
-
})
|
|
14108
|
-
}, React.createElement("textarea", {
|
|
14109
|
-
ref: this.textAreaRef,
|
|
14110
|
-
"aria-label": ariaLabel,
|
|
14111
|
-
"aria-required": isRequired,
|
|
14112
|
-
className: "cds-custom-aichat--text-area-textarea",
|
|
14113
|
-
disabled: disabled,
|
|
14114
|
-
id: id || testId,
|
|
14115
|
-
maxLength: maxLength,
|
|
14116
|
-
name: name,
|
|
14117
|
-
onFocus: onFocus,
|
|
14118
|
-
onBlur: onBlur,
|
|
14119
|
-
onClick: onClick,
|
|
14120
|
-
onChange: onChange,
|
|
14121
|
-
onKeyDown: onKeyDown,
|
|
14122
|
-
onSelect: onSelect,
|
|
14123
|
-
placeholder: placeholder,
|
|
14124
|
-
rows: rows,
|
|
14125
|
-
value: value || "",
|
|
14126
|
-
"data-gramm": "false",
|
|
14127
|
-
"data-gramm_editor": "false",
|
|
14128
|
-
"data-enable-grammarly": "false",
|
|
14129
|
-
"data-testid": testId
|
|
14130
|
-
}), autoSize && React.createElement("div", {
|
|
14131
|
-
ref: this.sizerRef,
|
|
14132
|
-
className: "cds-custom-aichat--text-area-sizer"
|
|
14133
|
-
}, (value || placeholder || " ").split("\n").map((line, index, array) => React.createElement(React.Fragment, {
|
|
14134
|
-
key: index
|
|
14135
|
-
}, line || " ", index < array.length - 1 && React.createElement("br", null)))));
|
|
14136
|
-
}
|
|
14137
|
-
}
|
|
14138
|
-
|
|
14139
|
-
TextArea.defaultProps = {
|
|
14140
|
-
isRequired: false,
|
|
14141
|
-
maxLength: 1e4
|
|
14142
|
-
};
|
|
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
|
|
14159
|
-
const
|
|
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(
|
|
14162
|
-
const fileInputRef = useRef(
|
|
14163
|
-
|
|
14164
|
-
|
|
14165
|
-
|
|
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 ||
|
|
14407
|
+
if (disableSend || isStopStreamingButtonVisible) {
|
|
14176
14408
|
event.preventDefault();
|
|
14177
14409
|
} else {
|
|
14178
14410
|
send(event);
|
|
14179
14411
|
}
|
|
14180
14412
|
}
|
|
14181
14413
|
}
|
|
14182
|
-
function
|
|
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
|
-
|
|
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 =
|
|
14437
|
+
const text = rawInputValue.trim();
|
|
14199
14438
|
onSendInput(text);
|
|
14200
|
-
|
|
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
|
|
14449
|
+
textAreaRef.current?.doBlur();
|
|
14203
14450
|
} else {
|
|
14204
|
-
textAreaRef.current
|
|
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
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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-custom-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-custom-aichat--input-and-completions"
|
|
14282
14516
|
}, React.createElement("div", {
|
|
@@ -14305,15 +14539,16 @@ function Input(props, ref) {
|
|
|
14305
14539
|
"cds-custom-aichat--input-container__upload-button--disabled": showUploadButtonDisabled
|
|
14306
14540
|
}),
|
|
14307
14541
|
htmlFor: uploadButtonID
|
|
14308
|
-
}, React.createElement(Attachment, null))), React.createElement(
|
|
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:
|
|
14547
|
+
onChange: onEditorChange,
|
|
14314
14548
|
onKeyDown: onKeyDown,
|
|
14315
14549
|
placeholder: usePlaceHolder,
|
|
14316
|
-
|
|
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-custom-aichat--input-container__send-button-container"
|
|
14333
|
-
}, isStopStreamingButtonVisible
|
|
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
|
-
})
|
|
14581
|
+
}) : React.createElement(Button, {
|
|
14346
14582
|
className: "cds-custom-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-custom-aichat--widget--content");
|
|
14716
|
+
if (container) {
|
|
14717
|
+
container.style.setProperty("--cds-custom-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-custom-aichat"
|
|
14813
|
+
}, React.createElement("div", {
|
|
14814
|
+
ref: this.headerRef,
|
|
14815
|
+
className: shouldHideChatContentForPanel ? "cds-custom-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-custom-aichat--non-header-container"
|
|
14823
|
+
})), React.createElement("div", {
|
|
14824
|
+
className: "cds-custom-aichat--non-header-container",
|
|
14825
|
+
...shouldHideChatContentForPanel ? {
|
|
14826
|
+
inert: true
|
|
14827
|
+
} : {}
|
|
14565
14828
|
}, React.createElement("div", {
|
|
14566
14829
|
className: "cds-custom-aichat--panel-content cds-custom-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-custom-aichat--overlay-panel--closing--${animationOnClose}`]: isClosing,
|
|
14850
15113
|
"cds-custom-aichat--overlay-panel--closed": !isClosing && !shouldOpen,
|
|
14851
15114
|
[`cds-custom-aichat--overlay-panel--opening--${animationOnOpen}`]: isOpening,
|
|
14852
|
-
"cds-custom-aichat--overlay-panel--open": !isOpening && shouldOpen
|
|
15115
|
+
"cds-custom-aichat--overlay-panel--open": !isOpening && shouldOpen,
|
|
15116
|
+
"cds-custom-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-custom-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-custom-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-custom-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-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up{\n 0%{\n opacity:0;\n transform:translateY(32px);\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-bounce{\n 0%{\n transform:translateY(0);\n }\n 30%{\n transform:translateY(-10px);\n }\n 50%{\n transform:translateY(0);\n }\n 70%{\n transform:translateY(-10px);\n }\n 100%{\n transform:translateY(0);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-text{\n 0%{\n opacity:0;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-close-button{\n 0%{\n opacity:0;\n }\n 80%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-avatar-resize{\n 0%{\n block-size:32px;\n inline-size:32px;\n }\n 100%{\n block-size:48px;\n inline-size:48px;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up-small-expanded{\n 0%{\n inset-block-end:-160px;\n opacity:0;\n }\n 30%{\n opacity:0;\n }\n 100%{\n inset-block-end:calc(-1 * 5rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n 40%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out{\n 0%{\n opacity:1;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position{\n 0%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position-rtl{\n 0%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-custom-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-custom-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-custom-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-in{\n 0%{\n inset-block-end:-16px;\n opacity:0;\n }\n 50%, 100%{\n inset-block-end:0;\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-out{\n 0%{\n inset-block-start:0;\n opacity:1;\n }\n 50%, 100%{\n inset-block-start:-16px;\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--container--render{\n --cds-custom-aichat-max-height:640px;\n --cds-custom-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-custom-aichat-bottom-position))\n );\n --cds-custom-aichat-max-width:672px;\n --cds-custom-aichat-bottom-position:3rem;\n --cds-custom-aichat-right-position:2rem;\n --cds-custom-aichat-top-position:auto;\n --cds-custom-aichat-left-position:auto;\n --cds-custom-aichat-z-index:99999;\n --cds-custom-aichat-border-radius:0;\n --cds-custom-aichat-ai-background-image:linear-gradient(\n to bottom,\n var(--cds-chat-shell-background, #ffffff) 0,\n var(--cds-chat-shell-background, #ffffff) 50%,\n var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%,\n var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%\n );\n --cds-custom-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-custom-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-custom-aichat-card-border-radius:0.5rem;\n --cds-custom-aichat-card-max-width:424px;\n --cds-custom-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-custom-aichat-width:min(380px, var(--cds-custom-aichat-max-width));\n --cds-custom-aichat-height:calc(100vh - (2 * 2rem));\n --cds-custom-aichat-launcher-default-size:56px;\n --cds-custom-aichat-launcher-position-bottom:3rem;\n --cds-custom-aichat-launcher-position-right:2rem;\n --cds-custom-aichat-launcher-extended-width:280px;\n --cds-custom-aichat-launcher-desktop-expanded-height:320px;\n --cds-custom-aichat-launcher-position-bottom-mobile:1rem;\n --cds-custom-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-custom-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-custom-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100vw - 4px);\n --cds-custom-aichat-height:calc(100vh - 4px);\n --cds-custom-aichat-left-position:2;\n --cds-custom-aichat-top-position:2;\n --cds-custom-aichat-max-height:auto;\n --cds-custom-aichat-min-height:auto;\n --cds-custom-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100dvw - 4px);\n --cds-custom-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-one{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-two{\n --cds-layer:var(--cds-layer-02, #ffffff);\n --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field:var(--cds-field-02, #ffffff);\n --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds-custom--layer-three{\n --cds-layer:var(--cds-layer-03, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field:var(--cds-field-03, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds-custom--layer-one.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-two.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-three.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds-custom--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds-custom--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds-custom--skeleton{\n 0%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n 20%{\n opacity:1;\n transform:scaleX(1);\n transform-origin:left;\n }\n 28%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 51%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 58%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 82%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 83%{\n transform:scaleX(1);\n transform-origin:left;\n }\n 96%{\n transform:scaleX(0);\n transform-origin:left;\n }\n 100%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n}\n:host{\n}\n:host .cds-custom--assistive-text,\n:host .cds-custom--visually-hidden{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0, 0, 0, 0);\n inline-size:1px;\n visibility:inherit;\n white-space:nowrap;\n}\n:host .cds-custom--popover-container{\n display:inline-block;\n}\n:host .cds-custom--popover-container:not(.cds-custom--popover--auto-align){\n position:relative;\n}\n:host .cds-custom--popover--high-contrast .cds-custom--popover{\n --cds-popover-background-color:var(--cds-background-inverse, #393939);\n --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--popover--drop-shadow .cds-custom--popover{\n filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds-custom--popover--border .cds-custom--popover > .cds-custom--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds-custom--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds-custom--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-sm, :host .cds-custom--layout--size-sm :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-md, :host .cds-custom--layout--size-md :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-lg, :host .cds-custom--layout--size-lg :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds-custom--popover-content{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover-content *,\n:host .cds-custom--popover-content *::before,\n:host .cds-custom--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover-content{\n position:absolute;\n z-index:6000;\n display:none;\n border-radius:var(--cds-popover-border-radius, 2px);\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:23rem;\n pointer-events:auto;\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content{\n display:block;\n}\n:host .cds-custom--popover--background-token__background .cds-custom--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content::before{\n display:block;\n}\n:host .cds-custom--popover-caret,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds-custom--popover-caret::after,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::after{\n position:absolute;\n display:block;\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n content:\"\";\n}\n:host .cds-custom--popover-caret::before,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n position:absolute;\n display:none;\n background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n content:\"\";\n}\n:host .cds-custom--popover--background-token__background .cds-custom--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover--border .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n display:block;\n}\n:host .cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-caret{\n display:none;\n}\n:host .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-start:0;\n inset-inline:0;\n transform:translateY(-100%);\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-end:0;\n inset-inline:0;\n transform:translateY(100%);\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-start:0;\n transform:translateX(-100%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-end:0;\n transform:translateX(100%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-content{\n border-radius:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--tab-tip .cds-custom--popover{\n will-change:filter;\n}\n:host .cds-custom--popover--tab-tip__button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover--tab-tip__button *,\n:host .cds-custom--popover--tab-tip__button *::before,\n:host .cds-custom--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover--tab-tip__button{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--popover--tab-tip__button{\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom--popover--tab-tip__button:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button{\n background:var(--cds-layer);\n box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button:not(:focus)::after{\n position:absolute;\n z-index:6001;\n background:var(--cds-layer);\n block-size:2px;\n content:\"\";\n inline-size:100%;\n inset-block-end:0;\n}\n:host .cds-custom--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds-custom--tooltip-content{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n max-inline-size:18rem;\n overflow-wrap:break-word;\n}\n:host .cds-custom--icon-tooltip{\n --cds-tooltip-padding-block:0.125rem;\n --cds-popover-caret-width:0.5rem;\n --cds-popover-caret-height:0.25rem;\n --cds-popover-offset:0.5rem;\n}\n:host .cds-custom--icon-tooltip .cds-custom--tooltip-content{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom--definition-term{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--definition-term *,\n:host .cds-custom--definition-term *::before,\n:host .cds-custom--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--definition-term{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--definition-term{\n border-radius:0;\n border-block-end:1px dotted var(--cds-border-strong);\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-tooltip{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:0.5rem 1rem;\n max-inline-size:11rem;\n text-wrap:auto;\n word-break:break-word;\n}\n:host{\n}\n:host .cds-custom--btn{\n --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n --temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );\n --temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );\n --temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--btn *,\n:host .cds-custom--btn *::before,\n:host .cds-custom--btn *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--btn{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n position:relative;\n display:inline-flex;\n flex-shrink:0;\n justify-content:space-between;\n border-radius:0;\n margin:0;\n cursor:pointer;\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:20rem;\n min-block-size:var(--cds-layout-size-height-local);\n outline:none;\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n text-align:start;\n text-decoration:none;\n transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align:top;\n}\n:host .cds-custom--btn:disabled, :host .cds-custom--btn:hover:disabled, :host .cds-custom--btn:focus:disabled, :host .cds-custom--btn.cds-custom--btn--disabled, :host .cds-custom--btn.cds-custom--btn--disabled:hover, :host .cds-custom--btn.cds-custom--btn--disabled:focus{\n border-color:var(--cds-button-disabled, #c6c6c6);\n background:var(--cds-button-disabled, #c6c6c6);\n box-shadow:none;\n color:var(--cds-text-on-color-disabled, #8d8d8d);\n cursor:not-allowed;\n}\n:host .cds-custom--btn .cds-custom--btn__icon{\n position:absolute;\n flex-shrink:0;\n block-size:1rem;\n inline-size:1rem;\n inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n inset-inline-end:var(--cds-layout-density-padding-inline-local);\n margin-block-start:0.0625rem;\n}\n:host .cds-custom--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds-custom--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds-custom--btn--primary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds-custom--btn--primary .cds-custom--btn__icon,\n:host .cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom--btn--secondary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom--btn--secondary .cds-custom--btn__icon,\n:host .cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--secondary:hover, :host .cds-custom--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds-custom--btn--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n border-color:transparent;\n background-color:var(--cds-button-tertiary-active, #002d9c);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:disabled, :host .cds-custom--btn--tertiary:hover:disabled, :host .cds-custom--btn--tertiary:focus:disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom--btn--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--ghost:hover, :host .cds-custom--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost:disabled, :host .cds-custom--btn--ghost:hover:disabled, :host .cds-custom--btn--ghost:focus:disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--icon-only{\n align-items:center;\n justify-content:center;\n padding:0;\n block-size:var(--cds-layout-size-height-local);\n inline-size:var(--cds-layout-size-height-local);\n padding-block-start:0;\n}\n:host .cds-custom--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds-custom--btn--icon-only .cds-custom--btn__icon{\n position:static;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon, :host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n margin:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon{\n margin-block-start:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds-custom--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,\n:host .cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds-custom--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger .cds-custom--btn__icon,\n:host .cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n border-color:var(--cds-button-danger-active, #750e13);\n background-color:var(--cds-button-danger-active, #750e13);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:disabled, :host .cds-custom--btn--danger--tertiary:hover:disabled, :host .cds-custom--btn--danger--tertiary:focus:disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--danger--ghost:hover, :host .cds-custom--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:disabled, :host .cds-custom--btn--danger--ghost:hover:disabled, :host .cds-custom--btn--danger--ghost:focus:disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--expressive{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--expressive{\n padding:12px 13px;\n}\n:host .cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n position:relative;\n padding:0;\n border:none;\n background:var(--cds-skeleton-background, #e8e8e8);\n box-shadow:none;\n pointer-events:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton:hover, :host .cds-custom--btn.cds-custom--skeleton:focus, :host .cds-custom--btn.cds-custom--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds-custom--skeleton infinite;\n background:var(--cds-skeleton-element, #c6c6c6);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-inline-start:0;\n will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n :host .cds-custom--btn.cds-custom--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn.cds-custom--skeleton{\n background:CanvasText;\n }\n :host .cds-custom--btn.cds-custom--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n inline-size:9.375rem;\n}\n:host .cds-custom--btn-set{\n display:flex;\n}\n:host .cds-custom--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds-custom--btn-set .cds-custom--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn:focus + .cds-custom--btn{\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds-custom--btn--sm .cds-custom--badge-indicator{\n margin-block-start:0.25rem;\n margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle .cds-custom-aichat--response-user-avatar__letter{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n text-align:center;\n}\n:host{\n}\n:host .cds-custom-aichat--human-agent-banner__body{\n display:flex;\n align-items:center;\n padding:1rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-info{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 0 0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-custom-aichat--human-agent-banner--connected .cds-custom-aichat--agent-banner__agent-line1{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2,\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2 p{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--custom-panel__content-container{\n overflow:auto;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--custom-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__slug-description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-custom-aichat--header{\n position:relative;\n display:flex;\n box-sizing:unset;\n justify-content:center;\n block-size:40px;\n border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header--content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--header__buttons .cds-custom-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header--content{\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-custom-aichat--header__slug-label{\n color:var(--cds-text-secondary, #525252);\n padding-block-end:0.75rem;\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-custom-aichat--header__overflow-menu svg,\n:host .cds-custom-aichat--header__back-button svg,\n:host .cds-custom-aichat--header__restart-button svg,\n:host .cds-custom-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen-header button.cds-custom-aichat--header__back-button{\n transform:none;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-custom-aichat--header__left-items,\n:host .cds-custom-aichat--chat-header-overflow-menu__host-element,\n:host .cds-custom-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host cds-custom-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-custom-aichat-chat-header-avatar + .cds-custom-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container:first-child > cds-custom-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__body-wrapper{\n position:relative;\n display:flex;\n overflow:auto;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--home-screen__body{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-custom-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-custom-aichat--home-screen__greeting{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content .cds-custom-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content-only{\n flex-grow:unset;\n flex-shrink:unset;\n padding:0;\n margin:0;\n min-block-size:unset;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:none;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(1){\n --cds-custom-aichat-homescreen-starter-index:1;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(2){\n --cds-custom-aichat-homescreen-starter-index:2;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(3){\n --cds-custom-aichat-homescreen-starter-index:3;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(4){\n --cds-custom-aichat-homescreen-starter-index:4;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(5){\n --cds-custom-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-custom-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper,\n:host .cds-custom-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper{\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n min-block-size:0;\n outline:2px solid transparent;\n outline-offset:-2px;\n padding-block:0.75rem;\n padding-inline:1rem 0.5rem;\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\n margin-block-end:32px;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--input-container{\n border:1px solid transparent;\n background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-custom-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-custom-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:32px;\n color:var(--cds-text-primary, #161616);\n cursor:pointer;\n inline-size:32px;\n}\n:host .cds-custom-aichat--input-container__upload-input:focus + .cds-custom-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-custom-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-custom-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area{\n display:inline-block;\n overflow:hidden;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n min-block-size:0;\n}\n:host .cds-custom-aichat--input-container--show-upload-button .cds-custom-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area textarea.cds-custom-aichat--text-area-textarea{\n display:block;\n margin:0;\n background:transparent;\n color:var(--cds-text-primary, #161616);\n resize:none;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-placeholder{\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-family:inherit;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::placeholder{\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-family:inherit;\n}\n:host .cds-custom-aichat--input-container__send-button-container,\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button svg{\n block-size:1rem;\n cursor:inherit;\n fill:var(--cds-interactive, #0f62fe);\n inline-size:1rem;\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:focus svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-custom-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n}\n:host .cds-custom-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-custom-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:hover{\n border-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--count-indicator{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0 4px;\n border-radius:10px;\n background-color:var(--cds-custom-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-custom-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc(-1 * 0.125rem);\n inset-inline-end:calc(-1 * 0.125rem);\n min-block-size:20px;\n min-inline-size:20px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-custom-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--launcher__button-container--bounce-animation{\n animation:cds-custom-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-custom-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n display:flex;\n align-items:center;\n justify-content:center;\n padding:inherit;\n border-radius:inherit;\n block-size:inherit;\n inline-size:inherit;\n max-inline-size:inherit;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-custom-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--launcher__avatar{\n border-radius:50%;\n block-size:32px;\n inline-size:32px;\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--launcher__button .cds-custom-aichat__count-indicator{\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n inset-inline-end:4rem;\n max-inline-size:270px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-custom-aichat-launcher-expanded-message-color-text, var(--cds-text-on-color, #ffffff));\n font-size:20px;\n letter-spacing:0;\n -webkit-line-clamp:3;\n line-clamp:3;\n line-height:1.4;\n opacity:0;\n overflow-wrap:break-word;\n text-align:start;\n visibility:visible;\n white-space:normal;\n word-break:break-word;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n position:absolute;\n padding:3px 7px 3px 3px;\n border:1px solid transparent;\n margin:0;\n box-shadow:1px 0 2px rgba(23, 23, 23, 0.3);\n cursor:pointer;\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc((1.5rem + 0.5rem) * -1);\n inset-inline-end:0;\n opacity:0;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__avatar{\n animation:700ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__text{\n animation:700ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__close-button{\n animation:700ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__avatar{\n animation:150ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__text{\n animation:150ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up-small-expanded forwards;\n block-size:10rem;\n inline-size:10rem;\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__close-button{\n animation:150ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:unset;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-custom-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__avatar{\n animation:400ms cds-custom-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__text,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__close-button{\n animation:400ms cds-custom-aichat-launcher-fade-out forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:400ms cds-custom-aichat-launcher-default-size-position forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-extended__container{\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n padding:0;\n border-width:2px;\n block-size:100%;\n cursor:pointer;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-custom-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n position:relative;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-custom-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:calc(100% - 12px);\n inset-block-end:0;\n word-break:break-word;\n}\n:host .cds-custom-aichat-is-phone .cds-custom-aichat--launcher-extended__greeting{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--launcher-extended__greeting-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n line-clamp:2;\n text-overflow:ellipsis;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-out{\n animation:cds-custom-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-in{\n animation:cds-custom-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button.cds-custom-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended .cds-custom-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation{\n animation:cds-custom-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation{\n animation:cds-custom-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--confirm-modal{\n position:absolute;\n z-index:100;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-custom-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__title{\n padding:1rem;\n font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-compact-01-font-weight, 600);\n line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-custom-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-custom-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-custom-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-custom-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--connect-to-human-agent__title{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n padding-block-end:0.25rem;\n}\n:host .cds-custom-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--connect-to-agent__text p,\n:host .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a,\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-custom-aichat--connect-to-human-agent__suspended-warning{\n color:var(--cds-support-error, #da1e28);\n padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@font-face{\n font-family:\"swiper-icons\";\n src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight:400;\n font-style:normal;\n}\n:host :root{\n --swiper-theme-color:#007aff;\n}\n:host :host{\n position:relative;\n display:block;\n margin-left:auto;\n margin-right:auto;\n z-index:1;\n}\n:host .swiper{\n margin-left:auto;\n margin-right:auto;\n position:relative;\n overflow:hidden;\n list-style:none;\n padding:0;\n z-index:1;\n display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n flex-direction:column;\n}\n:host .swiper-wrapper{\n position:relative;\n width:100%;\n height:100%;\n z-index:1;\n display:flex;\n transition-property:transform;\n transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n touch-action:pan-y;\n}\n:host .swiper-vertical{\n touch-action:pan-x;\n}\n:host .swiper-slide{\n flex-shrink:0;\n width:100%;\n height:100%;\n position:relative;\n transition-property:transform;\n display:block;\n}\n:host .swiper-slide-invisible-blank{\n visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n align-items:flex-start;\n transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n transform:translateZ(0);\n backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n transform-style:preserve-3d;\n}\n:host .swiper-3d{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n overflow:auto;\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n content:\"\";\n flex-shrink:0;\n order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:center center;\n scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n height:100%;\n min-height:1px;\n width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n width:100%;\n min-width:1px;\n height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:100%;\n pointer-events:none;\n z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n width:42px;\n height:42px;\n position:absolute;\n left:50%;\n top:50%;\n margin-left:-21px;\n margin-top:-21px;\n z-index:10;\n transform-origin:50%;\n box-sizing:border-box;\n border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius:50%;\n border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n 0%{\n transform:rotate(0deg);\n }\n 100%{\n transform:rotate(360deg);\n }\n}\n:host{\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button,\n:host .cds-custom-aichat--carousel-container__controls{\n display:flex;\n align-items:center;\n color:var(--cds-text-secondary, #525252);\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--carousel-container__navigation cds-custom-button::part(button){\n color:currentcolor;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-custom-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-custom-aichat--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-custom-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-custom-aichat--carousel-container__controls--standard,\n:host .cds-custom-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .swiper{\n inline-size:100%;\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-disclaimer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-text,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-custom-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-custom-aichat--date-picker__confirm-button::part(button){\n display:block;\n margin-block-start:0.75rem;\n margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-custom-aichat--inline-error--icon-holder{\n display:flex;\n flex:0 0 1rem;\n align-items:flex-start;\n margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-custom-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-custom-aichat--inline-error--text{\n flex:1;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1px;\n}\n:host .cds-custom-aichat--inline-error .cds-custom-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-custom-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__row{\n display:flex;\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__cell .cds-custom-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image{\n border:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--i-frame-preview-card:focus .cds-custom-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--i-frame-preview-card:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-i-frame{\n position:relative;\n overflow:hidden;\n background:transparent;\n inline-size:100%;\n padding-block-start:var(--padding-top, 0);\n}\n:host .cds-custom-aichat--inline-i-frame .cds-custom-aichat--i-frame-component__wrapper{\n position:absolute;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-custom-aichat--i-frame-component__wrapper,\n:host .cds-custom-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--i-frame-component__status-container{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host .cds-custom-aichat--i-frame-component__status-container .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-custom-aichat--i-frame-panel .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-custom-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-custom-aichat--image__image{\n display:none;\n block-size:0;\n max-inline-size:100%;\n opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--image .cds-custom-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-custom-aichat--image__text-and-icon .cds-custom-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-custom-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon,\n:host svg.cds-custom-aichat--image__icon--link{\n position:absolute;\n margin:0;\n inset-block-end:1rem;\n inset-inline-end:1rem;\n}\n:host svg.cds-custom-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] svg.cds-custom-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-custom-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-custom-aichat--button-holder ul li{\n display:inline-block;\n padding:0 0.5rem 0.5rem 0;\n margin:0;\n}\n:host{\n}\n:host .cds-custom-aichat--select-holder{\n padding:0 1px;\n inline-size:100%;\n margin-block-start:1rem;\n max-inline-size:380px;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-custom-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-custom-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding:0;\n border:2px solid transparent;\n margin:0;\n block-size:100%;\n inline-size:100%;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-focus-inner{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area.cds-custom-aichat--text-area--auto-size .cds-custom-aichat--text-area-textarea{\n position:absolute;\n overflow:hidden;\n inset-block-start:0;\n resize:none;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n padding-block-end:1px;\n visibility:hidden;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-custom-aichat--body-message-components__message-wrapper:not(.cds-custom-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-custom-aichat--clickable-image .cds-custom-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-custom-aichat--clickable-image:disabled .cds-custom-aichat--image{\n opacity:0.5;\n}\n:host .cds-custom-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-custom-aichat--description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__title,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-custom-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button.cds-custom-aichat--button-item{\n flex:auto;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:not(:last-child::part(button)){\n border-end-end-radius:0;\n border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-custom-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-custom-aichat--media-player__skeleton-container,\n:host .cds-custom-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-custom-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-custom-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-custom-aichat--media-player__player iframe{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background,\n:host .cds-custom-aichat--media-player__player{\n position:absolute;\n border-radius:0;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--received--metablock{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-custom-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-custom-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-custom-aichat--text-holder-tile__title{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-weight:400;\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-custom-aichat--text-holder-tile__description,\n:host .cds-custom-aichat--text-holder-tile__url{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-custom-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-custom-aichat--text-holder-tile__description{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:3;\n white-space:normal;\n }\n}\n@supports (-webkit-line-clamp: 2){\n :host .cds-custom-aichat--text-holder-tile__title{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n white-space:normal;\n }\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-custom-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable{\n padding:0;\n border:none;\n border-radius:0.5rem;\n cursor:pointer;\n inline-size:100%;\n padding-inline-end:0;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:none;\n }\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-custom-aichat--citation-card-title{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding-block-end:0.5rem;\n}\n:host .cds-custom-aichat--citation-card-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n -webkit-line-clamp:5;\n line-clamp:5;\n text-align:start;\n white-space:normal;\n}\n:host .cds-custom-aichat--citation-card-footer{\n display:flex;\n justify-content:space-between;\n color:var(--cds-link-primary, #0f62fe);\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--citation-card-label,\n:host .cds-custom-aichat--citation-card-icon{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message a:hover.cds-custom-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-custom-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--view-source-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host .cds-custom-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--visually-hidden{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n inset-block-start:0;\n white-space:nowrap;\n}\n:host{\n}\n:host .cds-custom-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-custom-aichat--messages-and-input-container{\n position:relative;\n display:flex;\n flex:1;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages-container__non-input-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-custom-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel .cds-custom-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-custom-aichat--catastrophic-error{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-custom-aichat--catastrophic-error .cds-custom-aichat--catastrophic-error__error-text-container > svg{\n margin-inline-start:calc(2rem * -1);\n max-block-size:128px;\n max-inline-size:128px;\n padding-inline-start:0.25rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-heading{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-custom-aichat--catastrophic-error__error-body{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--disclaimer-container{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n}\n:host .cds-custom-aichat--disclaimer{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--disclaimer .cds-custom-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-custom-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-custom-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-custom-aichat--disclaimer__title{\n display:block;\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n inline-size:100%;\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-custom-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-custom-aichat--error-icon path[data-icon-path=inner-path]{\n fill:var(--cds-icon-on-color, #ffffff);\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating.cds-custom-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--hydrating.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-custom-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-custom-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-custom-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-custom-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-custom-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-custom-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-custom-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-custom-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay--covering.cds-custom-aichat--overlay-panel-container .cds-custom-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-custom-aichat--overlay-panel{\n position:absolute;\n display:block;\n box-sizing:border-box;\n border-radius:0;\n margin:0;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n min-block-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-custom-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-bottom both;\n}\n:host{\n}\n:host .cds-custom-aichat--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--widget__text-ellipsis{\n overflow:hidden;\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n font-family:\"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n inline-size:100%;\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-custom-aichat--container--render > div > div[role=log]{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n inline-size:1px;\n inset-inline-start:-10000px;\n}\n:host .cds-custom-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-custom-aichat-z-index, 99999) + 1);\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n inline-size:100%;\n -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n text-rendering:optimizelegibility;\n visibility:visible;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget{\n border:solid 1px transparent;\n background:linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box;\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless .cds-custom-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget .cds-custom-aichat--widget__animation-container{\n position:relative;\n z-index:1;\n flex:1;\n background:var(--cds-chat-shell-background, #ffffff);\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--assistant-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n border-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--home-screen,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--confirm-modal,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--widget__animation-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--assistant-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--hydrating-container{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header{\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--input-container{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--image,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed .cds-custom-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element:not(.cds-custom-aichat---is-phone){\n animation:cds-custom-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed,\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-custom-aichat---is-phone[dir=rtl]:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat{\n display:flex;\n box-sizing:border-box;\n flex:1;\n flex-direction:column;\n align-content:stretch;\n align-items:stretch;\n border-radius:0;\n margin:0;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat{\n border-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat{\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless.cds-custom-aichat--ai-theme .cds-custom-aichat{\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)));\n}\n:host .cds-custom-aichat.cds-custom-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-custom-aichat--main-window,\n:host .cds-custom-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n overflow:hidden;\n background:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n opacity:0.5;\n}\n:host svg.cds-custom-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-custom-aichat--scroll-focus:focus-visible::before{\n position:sticky;\n z-index:1;\n display:block;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n float:inline-start;\n inline-size:100%;\n inset-block-start:0;\n margin-block-start:-100%;\n pointer-events:none;\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--reverse-icon svg,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg.cds-custom-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-custom-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-custom-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--body-and-footer-component{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--panel-content{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-custom-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--first-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line.cds-custom-aichat--message--response.cds-custom-aichat--message--last-message:not(.cds-custom-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 2rem + 0.5rem);\n inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--ui-customization-element--response,\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single):first-child,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message .cds-custom-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-custom-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-custom-aichat--messages--welcome.cds-custom-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-custom-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--inline-error,\n:host .cds-custom-aichat--received--text,\n:host .cds-custom-aichat--message-user-defined-response{\n position:relative;\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--image{\n position:relative;\n inline-size:90%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--video,\n:host .cds-custom-aichat--received--audio{\n inline-size:100%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state-container{\n display:flex;\n flex-direction:row;\n justify-content:flex-end;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message .cds-custom-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status .cds-custom-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-custom-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--received--loading,\n:host .cds-custom-aichat--search-result,\n:host .cds-custom-aichat--sent--bubble{\n position:relative;\n opacity:1;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--loading .cds-custom-aichat--received--inner{\n position:relative;\n}\n:host .cds-custom-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-custom-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-custom-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-custom-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--sent--bubble{\n align-self:end;\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n border-radius:0.5rem 0 0.5rem 0.5rem;\n background:var(--cds-chat-bubble-user, #e0e0e0);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--received--options,\n:host .cds-custom-aichat--received--suggestion{\n position:relative;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--agent-status-message{\n color:var(--cds-text-helper, #6f6f6f);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n padding-inline:1rem;\n text-align:center;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--chat-status-message{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img svg,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--message__avatar-line,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--sent--bubble,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--agent-message) .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--message__avatar--agent .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-custom-aichat--received--from-human.cds-custom-aichat--received--text{\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0 0.5rem 0.5rem 0.5rem;\n background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--received--from-agent.cds-custom-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--message__avatar--assistant .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n margin-block-start:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--messages__wrapper{\n position:relative;\n overflow:hidden;\n flex:1;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-custom-aichat--message--focus-handle,\n:host .cds-custom-aichat--messages--scroll-handle{\n position:relative;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:0;\n inline-size:0;\n outline:none;\n}\n:host .cds-custom-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages{\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon{\n position:absolute;\n z-index:1;\n display:grid;\n border-radius:50%;\n margin:0 auto;\n background-color:var(--cds-button-secondary, #393939);\n block-size:2rem;\n color:var(--cds-text-on-color, #ffffff);\n cursor:pointer;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:calc(50% - 1rem);\n place-items:center;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:focus{\n border-color:var(--cds-focus, #0f62fe);\n box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g10{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#f4f4f4;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#c6c6c6;\n --cds-border-subtle-01:#e0e0e0;\n --cds-border-subtle-02:#c6c6c6;\n --cds-border-subtle-03:#e0e0e0;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#a8a8a8;\n --cds-border-tile-02:#c6c6c6;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g10{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g10{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g100{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#333333;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#161616;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#6f6f6f;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#a8a8a8;\n --cds-border-subtle-00:#393939;\n --cds-border-subtle-01:#525252;\n --cds-border-subtle-02:#6f6f6f;\n --cds-border-subtle-03:#6f6f6f;\n --cds-border-subtle-selected-01:#6f6f6f;\n --cds-border-subtle-selected-02:#8d8d8d;\n --cds-border-subtle-selected-03:#8d8d8d;\n --cds-border-tile-01:#525252;\n --cds-border-tile-02:#6f6f6f;\n --cds-border-tile-03:#8d8d8d;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#292929;\n --cds-skeleton-element:#393939;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#fa4d56;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g100{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g100{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host cds-custom-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--light cds-custom-tile,\n:host .cds-custom--white cds-custom-tile,\n:host .cds-custom--g10 cds-custom-tile{\n background-color:#ffffff;\n}\n:host .cds-custom-aichat--dark,\n:host .cds-custom--g90,\n:host .cds-custom--g100{\n scrollbar-color:var(--cds-layer-03) var(--cds-layer-01);\n}\n:host .cds-custom-aichat--dark cds-custom-tile,\n:host .cds-custom--g90 cds-custom-tile,\n:host .cds-custom--g100 cds-custom-tile{\n background-color:#262626;\n}";
|
|
17365
|
+
var css_248z = ".cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up{\n 0%{\n opacity:0;\n transform:translateY(32px);\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-bounce{\n 0%{\n transform:translateY(0);\n }\n 30%{\n transform:translateY(-10px);\n }\n 50%{\n transform:translateY(0);\n }\n 70%{\n transform:translateY(-10px);\n }\n 100%{\n transform:translateY(0);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-text{\n 0%{\n opacity:0;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-close-button{\n 0%{\n opacity:0;\n }\n 80%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-avatar-resize{\n 0%{\n block-size:32px;\n inline-size:32px;\n }\n 100%{\n block-size:48px;\n inline-size:48px;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up-small-expanded{\n 0%{\n inset-block-end:-160px;\n opacity:0;\n }\n 30%{\n opacity:0;\n }\n 100%{\n inset-block-end:calc(-1 * 5rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n 40%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out{\n 0%{\n opacity:1;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position{\n 0%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position-rtl{\n 0%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-custom-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-custom-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-custom-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-in{\n 0%{\n inset-block-end:-16px;\n opacity:0;\n }\n 50%, 100%{\n inset-block-end:0;\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-out{\n 0%{\n inset-block-start:0;\n opacity:1;\n }\n 50%, 100%{\n inset-block-start:-16px;\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--container--render{\n --cds-custom-aichat-max-height:640px;\n --cds-custom-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-custom-aichat-bottom-position))\n );\n --cds-custom-aichat-max-width:672px;\n --cds-custom-aichat-bottom-position:3rem;\n --cds-custom-aichat-right-position:2rem;\n --cds-custom-aichat-top-position:auto;\n --cds-custom-aichat-left-position:auto;\n --cds-custom-aichat-z-index:99999;\n --cds-custom-aichat-border-radius:0;\n --cds-custom-aichat-ai-background-image:linear-gradient(\n to bottom,\n var(--cds-chat-shell-background, #ffffff) 0,\n var(--cds-chat-shell-background, #ffffff) 50%,\n var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%,\n var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%\n );\n --cds-custom-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-custom-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-custom-aichat-card-border-radius:0.5rem;\n --cds-custom-aichat-card-max-width:424px;\n --cds-custom-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-custom-aichat-width:min(380px, var(--cds-custom-aichat-max-width));\n --cds-custom-aichat-height:calc(100vh - (2 * 2rem));\n --cds-custom-aichat-launcher-default-size:56px;\n --cds-custom-aichat-launcher-position-bottom:3rem;\n --cds-custom-aichat-launcher-position-right:2rem;\n --cds-custom-aichat-launcher-extended-width:280px;\n --cds-custom-aichat-launcher-desktop-expanded-height:320px;\n --cds-custom-aichat-launcher-position-bottom-mobile:1rem;\n --cds-custom-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-custom-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-custom-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100vw - 4px);\n --cds-custom-aichat-height:calc(100vh - 4px);\n --cds-custom-aichat-left-position:2;\n --cds-custom-aichat-top-position:2;\n --cds-custom-aichat-max-height:auto;\n --cds-custom-aichat-min-height:auto;\n --cds-custom-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100dvw - 4px);\n --cds-custom-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-one{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-two{\n --cds-layer:var(--cds-layer-02, #ffffff);\n --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field:var(--cds-field-02, #ffffff);\n --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds-custom--layer-three{\n --cds-layer:var(--cds-layer-03, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field:var(--cds-field-03, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds-custom--layer-one.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-two.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-three.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds-custom--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds-custom--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds-custom--skeleton{\n 0%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n 20%{\n opacity:1;\n transform:scaleX(1);\n transform-origin:left;\n }\n 28%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 51%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 58%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 82%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 83%{\n transform:scaleX(1);\n transform-origin:left;\n }\n 96%{\n transform:scaleX(0);\n transform-origin:left;\n }\n 100%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n}\n:host{\n}\n:host .cds-custom--assistive-text,\n:host .cds-custom--visually-hidden{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0, 0, 0, 0);\n inline-size:1px;\n visibility:inherit;\n white-space:nowrap;\n}\n:host .cds-custom--popover-container{\n display:inline-block;\n}\n:host .cds-custom--popover-container:not(.cds-custom--popover--auto-align){\n position:relative;\n}\n:host .cds-custom--popover--high-contrast .cds-custom--popover{\n --cds-popover-background-color:var(--cds-background-inverse, #393939);\n --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--popover--drop-shadow .cds-custom--popover{\n filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds-custom--popover--border > .cds-custom--popover > .cds-custom--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds-custom--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds-custom--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-sm, :host .cds-custom--layout--size-sm :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-md, :host .cds-custom--layout--size-md :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-lg, :host .cds-custom--layout--size-lg :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds-custom--popover-content{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover-content *,\n:host .cds-custom--popover-content *::before,\n:host .cds-custom--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover-content{\n position:absolute;\n z-index:6000;\n display:none;\n border-radius:var(--cds-popover-border-radius, 2px);\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:23rem;\n pointer-events:auto;\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content{\n display:block;\n}\n:host .cds-custom--popover--background-token__background > .cds-custom--popover > .cds-custom--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content::before{\n display:block;\n}\n:host .cds-custom--popover-caret,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds-custom--popover-caret::after,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::after{\n position:absolute;\n display:block;\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n content:\"\";\n}\n:host .cds-custom--popover-caret::before,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n position:absolute;\n display:none;\n background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n content:\"\";\n}\n:host .cds-custom--popover--background-token__background > .cds-custom--popover > .cds-custom--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover--border .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n display:block;\n}\n:host .cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-caret{\n display:none;\n}\n:host .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-start:0;\n inset-inline:0;\n transform:translateY(-100%);\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-end:0;\n inset-inline:0;\n transform:translateY(100%);\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-start:0;\n transform:translateX(-100%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-end:0;\n transform:translateX(100%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-content{\n border-radius:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--tab-tip .cds-custom--popover{\n will-change:filter;\n}\n:host .cds-custom--popover--tab-tip__button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover--tab-tip__button *,\n:host .cds-custom--popover--tab-tip__button *::before,\n:host .cds-custom--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover--tab-tip__button{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--popover--tab-tip__button{\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom--popover--tab-tip__button:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button{\n background:var(--cds-layer);\n box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button:not(:focus)::after{\n position:absolute;\n z-index:6001;\n background:var(--cds-layer);\n block-size:2px;\n content:\"\";\n inline-size:100%;\n inset-block-end:0;\n}\n:host .cds-custom--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds-custom--tooltip-content{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n max-inline-size:18rem;\n overflow-wrap:break-word;\n}\n:host .cds-custom--icon-tooltip{\n --cds-tooltip-padding-block:0.125rem;\n --cds-popover-caret-width:0.5rem;\n --cds-popover-caret-height:0.25rem;\n --cds-popover-offset:0.5rem;\n}\n:host .cds-custom--icon-tooltip .cds-custom--tooltip-content{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom--definition-term{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--definition-term *,\n:host .cds-custom--definition-term *::before,\n:host .cds-custom--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--definition-term{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--definition-term{\n border-radius:0;\n border-block-end:1px dotted var(--cds-border-strong);\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-tooltip{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:0.5rem 1rem;\n max-inline-size:11rem;\n text-wrap:auto;\n word-break:break-word;\n}\n:host{\n}\n:host .cds-custom--btn{\n --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n --temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );\n --temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );\n --temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--btn *,\n:host .cds-custom--btn *::before,\n:host .cds-custom--btn *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--btn{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n position:relative;\n display:inline-flex;\n flex-shrink:0;\n justify-content:space-between;\n border-radius:0;\n margin:0;\n cursor:pointer;\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:20rem;\n min-block-size:var(--cds-layout-size-height-local);\n outline:none;\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n text-align:start;\n text-decoration:none;\n transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align:top;\n}\n:host .cds-custom--btn:disabled, :host .cds-custom--btn:hover:disabled, :host .cds-custom--btn:focus:disabled, :host .cds-custom--btn.cds-custom--btn--disabled, :host .cds-custom--btn.cds-custom--btn--disabled:hover, :host .cds-custom--btn.cds-custom--btn--disabled:focus{\n border-color:var(--cds-button-disabled, #c6c6c6);\n background:var(--cds-button-disabled, #c6c6c6);\n box-shadow:none;\n color:var(--cds-text-on-color-disabled, #8d8d8d);\n cursor:not-allowed;\n}\n:host .cds-custom--btn .cds-custom--btn__icon{\n position:absolute;\n flex-shrink:0;\n block-size:1rem;\n inline-size:1rem;\n inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n inset-inline-end:var(--cds-layout-density-padding-inline-local);\n margin-block-start:0.0625rem;\n}\n:host .cds-custom--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds-custom--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds-custom--btn--primary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds-custom--btn--primary .cds-custom--btn__icon,\n:host .cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom--btn--secondary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom--btn--secondary .cds-custom--btn__icon,\n:host .cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--secondary:hover, :host .cds-custom--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds-custom--btn--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n border-color:transparent;\n background-color:var(--cds-button-tertiary-active, #002d9c);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:disabled, :host .cds-custom--btn--tertiary:hover:disabled, :host .cds-custom--btn--tertiary:focus:disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom--btn--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--ghost:hover, :host .cds-custom--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost:disabled, :host .cds-custom--btn--ghost:hover:disabled, :host .cds-custom--btn--ghost:focus:disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--icon-only{\n align-items:center;\n justify-content:center;\n padding:0;\n block-size:var(--cds-layout-size-height-local);\n inline-size:var(--cds-layout-size-height-local);\n padding-block-start:0;\n}\n:host .cds-custom--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds-custom--btn--icon-only .cds-custom--btn__icon{\n position:static;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon, :host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n margin:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon{\n margin-block-start:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds-custom--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,\n:host .cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds-custom--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger .cds-custom--btn__icon,\n:host .cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n border-color:var(--cds-button-danger-active, #750e13);\n background-color:var(--cds-button-danger-active, #750e13);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:disabled, :host .cds-custom--btn--danger--tertiary:hover:disabled, :host .cds-custom--btn--danger--tertiary:focus:disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--danger--ghost:hover, :host .cds-custom--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:disabled, :host .cds-custom--btn--danger--ghost:hover:disabled, :host .cds-custom--btn--danger--ghost:focus:disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--expressive{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--expressive{\n padding:12px 13px;\n}\n:host .cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n position:relative;\n padding:0;\n border:none;\n background:var(--cds-skeleton-background, #e8e8e8);\n box-shadow:none;\n pointer-events:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton:hover, :host .cds-custom--btn.cds-custom--skeleton:focus, :host .cds-custom--btn.cds-custom--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds-custom--skeleton infinite;\n background:var(--cds-skeleton-element, #c6c6c6);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-inline-start:0;\n will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n :host .cds-custom--btn.cds-custom--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn.cds-custom--skeleton{\n background:CanvasText;\n }\n :host .cds-custom--btn.cds-custom--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n inline-size:9.375rem;\n}\n:host .cds-custom--btn-set{\n display:flex;\n}\n:host .cds-custom--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds-custom--btn-set .cds-custom--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn:focus + .cds-custom--btn{\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds-custom--btn--sm .cds-custom--badge-indicator{\n margin-block-start:0.25rem;\n margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle .cds-custom-aichat--response-user-avatar__letter{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n text-align:center;\n}\n:host{\n}\n:host .cds-custom-aichat--human-agent-banner__body{\n display:flex;\n align-items:center;\n padding:1rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--human-agent-banner__body{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-info{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 0 0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-custom-aichat--human-agent-banner--connected .cds-custom-aichat--agent-banner__agent-line1{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2,\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2 p{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--overlay-panel-container .cds-custom-aichat--panel-content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--custom-panel__content-container{\n overflow:auto;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--custom-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__slug-description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-custom-aichat--header{\n display:flex;\n box-sizing:unset;\n justify-content:center;\n block-size:40px;\n border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header--content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--header__buttons .cds-custom-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header--content{\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-custom-aichat--header__slug-label{\n color:var(--cds-text-secondary, #525252);\n padding-block-end:0.75rem;\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-custom-aichat--header__overflow-menu svg,\n:host .cds-custom-aichat--header__back-button svg,\n:host .cds-custom-aichat--header__restart-button svg,\n:host .cds-custom-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen-header button.cds-custom-aichat--header__back-button{\n transform:none;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-custom-aichat--header__left-items,\n:host .cds-custom-aichat--chat-header-overflow-menu__host-element,\n:host .cds-custom-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host cds-custom-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-custom-aichat-chat-header-avatar + .cds-custom-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container:first-child > cds-custom-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__body-wrapper{\n position:relative;\n display:flex;\n overflow:auto;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--home-screen__body{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-custom-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-custom-aichat--home-screen__greeting{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content .cds-custom-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content-only{\n flex-grow:unset;\n flex-shrink:unset;\n padding:0;\n margin:0;\n min-block-size:unset;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:none;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(1){\n --cds-custom-aichat-homescreen-starter-index:1;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(2){\n --cds-custom-aichat-homescreen-starter-index:2;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(3){\n --cds-custom-aichat-homescreen-starter-index:3;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(4){\n --cds-custom-aichat-homescreen-starter-index:4;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(5){\n --cds-custom-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-custom-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper,\n:host .cds-custom-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper{\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n min-block-size:0;\n outline:2px solid transparent;\n outline-offset:-2px;\n padding-block:0.75rem;\n padding-inline:1rem 0.5rem;\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\n margin-block-end:32px;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--input-container{\n border:1px solid transparent;\n background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-custom-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-custom-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:32px;\n color:var(--cds-text-primary, #161616);\n cursor:pointer;\n inline-size:32px;\n}\n:host .cds-custom-aichat--input-container__upload-input:focus + .cds-custom-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-custom-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-custom-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area{\n display:inline-block;\n overflow:hidden;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n min-block-size:0;\n}\n:host .cds-custom-aichat--input-container--show-upload-button .cds-custom-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n position:relative;\n display:block;\n border:none;\n margin:0;\n background:transparent;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea[data-has-content=false]::before{\n position:absolute;\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n content:attr(data-placeholder);\n inset:0;\n pointer-events:none;\n white-space:pre-wrap;\n word-wrap:break-word;\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--input-container__send-button-container,\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button svg{\n block-size:1rem;\n cursor:inherit;\n fill:var(--cds-interactive, #0f62fe);\n inline-size:1rem;\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:focus svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-custom-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n}\n:host .cds-custom-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-custom-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:hover{\n border-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--count-indicator{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0 4px;\n border-radius:10px;\n background-color:var(--cds-custom-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-custom-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc(-1 * 0.125rem);\n inset-inline-end:calc(-1 * 0.125rem);\n min-block-size:20px;\n min-inline-size:20px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-custom-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--launcher__button-container--bounce-animation{\n animation:cds-custom-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-custom-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n display:flex;\n align-items:center;\n justify-content:center;\n padding:inherit;\n border-radius:inherit;\n block-size:inherit;\n inline-size:inherit;\n max-inline-size:inherit;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-custom-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--launcher__avatar{\n border-radius:50%;\n block-size:32px;\n inline-size:32px;\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--launcher__button .cds-custom-aichat__count-indicator{\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n inset-inline-end:4rem;\n max-inline-size:270px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-custom-aichat-launcher-expanded-message-color-text, var(--cds-text-on-color, #ffffff));\n font-size:20px;\n letter-spacing:0;\n -webkit-line-clamp:3;\n line-clamp:3;\n line-height:1.4;\n opacity:0;\n overflow-wrap:break-word;\n text-align:start;\n visibility:visible;\n white-space:normal;\n word-break:break-word;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n position:absolute;\n padding:3px 7px 3px 3px;\n border:1px solid transparent;\n margin:0;\n box-shadow:1px 0 2px rgba(23, 23, 23, 0.3);\n cursor:pointer;\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc((1.5rem + 0.5rem) * -1);\n inset-inline-end:0;\n opacity:0;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__avatar{\n animation:700ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__text{\n animation:700ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__close-button{\n animation:700ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__avatar{\n animation:150ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__text{\n animation:150ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up-small-expanded forwards;\n block-size:10rem;\n inline-size:10rem;\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__close-button{\n animation:150ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:unset;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-custom-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__avatar{\n animation:400ms cds-custom-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__text,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__close-button{\n animation:400ms cds-custom-aichat-launcher-fade-out forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:400ms cds-custom-aichat-launcher-default-size-position forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-extended__container{\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n padding:0;\n border-width:2px;\n block-size:100%;\n cursor:pointer;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-custom-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n position:relative;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-custom-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:calc(100% - 12px);\n inset-block-end:0;\n word-break:break-word;\n}\n:host .cds-custom-aichat-is-phone .cds-custom-aichat--launcher-extended__greeting{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--launcher-extended__greeting-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n line-clamp:2;\n text-overflow:ellipsis;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-out{\n animation:cds-custom-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-in{\n animation:cds-custom-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button.cds-custom-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended .cds-custom-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation{\n animation:cds-custom-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation{\n animation:cds-custom-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--confirm-modal{\n position:absolute;\n z-index:100;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-custom-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__title{\n padding:1rem;\n font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-compact-01-font-weight, 600);\n line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-custom-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-custom-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-custom-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-custom-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--connect-to-human-agent__title{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n padding-block-end:0.25rem;\n}\n:host .cds-custom-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--connect-to-agent__text p,\n:host .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a,\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-custom-aichat--connect-to-human-agent__suspended-warning{\n color:var(--cds-support-error, #da1e28);\n padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@font-face{\n font-family:\"swiper-icons\";\n src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight:400;\n font-style:normal;\n}\n:host :root{\n --swiper-theme-color:#007aff;\n}\n:host :host{\n position:relative;\n display:block;\n margin-left:auto;\n margin-right:auto;\n z-index:1;\n}\n:host .swiper{\n margin-left:auto;\n margin-right:auto;\n position:relative;\n overflow:hidden;\n list-style:none;\n padding:0;\n z-index:1;\n display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n flex-direction:column;\n}\n:host .swiper-wrapper{\n position:relative;\n width:100%;\n height:100%;\n z-index:1;\n display:flex;\n transition-property:transform;\n transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n touch-action:pan-y;\n}\n:host .swiper-vertical{\n touch-action:pan-x;\n}\n:host .swiper-slide{\n flex-shrink:0;\n width:100%;\n height:100%;\n position:relative;\n transition-property:transform;\n display:block;\n}\n:host .swiper-slide-invisible-blank{\n visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n align-items:flex-start;\n transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n transform:translateZ(0);\n backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n transform-style:preserve-3d;\n}\n:host .swiper-3d{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n overflow:auto;\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n content:\"\";\n flex-shrink:0;\n order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:center center;\n scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n height:100%;\n min-height:1px;\n width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n width:100%;\n min-width:1px;\n height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:100%;\n pointer-events:none;\n z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n width:42px;\n height:42px;\n position:absolute;\n left:50%;\n top:50%;\n margin-left:-21px;\n margin-top:-21px;\n z-index:10;\n transform-origin:50%;\n box-sizing:border-box;\n border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius:50%;\n border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n 0%{\n transform:rotate(0deg);\n }\n 100%{\n transform:rotate(360deg);\n }\n}\n:host{\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button,\n:host .cds-custom-aichat--carousel-container__controls{\n display:flex;\n align-items:center;\n color:var(--cds-text-secondary, #525252);\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--carousel-container__navigation cds-custom-button::part(button){\n color:currentcolor;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-custom-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-custom-aichat--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-custom-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-custom-aichat--carousel-container__controls--standard,\n:host .cds-custom-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .swiper{\n inline-size:100%;\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-disclaimer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-text,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-custom-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-custom-aichat--date-picker__confirm-button::part(button){\n display:block;\n margin-block-start:0.75rem;\n margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-custom-aichat--inline-error--icon-holder{\n display:flex;\n flex:0 0 1rem;\n align-items:flex-start;\n margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-custom-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-custom-aichat--inline-error--text{\n flex:1;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1px;\n}\n:host .cds-custom-aichat--inline-error .cds-custom-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-custom-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__row{\n display:flex;\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__cell .cds-custom-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image{\n border:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--i-frame-preview-card:focus .cds-custom-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--i-frame-preview-card:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-i-frame{\n position:relative;\n overflow:hidden;\n background:transparent;\n inline-size:100%;\n padding-block-start:var(--padding-top, 0);\n}\n:host .cds-custom-aichat--inline-i-frame .cds-custom-aichat--i-frame-component__wrapper{\n position:absolute;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-custom-aichat--i-frame-component__wrapper,\n:host .cds-custom-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--i-frame-component__status-container{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host .cds-custom-aichat--i-frame-component__status-container .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-custom-aichat--i-frame-panel .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-custom-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-custom-aichat--image__image{\n display:none;\n block-size:0;\n max-inline-size:100%;\n opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--image .cds-custom-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-custom-aichat--image__text-and-icon .cds-custom-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-custom-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon,\n:host svg.cds-custom-aichat--image__icon--link{\n position:absolute;\n margin:0;\n inset-block-end:1rem;\n inset-inline-end:1rem;\n}\n:host svg.cds-custom-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] svg.cds-custom-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-custom-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-custom-aichat--button-holder ul li{\n display:inline-block;\n padding:0 0.5rem 0.5rem 0;\n margin:0;\n}\n:host{\n}\n:host .cds-custom-aichat--select-holder{\n padding:0 1px;\n inline-size:100%;\n margin-block-start:1rem;\n max-inline-size:380px;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-custom-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-custom-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding:0;\n border:2px solid transparent;\n margin:0;\n block-size:100%;\n inline-size:100%;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-focus-inner{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area.cds-custom-aichat--text-area--auto-size .cds-custom-aichat--text-area-textarea{\n position:absolute;\n overflow:hidden;\n inset-block-start:0;\n resize:none;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n padding-block-end:1px;\n visibility:hidden;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-custom-aichat--body-message-components__message-wrapper:not(.cds-custom-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-custom-aichat--clickable-image .cds-custom-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-custom-aichat--clickable-image:disabled .cds-custom-aichat--image{\n opacity:0.5;\n}\n:host .cds-custom-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-custom-aichat--description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__title,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-custom-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button.cds-custom-aichat--button-item{\n flex:auto;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:not(:last-child::part(button)){\n border-end-end-radius:0;\n border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-custom-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-custom-aichat--media-player__skeleton-container,\n:host .cds-custom-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-custom-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-custom-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-custom-aichat--media-player__player iframe{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background,\n:host .cds-custom-aichat--media-player__player{\n position:absolute;\n border-radius:0;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host .cds-custom-aichat--media-transcript{\n padding:0 1rem 1rem 1rem;\n}\n:host .cds-custom-aichat--media-transcript__toggle{\n font-size:var(--cds-label-01-font-size, 0.75rem);\n font-weight:var(--cds-label-01-font-weight, 400);\n line-height:var(--cds-label-01-line-height, 1.33333);\n letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:0;\n border:0;\n margin:0;\n background-color:transparent;\n color:var(--cds-text-secondary, #525252);\n cursor:pointer;\n text-align:start;\n}\n:host .cds-custom-aichat--media-transcript__toggle:hover{\n background-color:var(--cds-layer-hover-01, #e8e8e8);\n}\n:host .cds-custom-aichat--media-transcript__toggle:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n:host .cds-custom-aichat--media-transcript__toggle-label{\n display:flex;\n align-items:center;\n font-weight:600;\n}\n:host .cds-custom-aichat--media-transcript__language{\n color:var(--cds-text-secondary, #525252);\n font-weight:400;\n}\n:host .cds-custom-aichat--media-transcript__toggle-icon{\n flex-shrink:0;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--media-transcript__content--visible{\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--received--metablock{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-custom-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-custom-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-custom-aichat--text-holder-tile__title{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-weight:400;\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-custom-aichat--text-holder-tile__description,\n:host .cds-custom-aichat--text-holder-tile__url{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-custom-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-custom-aichat--text-holder-tile__description{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:3;\n white-space:normal;\n }\n}\n@supports (-webkit-line-clamp: 2){\n :host .cds-custom-aichat--text-holder-tile__title{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n white-space:normal;\n }\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-custom-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable{\n padding:0;\n border:none;\n border-radius:0.5rem;\n cursor:pointer;\n inline-size:100%;\n padding-inline-end:0;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:none;\n }\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-custom-aichat--citation-card-title{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding-block-end:0.5rem;\n}\n:host .cds-custom-aichat--citation-card-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n -webkit-line-clamp:5;\n line-clamp:5;\n text-align:start;\n white-space:normal;\n}\n:host .cds-custom-aichat--citation-card-footer{\n display:flex;\n justify-content:space-between;\n color:var(--cds-link-primary, #0f62fe);\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--citation-card-label,\n:host .cds-custom-aichat--citation-card-icon{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message a:hover.cds-custom-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-custom-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--view-source-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host .cds-custom-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--visually-hidden{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n inset-block-start:0;\n white-space:nowrap;\n}\n:host{\n}\n:host .cds-custom-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-custom-aichat--messages-and-input-container{\n position:relative;\n display:flex;\n flex:1;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages-container__non-input-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--messages-container__non-input-container{\n overflow:hidden auto;\n block-size:100%;\n}\n:host .cds-custom-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-custom-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel .cds-custom-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-custom-aichat--catastrophic-error{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-custom-aichat--catastrophic-error .cds-custom-aichat--catastrophic-error__error-text-container > svg{\n margin-inline-start:calc(2rem * -1);\n max-block-size:128px;\n max-inline-size:128px;\n padding-inline-start:0.25rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-heading{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-custom-aichat--catastrophic-error__error-body{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--disclaimer-container{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n}\n:host .cds-custom-aichat--disclaimer{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--disclaimer .cds-custom-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-custom-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-custom-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-custom-aichat--disclaimer__title{\n display:block;\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n inline-size:100%;\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-custom-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-custom-aichat--error-icon path[data-icon-path=inner-path]{\n fill:var(--cds-icon-on-color, #ffffff);\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating.cds-custom-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--hydrating.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-custom-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-custom-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-custom-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-custom-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-custom-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-custom-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-custom-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-custom-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay--covering.cds-custom-aichat--overlay-panel-container .cds-custom-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-custom-aichat--overlay-panel{\n position:absolute;\n display:block;\n box-sizing:border-box;\n border-radius:0;\n margin:0;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n min-block-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-custom-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-bottom both;\n}\n:host .cds-custom-aichat--overlay-panel-container:has(.cds-custom-aichat--overlay-panel--with-back-button){\n block-size:calc(100% - var(--cds-custom-aichat--header-height, 0px) + 1px);\n border-start-end-radius:0;\n border-start-start-radius:0;\n inset-block-start:calc(var(--cds-custom-aichat--header-height, 0) - 1px);\n}\n:host .cds-custom-aichat--overlay-panel--with-back-button{\n overflow:hidden;\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n block-size:100%;\n border-start-end-radius:0;\n border-start-start-radius:0;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:50%;\n max-inline-size:var(--cds-custom-aichat-max-width, 100%);\n transform:translateX(-50%);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--with-back-button.cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--with-back-button.cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom-below-header both;\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom-below-header{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--widget__text-ellipsis{\n overflow:hidden;\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n font-family:\"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n inline-size:100%;\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-custom-aichat--container--render > div > div[role=log]{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n inline-size:1px;\n inset-inline-start:-10000px;\n}\n:host .cds-custom-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-custom-aichat-z-index, 99999) + 1);\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n inline-size:100%;\n -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n text-rendering:optimizelegibility;\n visibility:visible;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget{\n border:solid 1px transparent;\n background:linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box;\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless .cds-custom-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget .cds-custom-aichat--widget__animation-container{\n position:relative;\n z-index:1;\n flex:1;\n background:var(--cds-chat-shell-background, #ffffff);\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--assistant-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n border-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--home-screen,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--confirm-modal,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--widget__animation-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--assistant-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--hydrating-container{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header{\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--input-container{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel.cds-custom-aichat--overlay-panel--with-back-button{\n --cds-custom-aichat-border-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--image,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed .cds-custom-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element:not(.cds-custom-aichat---is-phone){\n animation:cds-custom-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed,\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element.cds-custom-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-custom-aichat---is-phone[dir=rtl]:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat{\n display:flex;\n box-sizing:border-box;\n flex:1;\n flex-direction:column;\n align-content:stretch;\n align-items:stretch;\n border-radius:0;\n margin:0;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat{\n border-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat{\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless.cds-custom-aichat--ai-theme .cds-custom-aichat{\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)));\n}\n:host .cds-custom-aichat.cds-custom-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-custom-aichat--main-window,\n:host .cds-custom-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n overflow:hidden;\n background:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n opacity:0.5;\n}\n:host svg.cds-custom-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-custom-aichat--scroll-focus:focus-visible::before{\n position:sticky;\n z-index:1;\n display:block;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n float:inline-start;\n inline-size:100%;\n inset-block-start:0;\n margin-block-start:-100%;\n pointer-events:none;\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--reverse-icon svg,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg.cds-custom-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-custom-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-custom-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--body-and-footer-component,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--i-frame-panel,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--custom-panel{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--panel-content{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-custom-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--first-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line.cds-custom-aichat--message--response.cds-custom-aichat--message--last-message:not(.cds-custom-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 2rem + 0.5rem);\n inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--ui-customization-element--response,\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single):first-child,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message .cds-custom-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-custom-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-custom-aichat--messages--welcome.cds-custom-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-custom-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--inline-error,\n:host .cds-custom-aichat--received--text,\n:host .cds-custom-aichat--message-user-defined-response{\n position:relative;\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--image{\n position:relative;\n inline-size:90%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--video,\n:host .cds-custom-aichat--received--audio{\n inline-size:100%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state-container{\n display:flex;\n flex-direction:row;\n justify-content:flex-end;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message .cds-custom-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status .cds-custom-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-custom-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--received--loading,\n:host .cds-custom-aichat--search-result,\n:host .cds-custom-aichat--sent--bubble{\n position:relative;\n opacity:1;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--loading .cds-custom-aichat--received--inner{\n position:relative;\n}\n:host .cds-custom-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-custom-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-custom-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-custom-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--sent--bubble{\n align-self:end;\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n border-radius:0.5rem 0 0.5rem 0.5rem;\n background:var(--cds-chat-bubble-user, #e0e0e0);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--received--options,\n:host .cds-custom-aichat--received--suggestion{\n position:relative;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--agent-status-message{\n color:var(--cds-text-helper, #6f6f6f);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n padding-inline:1rem;\n text-align:center;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--chat-status-message{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img svg,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--message__avatar-line,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--sent--bubble,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--agent-message) .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--message__avatar--agent .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-custom-aichat--received--from-human.cds-custom-aichat--received--text{\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0 0.5rem 0.5rem 0.5rem;\n background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--received--from-agent.cds-custom-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--message__avatar--assistant .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n margin-block-start:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--messages__wrapper{\n position:relative;\n overflow:hidden auto;\n flex:1;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-custom-aichat--message--focus-handle,\n:host .cds-custom-aichat--messages--scroll-handle{\n position:relative;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:0;\n inline-size:0;\n outline:none;\n}\n:host .cds-custom-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--messages{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--processing{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--processing-component{\n block-size:32px;\n}\n:host .cds-custom-aichat--processing-label{\n font-size:var(--cds-label-02-font-size, 0.875rem);\n font-weight:var(--cds-label-02-font-weight, 400);\n line-height:var(--cds-label-02-line-height, 1.28572);\n letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);\n display:flex;\n align-items:center;\n animation:cds-custom-aichat-fade-in 600ms forwards;\n animation-delay:1200ms;\n block-size:32px;\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n opacity:0;\n padding-inline-start:0.125rem;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon{\n position:sticky;\n z-index:1;\n display:grid;\n border-radius:50%;\n margin:0 auto;\n background-color:var(--cds-button-secondary, #393939);\n block-size:2rem;\n color:var(--cds-text-on-color, #ffffff);\n cursor:pointer;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:calc(50% - 1rem);\n place-items:center;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:focus{\n border-color:var(--cds-focus, #0f62fe);\n box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g10{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#f4f4f4;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#c6c6c6;\n --cds-border-subtle-01:#e0e0e0;\n --cds-border-subtle-02:#c6c6c6;\n --cds-border-subtle-03:#e0e0e0;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#a8a8a8;\n --cds-border-tile-02:#c6c6c6;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g10{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g10{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g100{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#333333;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#161616;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#6f6f6f;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#a8a8a8;\n --cds-border-subtle-00:#393939;\n --cds-border-subtle-01:#525252;\n --cds-border-subtle-02:#6f6f6f;\n --cds-border-subtle-03:#6f6f6f;\n --cds-border-subtle-selected-01:#6f6f6f;\n --cds-border-subtle-selected-02:#8d8d8d;\n --cds-border-subtle-selected-03:#8d8d8d;\n --cds-border-tile-01:#525252;\n --cds-border-tile-02:#6f6f6f;\n --cds-border-tile-03:#8d8d8d;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#292929;\n --cds-skeleton-element:#393939;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#fa4d56;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g100{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g100{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host cds-custom-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--dark,\n:host .cds-custom--g90,\n:host .cds-custom--g100{\n scrollbar-color:var(--cds-layer-03, #f4f4f4) var(--cds-layer-01, #f4f4f4);\n}";
|
|
17093
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
|
-
|
|
17189
|
-
|
|
17190
|
-
|
|
17191
|
-
|
|
17192
|
-
|
|
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:
|
|
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
|
|