@carbon/ai-chat 1.2.1 → 1.3.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/aiChatEntry.js +7 -7
- package/dist/es/chat.ChatAppEntry.js +788 -391
- package/dist/es/chat.ChatAppEntry.js.map +1 -1
- package/dist/es/chat.PageObjectId.js +10 -1
- package/dist/es/chat.PageObjectId.js.map +1 -1
- package/dist/es/serverEntry.js +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 +7 -7
- package/dist/es-custom/chat.ChatAppEntry.js +788 -391
- package/dist/es-custom/chat.ChatAppEntry.js.map +1 -1
- package/dist/es-custom/chat.PageObjectId.js +10 -1
- package/dist/es-custom/chat.PageObjectId.js.map +1 -1
- package/dist/es-custom/serverEntry.js +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-BMoPx5K4.d.ts} +266 -48
- package/dist/types/serverEntry.d.ts +1 -1
- package/package.json +11 -11
|
@@ -10,7 +10,7 @@ import merge from "lodash-es/merge.js";
|
|
|
10
10
|
|
|
11
11
|
import cloneDeep from "lodash-es/cloneDeep.js";
|
|
12
12
|
|
|
13
|
-
import { j as MessageResponseTypes, i as MessageInputType, f as FileStatusValue, m as HumanAgentMessageType,
|
|
13
|
+
import { j as MessageResponseTypes, i as MessageInputType, f as FileStatusValue, m as HumanAgentMessageType, q as InternalMessageRequestType, h as ButtonItemType, O as OnErrorType, d as MinimizeButtonIconType, P as PanelType, C as CornersType, B as BusEventType, M as MessageSendSource, H as HumanAgentsOnlineStatus, o as MessageErrorState, b as CancellationReason, c as CarbonTheme, e as enLanguagePack, W as WriteableElementName, V as ViewType, a as ViewChangeReason, E as ErrorType, S as ScreenShareState, r as MainWindowOpenReason, l as WidthOptions, I as IFrameItemDisplayOption, n as ChainOfThoughtStepStatus, U as UserType, F as FeedbackInteractionType, p as PageObjectId, s as MainWindowCloseReason } from "./chat.PageObjectId.js";
|
|
14
14
|
|
|
15
15
|
import mergeWith from "lodash-es/mergeWith.js";
|
|
16
16
|
|
|
@@ -66,8 +66,6 @@ import { directive, Directive } from "lit/directive.js";
|
|
|
66
66
|
|
|
67
67
|
import "@carbon/web-components/es-custom/components/list/index.js";
|
|
68
68
|
|
|
69
|
-
import debounce from "lodash-es/debounce.js";
|
|
70
|
-
|
|
71
69
|
import "@carbon/web-components/es-custom/components/data-table/index.js";
|
|
72
70
|
|
|
73
71
|
import "@carbon/web-components/es-custom/components/checkbox/index.js";
|
|
@@ -144,6 +142,10 @@ import CarbonSkeletonText from "@carbon/web-components/es-custom/components/skel
|
|
|
144
142
|
|
|
145
143
|
import CarbonSkeletonPlaceholder from "@carbon/web-components/es-custom/components/skeleton-placeholder/skeleton-placeholder.js";
|
|
146
144
|
|
|
145
|
+
import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
|
|
146
|
+
|
|
147
|
+
import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
|
|
148
|
+
|
|
147
149
|
import TouchInteraction16 from "@carbon/icons/es/touch--interaction/16.js";
|
|
148
150
|
|
|
149
151
|
import Send16 from "@carbon/icons/es/send/16.js";
|
|
@@ -158,14 +160,12 @@ import ChevronLeft16 from "@carbon/icons/es/chevron--left/16.js";
|
|
|
158
160
|
|
|
159
161
|
import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
|
|
160
162
|
|
|
163
|
+
import debounce from "lodash-es/debounce.js";
|
|
164
|
+
|
|
161
165
|
import Link16 from "@carbon/icons/es/link/16.js";
|
|
162
166
|
|
|
163
167
|
import Maximize16 from "@carbon/icons/es/maximize/16.js";
|
|
164
168
|
|
|
165
|
-
import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
|
|
166
|
-
|
|
167
|
-
import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
|
|
168
|
-
|
|
169
169
|
import CarbonOperationalTagElement from "@carbon/web-components/es-custom/components/tag/operational-tag.js";
|
|
170
170
|
|
|
171
171
|
import Checkmark32 from "@carbon/icons/es/checkmark/32.js";
|
|
@@ -852,12 +852,14 @@ const UPDATE_LOCAL_MESSAGE_ITEM = "UPDATE_LOCAL_MESSAGE_ITEM";
|
|
|
852
852
|
|
|
853
853
|
const SET_APP_STATE_VALUE = "SET_APP_STATE_VALUE";
|
|
854
854
|
|
|
855
|
-
const ADD_IS_TYPING_COUNTER = "ADD_IS_TYPING_COUNTER";
|
|
856
|
-
|
|
857
855
|
const ADD_IS_LOADING_COUNTER = "ADD_IS_LOADING_COUNTER";
|
|
858
856
|
|
|
857
|
+
const RESET_IS_LOADING_COUNTER = "RESET_IS_LOADING_COUNTER";
|
|
858
|
+
|
|
859
859
|
const ADD_IS_HYDRATING_COUNTER = "ADD_IS_HYDRATING_COUNTER";
|
|
860
860
|
|
|
861
|
+
const RESET_IS_HYDRATING_COUNTER = "RESET_IS_HYDRATING_COUNTER";
|
|
862
|
+
|
|
861
863
|
const SET_VIEW_STATE = "SET_VIEW_STATE";
|
|
862
864
|
|
|
863
865
|
const SET_VIEW_CHANGING = "SET_VIEW_CHANGING";
|
|
@@ -1032,16 +1034,16 @@ const actions = {
|
|
|
1032
1034
|
value: value
|
|
1033
1035
|
};
|
|
1034
1036
|
},
|
|
1035
|
-
|
|
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,
|
|
@@ -1433,7 +1440,7 @@ function agentUpdateIsTyping(isTyping) {
|
|
|
1433
1440
|
};
|
|
1434
1441
|
}
|
|
1435
1442
|
|
|
1436
|
-
const VERSION = "1.
|
|
1443
|
+
const VERSION = "1.3.0";
|
|
1437
1444
|
|
|
1438
1445
|
const BOUNCING_ANIMATION_TIMEOUTS = [ 15e3, 6e4 ];
|
|
1439
1446
|
|
|
@@ -1450,6 +1457,7 @@ function deepFreeze(object) {
|
|
|
1450
1457
|
}
|
|
1451
1458
|
|
|
1452
1459
|
const DEFAULT_HEADER = {
|
|
1460
|
+
isOn: true,
|
|
1453
1461
|
minimizeButtonIconType: MinimizeButtonIconType.MINIMIZE,
|
|
1454
1462
|
showAiLabel: true
|
|
1455
1463
|
};
|
|
@@ -1473,14 +1481,18 @@ const DEFAULT_LAUNCHER = {
|
|
|
1473
1481
|
deepFreeze(DEFAULT_LAUNCHER);
|
|
1474
1482
|
|
|
1475
1483
|
const DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS = {
|
|
1476
|
-
title: null,
|
|
1477
1484
|
hideBackButton: false,
|
|
1478
|
-
hidePanelHeader: false,
|
|
1479
1485
|
disableAnimation: false
|
|
1480
1486
|
};
|
|
1481
1487
|
|
|
1482
1488
|
deepFreeze(DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS);
|
|
1483
1489
|
|
|
1490
|
+
const DEFAULT_PANEL_CONFIG_OPTIONS_BY_TYPE = {
|
|
1491
|
+
[PanelType.DEFAULT]: DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS
|
|
1492
|
+
};
|
|
1493
|
+
|
|
1494
|
+
deepFreeze(DEFAULT_PANEL_CONFIG_OPTIONS_BY_TYPE);
|
|
1495
|
+
|
|
1484
1496
|
const DEFAULT_CUSTOM_PANEL_STATE = {
|
|
1485
1497
|
isOpen: false,
|
|
1486
1498
|
panelID: DEFAULT_CUSTOM_PANEL_ID,
|
|
@@ -1533,6 +1545,8 @@ const VIEW_STATE_MAIN_WINDOW_OPEN = {
|
|
|
1533
1545
|
deepFreeze(VIEW_STATE_MAIN_WINDOW_OPEN);
|
|
1534
1546
|
|
|
1535
1547
|
const DEFAULT_INPUT_STATE = {
|
|
1548
|
+
rawValue: "",
|
|
1549
|
+
displayValue: "",
|
|
1536
1550
|
fieldVisible: true,
|
|
1537
1551
|
isReadonly: false,
|
|
1538
1552
|
files: [],
|
|
@@ -1594,6 +1608,7 @@ const DEFAULT_CHAT_MESSAGES_STATE = {
|
|
|
1594
1608
|
localMessageIDs: [],
|
|
1595
1609
|
messageIDs: [],
|
|
1596
1610
|
isMessageLoadingCounter: 0,
|
|
1611
|
+
isMessageLoadingText: undefined,
|
|
1597
1612
|
isHydratingCounter: 0,
|
|
1598
1613
|
isScrollAnchored: false
|
|
1599
1614
|
};
|
|
@@ -1724,6 +1739,68 @@ function applyFullMessage(state, message) {
|
|
|
1724
1739
|
return newState;
|
|
1725
1740
|
}
|
|
1726
1741
|
|
|
1742
|
+
const getAssistantInputState = state => state.assistantInputState;
|
|
1743
|
+
|
|
1744
|
+
const getHumanAgentInputState = state => state.humanAgentState.inputState;
|
|
1745
|
+
|
|
1746
|
+
const getHumanAgentState = state => state.humanAgentState;
|
|
1747
|
+
|
|
1748
|
+
const getPersistedHumanAgent = state => state.persistedToBrowserStorage.humanAgentState;
|
|
1749
|
+
|
|
1750
|
+
function selectHumanAgentDisplayState(state) {
|
|
1751
|
+
const humanAgentState = getHumanAgentState(state);
|
|
1752
|
+
const persisted = getPersistedHumanAgent(state);
|
|
1753
|
+
if (persisted.isSuspended) {
|
|
1754
|
+
return {
|
|
1755
|
+
isConnectingOrConnected: false,
|
|
1756
|
+
disableInput: false,
|
|
1757
|
+
isHumanAgentTyping: false,
|
|
1758
|
+
inputPlaceholderKey: null
|
|
1759
|
+
};
|
|
1760
|
+
}
|
|
1761
|
+
const {isReconnecting: isReconnecting, isConnecting: isConnecting, isHumanAgentTyping: isHumanAgentTyping} = humanAgentState;
|
|
1762
|
+
const {isConnected: isConnected} = persisted;
|
|
1763
|
+
let inputPlaceholderKey;
|
|
1764
|
+
if (isConnecting) {
|
|
1765
|
+
inputPlaceholderKey = "agent_inputPlaceholderConnecting";
|
|
1766
|
+
} else if (isReconnecting) {
|
|
1767
|
+
inputPlaceholderKey = "agent_inputPlaceholderReconnecting";
|
|
1768
|
+
} else {
|
|
1769
|
+
inputPlaceholderKey = null;
|
|
1770
|
+
}
|
|
1771
|
+
return {
|
|
1772
|
+
isHumanAgentTyping: isHumanAgentTyping,
|
|
1773
|
+
isConnectingOrConnected: isConnecting || isConnected,
|
|
1774
|
+
disableInput: isConnecting || isReconnecting,
|
|
1775
|
+
inputPlaceholderKey: inputPlaceholderKey
|
|
1776
|
+
};
|
|
1777
|
+
}
|
|
1778
|
+
|
|
1779
|
+
function selectIsInputToHumanAgent(state) {
|
|
1780
|
+
return selectHumanAgentDisplayState(state).isConnectingOrConnected;
|
|
1781
|
+
}
|
|
1782
|
+
|
|
1783
|
+
function selectInputState(state) {
|
|
1784
|
+
return selectIsInputToHumanAgent(state) ? getHumanAgentInputState(state) : getAssistantInputState(state);
|
|
1785
|
+
}
|
|
1786
|
+
|
|
1787
|
+
function selectHasOpenPanelWithBackButton(state) {
|
|
1788
|
+
const {iFramePanelState: iFramePanelState, viewSourcePanelState: viewSourcePanelState, responsePanelState: responsePanelState, customPanelState: customPanelState} = state;
|
|
1789
|
+
if (iFramePanelState.isOpen) {
|
|
1790
|
+
return true;
|
|
1791
|
+
}
|
|
1792
|
+
if (viewSourcePanelState.isOpen) {
|
|
1793
|
+
return true;
|
|
1794
|
+
}
|
|
1795
|
+
if (responsePanelState.isOpen) {
|
|
1796
|
+
return true;
|
|
1797
|
+
}
|
|
1798
|
+
if (customPanelState.isOpen && !customPanelState.options.hideBackButton) {
|
|
1799
|
+
return true;
|
|
1800
|
+
}
|
|
1801
|
+
return false;
|
|
1802
|
+
}
|
|
1803
|
+
|
|
1727
1804
|
function resolvablePromise() {
|
|
1728
1805
|
let resolveFunction;
|
|
1729
1806
|
let rejectFunction;
|
|
@@ -1831,18 +1908,65 @@ class ChatActionsImpl {
|
|
|
1831
1908
|
}
|
|
1832
1909
|
getPublicChatState() {
|
|
1833
1910
|
const state = this.serviceManager.store.getState();
|
|
1834
|
-
const {persistedToBrowserStorage: persistedToBrowserStorage} = state;
|
|
1911
|
+
const {persistedToBrowserStorage: persistedToBrowserStorage, assistantMessageState: assistantMessageState} = state;
|
|
1835
1912
|
const persistedSnapshot = deepFreeze(cloneDeep(persistedToBrowserStorage));
|
|
1836
1913
|
const {humanAgentState: humanAgentState, ...rest} = persistedSnapshot;
|
|
1837
1914
|
const humanAgent = deepFreeze({
|
|
1838
1915
|
...humanAgentState,
|
|
1839
1916
|
isConnecting: state.humanAgentState.isConnecting
|
|
1840
1917
|
});
|
|
1918
|
+
const inputState = selectInputState(state);
|
|
1919
|
+
const input = deepFreeze({
|
|
1920
|
+
rawValue: inputState.rawValue ?? ""
|
|
1921
|
+
});
|
|
1922
|
+
const customPanels = deepFreeze({
|
|
1923
|
+
default: {
|
|
1924
|
+
isOpen: Boolean(state.customPanelState.isOpen)
|
|
1925
|
+
}
|
|
1926
|
+
});
|
|
1841
1927
|
return deepFreeze({
|
|
1842
1928
|
...rest,
|
|
1843
|
-
humanAgent: humanAgent
|
|
1929
|
+
humanAgent: humanAgent,
|
|
1930
|
+
isMessageLoadingCounter: assistantMessageState.isMessageLoadingCounter,
|
|
1931
|
+
isMessageLoadingText: assistantMessageState.isMessageLoadingText,
|
|
1932
|
+
isHydratingCounter: assistantMessageState.isHydratingCounter,
|
|
1933
|
+
input: input,
|
|
1934
|
+
customPanels: customPanels
|
|
1844
1935
|
});
|
|
1845
1936
|
}
|
|
1937
|
+
updateRawInputValue(updater) {
|
|
1938
|
+
this.updateInputValue("rawValue", updater);
|
|
1939
|
+
}
|
|
1940
|
+
updateInputValue(field, updater) {
|
|
1941
|
+
if (typeof updater !== "function") {
|
|
1942
|
+
consoleError("Input updater must be a function");
|
|
1943
|
+
return;
|
|
1944
|
+
}
|
|
1945
|
+
const {store: store} = this.serviceManager;
|
|
1946
|
+
const state = store.getState();
|
|
1947
|
+
const inputState = selectInputState(state);
|
|
1948
|
+
const previousValue = inputState[field] ?? "";
|
|
1949
|
+
let nextValue;
|
|
1950
|
+
try {
|
|
1951
|
+
nextValue = updater(previousValue);
|
|
1952
|
+
} catch (error) {
|
|
1953
|
+
consoleError("An error occurred while updating the input value", error);
|
|
1954
|
+
return;
|
|
1955
|
+
}
|
|
1956
|
+
if (typeof nextValue !== "string") {
|
|
1957
|
+
nextValue = nextValue === undefined || nextValue === null ? "" : String(nextValue);
|
|
1958
|
+
}
|
|
1959
|
+
if (nextValue === previousValue) {
|
|
1960
|
+
return;
|
|
1961
|
+
}
|
|
1962
|
+
const payload = {
|
|
1963
|
+
[field]: nextValue
|
|
1964
|
+
};
|
|
1965
|
+
if (field === "rawValue" && (inputState.displayValue ?? "") === previousValue) {
|
|
1966
|
+
payload.displayValue = nextValue;
|
|
1967
|
+
}
|
|
1968
|
+
store.dispatch(actions.updateInputState(payload, selectIsInputToHumanAgent(state)));
|
|
1969
|
+
}
|
|
1846
1970
|
async sendWithCatch(message, source, options = {}, ignoreHydration = false) {
|
|
1847
1971
|
try {
|
|
1848
1972
|
await this.send(message, source, options, ignoreHydration);
|
|
@@ -2132,7 +2256,7 @@ class ChatActionsImpl {
|
|
|
2132
2256
|
createLocalMessageItemsForNestedMessageItems(localMessageItem, fullMessage, false, nestedLocalMessageItems, true);
|
|
2133
2257
|
store.dispatch(actions.addNestedMessages(nestedLocalMessageItems));
|
|
2134
2258
|
if (agent && isResponse(fullMessage)) {
|
|
2135
|
-
store.dispatch(actions.
|
|
2259
|
+
store.dispatch(actions.addIsLoadingCounter(1));
|
|
2136
2260
|
const partialMessage = {};
|
|
2137
2261
|
if (!hasServiceDesk(config)) {
|
|
2138
2262
|
const message = 'Web chat received a "connect_to_agent" message but there is no service desk configured. Check your chat configuration.';
|
|
@@ -2152,7 +2276,7 @@ class ChatActionsImpl {
|
|
|
2152
2276
|
if (config.public.serviceDesk?.skipConnectHumanAgentCard) {
|
|
2153
2277
|
shouldAutoRequestHumanAgent = true;
|
|
2154
2278
|
}
|
|
2155
|
-
store.dispatch(actions.
|
|
2279
|
+
store.dispatch(actions.addIsLoadingCounter(-1));
|
|
2156
2280
|
if (shouldAutoRequestHumanAgent && agentAvailability === HumanAgentsOnlineStatus.ONLINE) {
|
|
2157
2281
|
this.serviceManager.humanAgentService.startChat(localMessageItem, fullMessage);
|
|
2158
2282
|
}
|
|
@@ -2161,11 +2285,11 @@ class ChatActionsImpl {
|
|
|
2161
2285
|
if (pause) {
|
|
2162
2286
|
const showIsTyping = isTyping(messageItem);
|
|
2163
2287
|
if (showIsTyping) {
|
|
2164
|
-
store.dispatch(actions.
|
|
2288
|
+
store.dispatch(actions.addIsLoadingCounter(1));
|
|
2165
2289
|
}
|
|
2166
2290
|
await sleep(messageItem.time);
|
|
2167
2291
|
if (showIsTyping && initialRestartCount === this.serviceManager.restartCount) {
|
|
2168
|
-
store.dispatch(actions.
|
|
2292
|
+
store.dispatch(actions.addIsLoadingCounter(-1));
|
|
2169
2293
|
}
|
|
2170
2294
|
} else {
|
|
2171
2295
|
await this.handleUserDefinedResponseItems(localMessageItem, fullMessage);
|
|
@@ -2268,18 +2392,22 @@ class ChatActionsImpl {
|
|
|
2268
2392
|
consoleWarn("You cannot restart a conversation while a previous restart is still pending.");
|
|
2269
2393
|
return;
|
|
2270
2394
|
}
|
|
2271
|
-
this.restarting = true;
|
|
2272
2395
|
try {
|
|
2273
2396
|
const {serviceManager: serviceManager} = this;
|
|
2274
2397
|
const {store: store} = serviceManager;
|
|
2275
|
-
|
|
2276
|
-
store.dispatch(actions.setIsRestarting(true));
|
|
2398
|
+
const state = store.getState();
|
|
2277
2399
|
if (fireEvents) {
|
|
2278
2400
|
await serviceManager.fire({
|
|
2279
2401
|
type: BusEventType.PRE_RESTART_CONVERSATION
|
|
2280
2402
|
});
|
|
2281
2403
|
}
|
|
2404
|
+
this.restarting = true;
|
|
2405
|
+
this.restartGeneration++;
|
|
2406
|
+
store.dispatch(actions.setIsRestarting(true));
|
|
2282
2407
|
serviceManager.restartCount++;
|
|
2408
|
+
if (state.config.public.messaging.messageLoadingIndicatorTimeoutSecs !== 0) {
|
|
2409
|
+
store.dispatch(actions.resetIsLoadingCounter());
|
|
2410
|
+
}
|
|
2283
2411
|
if (this.hydrating) {
|
|
2284
2412
|
await this.hydrationPromise;
|
|
2285
2413
|
}
|
|
@@ -2738,11 +2866,12 @@ class HistoryService {
|
|
|
2738
2866
|
}
|
|
2739
2867
|
}
|
|
2740
2868
|
|
|
2741
|
-
function createCustomPanelInstance(serviceManager) {
|
|
2869
|
+
function createCustomPanelInstance(serviceManager, defaultPanelOptions = DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS) {
|
|
2742
2870
|
const customPanelInstance = {
|
|
2743
|
-
open(options
|
|
2871
|
+
open(options) {
|
|
2872
|
+
const resolvedOptions = options ?? defaultPanelOptions;
|
|
2744
2873
|
const {store: store} = serviceManager;
|
|
2745
|
-
store.dispatch(actions.setCustomPanelConfigOptions(
|
|
2874
|
+
store.dispatch(actions.setCustomPanelConfigOptions(resolvedOptions));
|
|
2746
2875
|
store.dispatch(actions.setCustomPanelOpen(true));
|
|
2747
2876
|
},
|
|
2748
2877
|
close() {
|
|
@@ -2754,11 +2883,15 @@ function createCustomPanelInstance(serviceManager) {
|
|
|
2754
2883
|
|
|
2755
2884
|
function createCustomPanelManager(serviceManger) {
|
|
2756
2885
|
const panels = {
|
|
2757
|
-
[DEFAULT_CUSTOM_PANEL_ID]: createCustomPanelInstance(serviceManger)
|
|
2886
|
+
[DEFAULT_CUSTOM_PANEL_ID]: createCustomPanelInstance(serviceManger, DEFAULT_PANEL_CONFIG_OPTIONS_BY_TYPE[PanelType.DEFAULT])
|
|
2887
|
+
};
|
|
2888
|
+
const panelByLocation = {
|
|
2889
|
+
[PanelType.DEFAULT]: DEFAULT_CUSTOM_PANEL_ID
|
|
2758
2890
|
};
|
|
2759
2891
|
return Object.freeze({
|
|
2760
|
-
getPanel() {
|
|
2761
|
-
|
|
2892
|
+
getPanel(panelLocation = PanelType.DEFAULT) {
|
|
2893
|
+
const targetPanelId = panelByLocation[panelLocation] ?? DEFAULT_CUSTOM_PANEL_ID;
|
|
2894
|
+
return panels[targetPanelId];
|
|
2762
2895
|
}
|
|
2763
2896
|
});
|
|
2764
2897
|
}
|
|
@@ -4171,11 +4304,30 @@ const reducers = {
|
|
|
4171
4304
|
allMessageItemsByID: newMessagesByID
|
|
4172
4305
|
};
|
|
4173
4306
|
},
|
|
4174
|
-
[
|
|
4307
|
+
[RESET_IS_LOADING_COUNTER]: state => ({
|
|
4175
4308
|
...state,
|
|
4176
4309
|
assistantMessageState: {
|
|
4177
4310
|
...state.assistantMessageState,
|
|
4178
|
-
isMessageLoadingCounter:
|
|
4311
|
+
isMessageLoadingCounter: 0,
|
|
4312
|
+
isMessageLoadingText: undefined
|
|
4313
|
+
}
|
|
4314
|
+
}),
|
|
4315
|
+
[ADD_IS_LOADING_COUNTER]: (state, action) => {
|
|
4316
|
+
const isMessageLoadingCounter = Math.max(state.assistantMessageState.isMessageLoadingCounter + action.addToIsLoading, 0);
|
|
4317
|
+
return {
|
|
4318
|
+
...state,
|
|
4319
|
+
assistantMessageState: {
|
|
4320
|
+
...state.assistantMessageState,
|
|
4321
|
+
isMessageLoadingCounter: isMessageLoadingCounter,
|
|
4322
|
+
isMessageLoadingText: isMessageLoadingCounter > 0 && action.message ? action.message : undefined
|
|
4323
|
+
}
|
|
4324
|
+
};
|
|
4325
|
+
},
|
|
4326
|
+
[RESET_IS_HYDRATING_COUNTER]: state => ({
|
|
4327
|
+
...state,
|
|
4328
|
+
assistantMessageState: {
|
|
4329
|
+
...state.assistantMessageState,
|
|
4330
|
+
isHydratingCounter: 0
|
|
4179
4331
|
}
|
|
4180
4332
|
}),
|
|
4181
4333
|
[ADD_IS_HYDRATING_COUNTER]: (state, action) => ({
|
|
@@ -4761,7 +4913,20 @@ function createAppConfig(publicConfig) {
|
|
|
4761
4913
|
}
|
|
4762
4914
|
|
|
4763
4915
|
function createInitialState(config) {
|
|
4764
|
-
|
|
4916
|
+
const inputConfig = config.public.input;
|
|
4917
|
+
const assistantInputState = {
|
|
4918
|
+
...DEFAULT_INPUT_STATE
|
|
4919
|
+
};
|
|
4920
|
+
const persistedToBrowserStorage = cloneDeep(DEFAULT_PERSISTED_TO_BROWSER);
|
|
4921
|
+
if (typeof inputConfig?.isVisible === "boolean") {
|
|
4922
|
+
assistantInputState.fieldVisible = inputConfig.isVisible;
|
|
4923
|
+
}
|
|
4924
|
+
if (typeof inputConfig?.isDisabled === "boolean") {
|
|
4925
|
+
assistantInputState.isReadonly = inputConfig.isDisabled;
|
|
4926
|
+
} else if (typeof config.public.isReadonly === "boolean") {
|
|
4927
|
+
assistantInputState.isReadonly = config.public.isReadonly;
|
|
4928
|
+
}
|
|
4929
|
+
const initialState = {
|
|
4765
4930
|
config: config,
|
|
4766
4931
|
...DEFAULT_MESSAGE_STATE,
|
|
4767
4932
|
notifications: [],
|
|
@@ -4769,7 +4934,7 @@ function createInitialState(config) {
|
|
|
4769
4934
|
showNonHeaderBackgroundCover: false,
|
|
4770
4935
|
isRestarting: false,
|
|
4771
4936
|
isBrowserPageVisible: true,
|
|
4772
|
-
assistantInputState:
|
|
4937
|
+
assistantInputState: assistantInputState,
|
|
4773
4938
|
chatWidthBreakpoint: null,
|
|
4774
4939
|
chatWidth: null,
|
|
4775
4940
|
chatHeight: null,
|
|
@@ -4777,13 +4942,14 @@ function createInitialState(config) {
|
|
|
4777
4942
|
viewChanging: false,
|
|
4778
4943
|
initialViewChangeComplete: false,
|
|
4779
4944
|
targetViewState: config.public.openChatByDefault ? VIEW_STATE_MAIN_WINDOW_OPEN : VIEW_STATE_LAUNCHER_OPEN,
|
|
4780
|
-
persistedToBrowserStorage:
|
|
4945
|
+
persistedToBrowserStorage: persistedToBrowserStorage,
|
|
4781
4946
|
humanAgentState: DEFAULT_HUMAN_AGENT_STATE,
|
|
4782
4947
|
iFramePanelState: DEFAULT_IFRAME_PANEL_STATE,
|
|
4783
4948
|
viewSourcePanelState: DEFAULT_CITATION_PANEL_STATE,
|
|
4784
4949
|
customPanelState: DEFAULT_CUSTOM_PANEL_STATE,
|
|
4785
4950
|
responsePanelState: DEFAULT_MESSAGE_PANEL_STATE
|
|
4786
4951
|
};
|
|
4952
|
+
return initialState;
|
|
4787
4953
|
}
|
|
4788
4954
|
|
|
4789
4955
|
function doCreateStore(publicConfig, serviceManager) {
|
|
@@ -4814,6 +4980,9 @@ function doCreateStore(publicConfig, serviceManager) {
|
|
|
4814
4980
|
}
|
|
4815
4981
|
};
|
|
4816
4982
|
}
|
|
4983
|
+
if (typeof config.public.launcher?.showUnreadIndicator === "boolean") {
|
|
4984
|
+
initialState.persistedToBrowserStorage.showUnreadIndicator = config.public.launcher.showUnreadIndicator;
|
|
4985
|
+
}
|
|
4817
4986
|
return createAppStore(reducerFunction, initialState);
|
|
4818
4987
|
}
|
|
4819
4988
|
|
|
@@ -4909,51 +5078,6 @@ function createServiceManager(appConfig) {
|
|
|
4909
5078
|
return serviceManager;
|
|
4910
5079
|
}
|
|
4911
5080
|
|
|
4912
|
-
const getAssistantInputState = state => state.assistantInputState;
|
|
4913
|
-
|
|
4914
|
-
const getHumanAgentInputState = state => state.humanAgentState.inputState;
|
|
4915
|
-
|
|
4916
|
-
const getHumanAgentState = state => state.humanAgentState;
|
|
4917
|
-
|
|
4918
|
-
const getPersistedHumanAgent = state => state.persistedToBrowserStorage.humanAgentState;
|
|
4919
|
-
|
|
4920
|
-
function selectHumanAgentDisplayState(state) {
|
|
4921
|
-
const humanAgentState = getHumanAgentState(state);
|
|
4922
|
-
const persisted = getPersistedHumanAgent(state);
|
|
4923
|
-
if (persisted.isSuspended) {
|
|
4924
|
-
return {
|
|
4925
|
-
isConnectingOrConnected: false,
|
|
4926
|
-
disableInput: false,
|
|
4927
|
-
isHumanAgentTyping: false,
|
|
4928
|
-
inputPlaceholderKey: null
|
|
4929
|
-
};
|
|
4930
|
-
}
|
|
4931
|
-
const {isReconnecting: isReconnecting, isConnecting: isConnecting, isHumanAgentTyping: isHumanAgentTyping} = humanAgentState;
|
|
4932
|
-
const {isConnected: isConnected} = persisted;
|
|
4933
|
-
let inputPlaceholderKey;
|
|
4934
|
-
if (isConnecting) {
|
|
4935
|
-
inputPlaceholderKey = "agent_inputPlaceholderConnecting";
|
|
4936
|
-
} else if (isReconnecting) {
|
|
4937
|
-
inputPlaceholderKey = "agent_inputPlaceholderReconnecting";
|
|
4938
|
-
} else {
|
|
4939
|
-
inputPlaceholderKey = null;
|
|
4940
|
-
}
|
|
4941
|
-
return {
|
|
4942
|
-
isHumanAgentTyping: isHumanAgentTyping,
|
|
4943
|
-
isConnectingOrConnected: isConnecting || isConnected,
|
|
4944
|
-
disableInput: isConnecting || isReconnecting,
|
|
4945
|
-
inputPlaceholderKey: inputPlaceholderKey
|
|
4946
|
-
};
|
|
4947
|
-
}
|
|
4948
|
-
|
|
4949
|
-
function selectIsInputToHumanAgent(state) {
|
|
4950
|
-
return selectHumanAgentDisplayState(state).isConnectingOrConnected;
|
|
4951
|
-
}
|
|
4952
|
-
|
|
4953
|
-
function selectInputState(state) {
|
|
4954
|
-
return selectIsInputToHumanAgent(state) ? getHumanAgentInputState(state) : getAssistantInputState(state);
|
|
4955
|
-
}
|
|
4956
|
-
|
|
4957
5081
|
var ChatWidthBreakpoint;
|
|
4958
5082
|
|
|
4959
5083
|
(function(ChatWidthBreakpoint) {
|
|
@@ -4988,18 +5112,19 @@ function createChatInstance({serviceManager: serviceManager}) {
|
|
|
4988
5112
|
serviceManager.mainWindow?.doAutoScroll?.(options);
|
|
4989
5113
|
},
|
|
4990
5114
|
updateInputFieldVisibility: isVisible => {
|
|
4991
|
-
|
|
5115
|
+
consoleWarn("instance.updateInputFieldVisibility is deprecated. Use The input.isVisible property to configure this behavior.");
|
|
4992
5116
|
serviceManager.store.dispatch(actions.updateInputState({
|
|
4993
5117
|
fieldVisible: isVisible
|
|
4994
5118
|
}, false));
|
|
4995
5119
|
},
|
|
4996
5120
|
updateInputIsDisabled: isDisabled => {
|
|
4997
|
-
|
|
5121
|
+
consoleWarn("instance.updateInputIsDisabled is deprecated. Use the input.isDisabled property to configure this behavior.");
|
|
4998
5122
|
serviceManager.store.dispatch(actions.updateInputState({
|
|
4999
5123
|
isReadonly: isDisabled
|
|
5000
5124
|
}, false));
|
|
5001
5125
|
},
|
|
5002
5126
|
updateAssistantUnreadIndicatorVisibility: isVisible => {
|
|
5127
|
+
consoleWarn("instance.updateAssistantUnreadIndicatorVisibility is deprecated. Use public.launcher.showUnreadIndicator to configure this behavior.");
|
|
5003
5128
|
debugLog("Called instance.updateAssistantUnreadIndicatorVisibility", isVisible);
|
|
5004
5129
|
serviceManager.store.dispatch(actions.setLauncherProperty("showUnreadIndicator", isVisible));
|
|
5005
5130
|
},
|
|
@@ -5043,6 +5168,12 @@ function createChatInstance({serviceManager: serviceManager}) {
|
|
|
5043
5168
|
serviceManager.actions.removeAllNotifications();
|
|
5044
5169
|
}
|
|
5045
5170
|
},
|
|
5171
|
+
input: {
|
|
5172
|
+
updateRawValue: updater => {
|
|
5173
|
+
debugLog("Called instance.input.updateRawValue");
|
|
5174
|
+
serviceManager.actions.updateRawInputValue(updater);
|
|
5175
|
+
}
|
|
5176
|
+
},
|
|
5046
5177
|
getState: () => serviceManager.actions.getPublicChatState(),
|
|
5047
5178
|
writeableElements: serviceManager.writeableElements,
|
|
5048
5179
|
scrollToMessage: (messageID, animate) => {
|
|
@@ -5055,34 +5186,39 @@ function createChatInstance({serviceManager: serviceManager}) {
|
|
|
5055
5186
|
consoleWarn("instance.restartConversation is deprecated. Use instance.messaging.restartConversation instead.");
|
|
5056
5187
|
return instance.messaging.restartConversation();
|
|
5057
5188
|
},
|
|
5058
|
-
updateIsMessageLoadingCounter(direction) {
|
|
5189
|
+
updateIsMessageLoadingCounter(direction, message) {
|
|
5059
5190
|
debugLog("Called instance.updateIsMessageLoadingCounter", direction);
|
|
5060
5191
|
const {store: store} = serviceManager;
|
|
5061
|
-
if (direction === "
|
|
5062
|
-
store.dispatch(actions.
|
|
5192
|
+
if (direction === "reset") {
|
|
5193
|
+
store.dispatch(actions.resetIsLoadingCounter());
|
|
5194
|
+
} else if (direction === "increase") {
|
|
5195
|
+
store.dispatch(actions.addIsLoadingCounter(1, message));
|
|
5063
5196
|
} else if (direction === "decrease") {
|
|
5064
5197
|
if (store.getState().assistantMessageState.isMessageLoadingCounter <= 0) {
|
|
5065
|
-
consoleError("You cannot decrease the loading counter when it is already <= 0");
|
|
5066
5198
|
return;
|
|
5067
5199
|
}
|
|
5068
|
-
store.dispatch(actions.addIsLoadingCounter(-1));
|
|
5069
|
-
} else {
|
|
5070
|
-
|
|
5200
|
+
store.dispatch(actions.addIsLoadingCounter(-1, message));
|
|
5201
|
+
} else if (!direction && message) {
|
|
5202
|
+
store.dispatch(actions.addIsLoadingCounter(0, message));
|
|
5203
|
+
}
|
|
5204
|
+
if (direction) {
|
|
5205
|
+
consoleError(`[updateIsMessageLoadingCounter] Invalid direction: ${direction}. Valid values are undefined, "reset", "increase" and "decrease".`);
|
|
5071
5206
|
}
|
|
5072
5207
|
},
|
|
5073
5208
|
updateIsChatLoadingCounter(direction) {
|
|
5074
5209
|
debugLog("Called instance.updateIsChatLoadingCounter", direction);
|
|
5075
5210
|
const {store: store} = serviceManager;
|
|
5076
|
-
if (direction === "
|
|
5211
|
+
if (direction === "reset") {
|
|
5212
|
+
store.dispatch(actions.resetIsHydratingCounter());
|
|
5213
|
+
} else if (direction === "increase") {
|
|
5077
5214
|
store.dispatch(actions.addIsHydratingCounter(1));
|
|
5078
5215
|
} else if (direction === "decrease") {
|
|
5079
5216
|
if (store.getState().assistantMessageState.isHydratingCounter <= 0) {
|
|
5080
|
-
consoleError("You cannot decrease the hydrating counter when it is already <= 0");
|
|
5081
5217
|
return;
|
|
5082
5218
|
}
|
|
5083
5219
|
store.dispatch(actions.addIsHydratingCounter(-1));
|
|
5084
5220
|
} else {
|
|
5085
|
-
consoleError(`[updateIsChatLoadingCounter] Invalid direction: ${direction}. Valid values are "increase" and "decrease".`);
|
|
5221
|
+
consoleError(`[updateIsChatLoadingCounter] Invalid direction: ${direction}. Valid values are "reset", "increase" and "decrease".`);
|
|
5086
5222
|
}
|
|
5087
5223
|
},
|
|
5088
5224
|
messaging: {
|
|
@@ -7671,7 +7807,7 @@ __decorate([ property({
|
|
|
7671
7807
|
|
|
7672
7808
|
CDSChatCodeElement = __decorate([ carbonElement(`cds-custom-aichat-code`) ], CDSChatCodeElement);
|
|
7673
7809
|
|
|
7674
|
-
var css_248z$8 = "cds-custom-table-header-title,\ncds-custom-table-header-description,\ncds-custom-table-toolbar{\n position:sticky;\n inline-size:var(--cds-custom-aichat-table-width, auto);\n inset-inline-start:0;\n}\n\ncds-custom-table-header-title,\ncds-custom-table-header-description{\n padding:0 1rem;\n inline-size:calc(var(--cds-custom-aichat-table-width, auto) - 1rem - 1rem);\n margin-inline:-1rem;\n}\n\ncds-custom-table-header-description{\n margin-block-end:-0.5rem;\n}\n\n:dir(rtl) cds-custom-table-header-title,\n:dir(rtl) cds-custom-table-header-description,\n:dir(rtl) cds-custom-table-toolbar{\n right:0;\n left:unset;\n}\n\ncds-custom-pagination,\ncds-custom-table{\n grid-column:1;\n inline-size:100%;\n}\n\n.cds-custom-ai-chat-table-container{\n display:grid;\n grid-template-columns:minmax(max-content, 1fr);\n inline-size:100%;\n overflow-x:auto;\n}\n\n.cds-custom-ai-chat-table-container.cds-custom--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n .cds-custom-ai-chat-table-container.cds-custom--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n.cds-custom-ai-chat-table-container.cds-custom--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n\n.cds-custom-ai-chat-table-container.cds-custom--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n .cds-custom-ai-chat-table-container.cds-custom--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n.cds-custom-ai-chat-table-container.cds-custom--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}";
|
|
7810
|
+
var css_248z$8 = "cds-custom-table::part(inner-container){\n display:grid;\n grid-template-columns:minmax(max-content, 1fr);\n}";
|
|
7675
7811
|
|
|
7676
7812
|
function tableTemplate(tableElement) {
|
|
7677
7813
|
const {tableTitle: tableTitle, tableDescription: tableDescription, headers: headers, filterPlaceholderText: filterPlaceholderText, locale: locale, _handleDownload: handleDownload, _rowsWithIDs: tableRowsWithIDs, _allowFiltering: allowTableFiltering, _handleFilterEvent: handleFilterEvent} = tableElement;
|
|
@@ -7800,50 +7936,20 @@ let TableElement = class TableElement extends LitElement {
|
|
|
7800
7936
|
set defaultPageSize(value) {
|
|
7801
7937
|
this._defaultPageSize = value;
|
|
7802
7938
|
}
|
|
7803
|
-
connectedCallback() {
|
|
7804
|
-
super.connectedCallback();
|
|
7805
|
-
this._setupParentResizeObserver();
|
|
7806
|
-
}
|
|
7807
|
-
disconnectedCallback() {
|
|
7808
|
-
super.disconnectedCallback();
|
|
7809
|
-
this._cleanupParentResizeObserver();
|
|
7810
|
-
}
|
|
7811
7939
|
firstUpdated(_changedProperties) {
|
|
7812
7940
|
this._setPageSize();
|
|
7813
|
-
this.
|
|
7941
|
+
this._updateDefaultPageSize();
|
|
7814
7942
|
}
|
|
7815
|
-
|
|
7816
|
-
if (typeof ResizeObserver !== "undefined" && this.parentElement) {
|
|
7817
|
-
this._parentResizeObserver = new ResizeObserver(debounce(entries => {
|
|
7818
|
-
for (const entry of entries) {
|
|
7819
|
-
const elementWidth = entry.target.offsetWidth;
|
|
7820
|
-
if (elementWidth > 0) {
|
|
7821
|
-
this.style.setProperty("--cds-custom-aichat-table-width", `${elementWidth}px`);
|
|
7822
|
-
}
|
|
7823
|
-
}
|
|
7824
|
-
}, 100));
|
|
7825
|
-
this._parentResizeObserver.observe(this.parentElement);
|
|
7826
|
-
}
|
|
7827
|
-
}
|
|
7828
|
-
_cleanupParentResizeObserver() {
|
|
7829
|
-
if (this._parentResizeObserver) {
|
|
7830
|
-
this._parentResizeObserver.disconnect();
|
|
7831
|
-
this._parentResizeObserver = undefined;
|
|
7832
|
-
}
|
|
7833
|
-
}
|
|
7834
|
-
_updateParentWidthCSSProperty() {
|
|
7943
|
+
_updateDefaultPageSize() {
|
|
7835
7944
|
if (this.parentElement) {
|
|
7836
7945
|
let parentWidth = this.parentElement.offsetWidth;
|
|
7837
7946
|
if (parentWidth === 0) {
|
|
7838
7947
|
parentWidth = PAGE_SIZE_WIDTH_THRESHOLD - 1;
|
|
7839
7948
|
}
|
|
7840
|
-
if (parentWidth > 0) {
|
|
7841
|
-
this.
|
|
7842
|
-
if (this.
|
|
7843
|
-
this.
|
|
7844
|
-
if (this._currentPageSize === 5) {
|
|
7845
|
-
this._currentPageSize = this._defaultPageSize;
|
|
7846
|
-
}
|
|
7949
|
+
if (parentWidth > 0 && this._defaultPageSize === 5) {
|
|
7950
|
+
this._defaultPageSize = parentWidth > PAGE_SIZE_WIDTH_THRESHOLD ? 10 : 5;
|
|
7951
|
+
if (this._currentPageSize === 5) {
|
|
7952
|
+
this._currentPageSize = this._defaultPageSize;
|
|
7847
7953
|
}
|
|
7848
7954
|
}
|
|
7849
7955
|
}
|
|
@@ -10076,6 +10182,42 @@ function TextHolderTile({title: title, description: description, displayURL: dis
|
|
|
10076
10182
|
}, displayURL))));
|
|
10077
10183
|
}
|
|
10078
10184
|
|
|
10185
|
+
function TranscriptComponent({text: text, label: label, language: language}) {
|
|
10186
|
+
const [isExpanded, setIsExpanded] = useState(false);
|
|
10187
|
+
const {media_transcript_label: media_transcript_label} = useLanguagePack();
|
|
10188
|
+
const ChevronDown = carbonIconToReact(ChevronDown16);
|
|
10189
|
+
const ChevronUp = carbonIconToReact(ChevronUp16);
|
|
10190
|
+
const displayLabel = label || media_transcript_label || "Transcript";
|
|
10191
|
+
const handleToggle = () => {
|
|
10192
|
+
setIsExpanded(!isExpanded);
|
|
10193
|
+
};
|
|
10194
|
+
return React.createElement("div", {
|
|
10195
|
+
className: "cds-custom-aichat--media-transcript"
|
|
10196
|
+
}, React.createElement("button", {
|
|
10197
|
+
className: "cds-custom-aichat--media-transcript__toggle",
|
|
10198
|
+
onClick: handleToggle,
|
|
10199
|
+
"aria-expanded": isExpanded,
|
|
10200
|
+
type: "button"
|
|
10201
|
+
}, React.createElement("span", {
|
|
10202
|
+
className: "cds-custom-aichat--media-transcript__toggle-label"
|
|
10203
|
+
}, displayLabel, " ", language && React.createElement("span", {
|
|
10204
|
+
className: "cds-custom-aichat--media-transcript__language"
|
|
10205
|
+
}, "(", language, ")")), isExpanded ? React.createElement(ChevronUp, {
|
|
10206
|
+
className: "cds-custom-aichat--media-transcript__toggle-icon"
|
|
10207
|
+
}) : React.createElement(ChevronDown, {
|
|
10208
|
+
className: "cds-custom-aichat--media-transcript__toggle-icon"
|
|
10209
|
+
})), isExpanded && React.createElement("div", {
|
|
10210
|
+
className: cx("cds-custom-aichat--media-transcript__content", {
|
|
10211
|
+
"cds-custom-aichat--media-transcript__content--visible": isExpanded
|
|
10212
|
+
})
|
|
10213
|
+
}, React.createElement(Markdown, {
|
|
10214
|
+
sanitizeHTML: true,
|
|
10215
|
+
markdown: text
|
|
10216
|
+
})));
|
|
10217
|
+
}
|
|
10218
|
+
|
|
10219
|
+
const TranscriptComponentExport = React.memo(TranscriptComponent);
|
|
10220
|
+
|
|
10079
10221
|
const ReactPlayerComponent = React.lazy(() => import("react-player/lazy/index.js").then(mod => {
|
|
10080
10222
|
let exported = mod.default ?? mod;
|
|
10081
10223
|
if (exported && typeof exported === "object" && "default" in exported) {
|
|
@@ -10086,7 +10228,7 @@ const ReactPlayerComponent = React.lazy(() => import("react-player/lazy/index.js
|
|
|
10086
10228
|
};
|
|
10087
10229
|
}));
|
|
10088
10230
|
|
|
10089
|
-
function MediaPlayerComponent({type: type, source: source, title: title, description: description, ariaLabel: ariaLabel, isMixcloud: isMixcloud, baseHeight: baseHeight, doAutoScroll: doAutoScroll, playing: playing, onPlay: onPlay, onPause: onPause, hideIconAndTitle: hideIconAndTitle, needsAnnouncement: needsAnnouncement}) {
|
|
10231
|
+
function MediaPlayerComponent({type: type, source: source, title: title, description: description, ariaLabel: ariaLabel, isMixcloud: isMixcloud, baseHeight: baseHeight, doAutoScroll: doAutoScroll, playing: playing, onPlay: onPlay, onPause: onPause, hideIconAndTitle: hideIconAndTitle, needsAnnouncement: needsAnnouncement, subtitle_tracks: subtitle_tracks, transcript: transcript}) {
|
|
10090
10232
|
const [skeletonHidden, setSkeletonHidden] = useState(false);
|
|
10091
10233
|
const [errorLoading, setErrorLoading] = useState(false);
|
|
10092
10234
|
const {errors_audioSource: errors_audioSource, errors_videoSource: errors_videoSource} = useLanguagePack();
|
|
@@ -10186,11 +10328,21 @@ function MediaPlayerComponent({type: type, source: source, title: title, descrip
|
|
|
10186
10328
|
height: "100%",
|
|
10187
10329
|
config: {
|
|
10188
10330
|
file: {
|
|
10189
|
-
forceVideo:
|
|
10331
|
+
forceVideo: type === MessageResponseTypes.VIDEO,
|
|
10190
10332
|
attributes: {
|
|
10191
10333
|
controlsList: "nodownload",
|
|
10192
|
-
"aria-label": ariaLabel || description || title
|
|
10193
|
-
|
|
10334
|
+
"aria-label": ariaLabel || description || title,
|
|
10335
|
+
crossOrigin: "anonymous"
|
|
10336
|
+
},
|
|
10337
|
+
...type === MessageResponseTypes.VIDEO && subtitle_tracks && subtitle_tracks.length > 0 ? {
|
|
10338
|
+
tracks: subtitle_tracks.map(track => ({
|
|
10339
|
+
kind: track.kind || "subtitles",
|
|
10340
|
+
src: track.src,
|
|
10341
|
+
srcLang: track.language,
|
|
10342
|
+
label: track.label,
|
|
10343
|
+
default: track.default || false
|
|
10344
|
+
}))
|
|
10345
|
+
} : {}
|
|
10194
10346
|
}
|
|
10195
10347
|
},
|
|
10196
10348
|
playsinline: true,
|
|
@@ -10204,6 +10356,10 @@ function MediaPlayerComponent({type: type, source: source, title: title, descrip
|
|
|
10204
10356
|
title: title,
|
|
10205
10357
|
description: description,
|
|
10206
10358
|
hideTitle: hideIconAndTitle
|
|
10359
|
+
}), type === MessageResponseTypes.AUDIO && transcript && React.createElement(TranscriptComponentExport, {
|
|
10360
|
+
text: transcript.text,
|
|
10361
|
+
label: transcript.label,
|
|
10362
|
+
language: transcript.language
|
|
10207
10363
|
}))));
|
|
10208
10364
|
}
|
|
10209
10365
|
|
|
@@ -10973,7 +11129,7 @@ const OperationalTag = createComponent({
|
|
|
10973
11129
|
react: React
|
|
10974
11130
|
});
|
|
10975
11131
|
|
|
10976
|
-
const ChevronDown = carbonIconToReact(ChevronDown16);
|
|
11132
|
+
const ChevronDown$1 = carbonIconToReact(ChevronDown16);
|
|
10977
11133
|
|
|
10978
11134
|
const ChevronUp = carbonIconToReact(ChevronUp16);
|
|
10979
11135
|
|
|
@@ -11012,7 +11168,7 @@ function ConversationalSearchText(props) {
|
|
|
11012
11168
|
"aria-label": languagePack.conversationalSearch_toggleCitations
|
|
11013
11169
|
}, React.createElement("span", {
|
|
11014
11170
|
slot: "icon"
|
|
11015
|
-
}, citationsOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null))))));
|
|
11171
|
+
}, citationsOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown$1, null))))));
|
|
11016
11172
|
}
|
|
11017
11173
|
|
|
11018
11174
|
function insertHighlightMarkdown(text, highlightCitation) {
|
|
@@ -11504,8 +11660,10 @@ function IFrameComponent({title: title, source: source, onTimeoutOverride: onTim
|
|
|
11504
11660
|
className: "cds-custom-aichat--i-frame-component__i-frame",
|
|
11505
11661
|
title: title,
|
|
11506
11662
|
src: source,
|
|
11507
|
-
sandbox: "allow-scripts allow-downloads allow-forms allow-popups",
|
|
11663
|
+
sandbox: "allow-scripts allow-downloads allow-forms allow-popups allow-same-origin",
|
|
11508
11664
|
referrerPolicy: "origin",
|
|
11665
|
+
role: "application",
|
|
11666
|
+
tabIndex: 0,
|
|
11509
11667
|
onLoad: handleIFrameLoaded
|
|
11510
11668
|
}), showSpinner && renderLoadingSpinner());
|
|
11511
11669
|
}
|
|
@@ -12239,25 +12397,27 @@ function MessageTypeComponent(props) {
|
|
|
12239
12397
|
function renderVideoMessage(message) {
|
|
12240
12398
|
const {doAutoScroll: doAutoScroll} = props;
|
|
12241
12399
|
const {item: item} = message;
|
|
12242
|
-
const {source: source, title: title, description: description, alt_text: alt_text} = item;
|
|
12400
|
+
const {source: source, title: title, description: description, alt_text: alt_text, file_accessibility: file_accessibility} = item;
|
|
12243
12401
|
return React.createElement(VideoComponentExport, {
|
|
12244
12402
|
source: source,
|
|
12245
12403
|
title: title,
|
|
12246
12404
|
description: description,
|
|
12247
12405
|
baseHeight: getMediaDimensions(item)?.base_height,
|
|
12248
12406
|
ariaLabel: alt_text,
|
|
12407
|
+
subtitle_tracks: file_accessibility?.subtitle_tracks,
|
|
12249
12408
|
doAutoScroll: doAutoScroll,
|
|
12250
12409
|
needsAnnouncement: message.ui_state.needsAnnouncement
|
|
12251
12410
|
});
|
|
12252
12411
|
}
|
|
12253
12412
|
function renderAudioMessage(message) {
|
|
12254
12413
|
const {doAutoScroll: doAutoScroll} = props;
|
|
12255
|
-
const {source: source, title: title, description: description, alt_text: alt_text} = message.item;
|
|
12414
|
+
const {source: source, title: title, description: description, alt_text: alt_text, file_accessibility: file_accessibility} = message.item;
|
|
12256
12415
|
return React.createElement(AudioComponentExport, {
|
|
12257
12416
|
source: source,
|
|
12258
12417
|
title: title,
|
|
12259
12418
|
description: description,
|
|
12260
12419
|
ariaLabel: alt_text,
|
|
12420
|
+
transcript: file_accessibility?.transcript,
|
|
12261
12421
|
doAutoScroll: doAutoScroll,
|
|
12262
12422
|
needsAnnouncement: message.ui_state.needsAnnouncement
|
|
12263
12423
|
});
|
|
@@ -12929,7 +13089,7 @@ var MessageComponent$1 = withAriaAnnouncer(injectIntl(MessageComponent, {
|
|
|
12929
13089
|
forwardRef: true
|
|
12930
13090
|
}));
|
|
12931
13091
|
|
|
12932
|
-
const DownToBottom
|
|
13092
|
+
const DownToBottom = carbonIconToReact(DownToBottom16);
|
|
12933
13093
|
|
|
12934
13094
|
class MessagesComponent extends PureComponent {
|
|
12935
13095
|
constructor() {
|
|
@@ -13192,7 +13352,7 @@ class MessagesComponent extends PureComponent {
|
|
|
13192
13352
|
}
|
|
13193
13353
|
return [];
|
|
13194
13354
|
}
|
|
13195
|
-
renderTypingIndicator(isTypingMessage, index) {
|
|
13355
|
+
renderTypingIndicator(isTypingMessage, index, statusMessage) {
|
|
13196
13356
|
return React.createElement("div", {
|
|
13197
13357
|
className: `cds-custom-aichat--message cds-custom-aichat--message-${index} cds-custom-aichat--message--last-message`
|
|
13198
13358
|
}, React.createElement("div", {
|
|
@@ -13205,10 +13365,15 @@ class MessagesComponent extends PureComponent {
|
|
|
13205
13365
|
className: "cds-custom-aichat--received cds-custom-aichat--received--loading cds-custom-aichat--message-vertical-padding"
|
|
13206
13366
|
}, React.createElement("div", {
|
|
13207
13367
|
className: "cds-custom-aichat--received--inner"
|
|
13368
|
+
}, React.createElement("div", {
|
|
13369
|
+
className: "cds-custom-aichat--processing"
|
|
13208
13370
|
}, React.createElement(Processing, {
|
|
13371
|
+
className: "cds-custom-aichat--processing-component",
|
|
13209
13372
|
loop: true,
|
|
13210
13373
|
carbonTheme: this.props.carbonTheme
|
|
13211
|
-
})
|
|
13374
|
+
}), " ", React.createElement("div", {
|
|
13375
|
+
className: "cds-custom-aichat--processing-label"
|
|
13376
|
+
}, statusMessage)))))));
|
|
13212
13377
|
}
|
|
13213
13378
|
renderMessage(localMessage, fullMessage, messagesIndex, showBeforeWelcomeNodeElement, isMessageForInput, isFirstMessageItem, isLastMessageItem, lastMessageID) {
|
|
13214
13379
|
const {serviceManager: serviceManager, config: config, requestInputFocus: requestInputFocus, persistedToBrowserStorage: persistedToBrowserStorage, config: {public: {assistantName: assistantName}, derived: {languagePack: languagePack}}, messageState: messageState, carbonTheme: carbonTheme, useAITheme: useAITheme} = this.props;
|
|
@@ -13333,7 +13498,7 @@ class MessagesComponent extends PureComponent {
|
|
|
13333
13498
|
}
|
|
13334
13499
|
render() {
|
|
13335
13500
|
const {localMessageItems: localMessageItems, messageState: messageState, intl: intl, assistantName: assistantName, serviceManager: serviceManager, notifications: notifications, config: {derived: {languagePack: languagePack}}} = this.props;
|
|
13336
|
-
const {isMessageLoadingCounter: isMessageLoadingCounter} = messageState;
|
|
13501
|
+
const {isMessageLoadingCounter: isMessageLoadingCounter, isMessageLoadingText: isMessageLoadingText} = messageState;
|
|
13337
13502
|
const {isHumanAgentTyping: isHumanAgentTyping} = selectHumanAgentDisplayState(this.props);
|
|
13338
13503
|
const {scrollHandleHasFocus: scrollHandleHasFocus, scrollDown: scrollDown} = this.state;
|
|
13339
13504
|
const messageIDForInput = this.getMessageIDForUserInput();
|
|
@@ -13355,15 +13520,15 @@ class MessagesComponent extends PureComponent {
|
|
|
13355
13520
|
}, this.renderHumanAgentBanner(), React.createElement("div", {
|
|
13356
13521
|
className: cx("cds-custom-aichat--messages__wrapper", {
|
|
13357
13522
|
"cds-custom-aichat--messages__wrapper--scroll-handle-has-focus": scrollHandleHasFocus
|
|
13358
|
-
})
|
|
13359
|
-
}, React.createElement("div", {
|
|
13360
|
-
className: "cds-custom-aichat--messages",
|
|
13523
|
+
}),
|
|
13361
13524
|
ref: this.messagesContainerWithScrollingRef,
|
|
13362
13525
|
onScroll: () => {
|
|
13363
13526
|
this.checkScrollAnchor();
|
|
13364
13527
|
this.renderScrollDownNotification();
|
|
13365
13528
|
}
|
|
13366
|
-
},
|
|
13529
|
+
}, React.createElement("div", {
|
|
13530
|
+
className: "cds-custom-aichat--messages"
|
|
13531
|
+
}, this.renderScrollHandle(true), regularMessages, (Boolean(isMessageLoadingCounter) || isHumanAgentTyping) && this.renderTypingIndicator(isTypingMessage, localMessageItems.length, isMessageLoadingCounter ? isMessageLoadingText : undefined), React.createElement(Notifications, {
|
|
13367
13532
|
serviceManager: serviceManager,
|
|
13368
13533
|
notifications: notifications
|
|
13369
13534
|
}), this.renderScrollHandle(false), scrollDown && React.createElement(MountChildrenOnDelay, {
|
|
@@ -13377,7 +13542,7 @@ class MessagesComponent extends PureComponent {
|
|
|
13377
13542
|
scrollToBottom: 0,
|
|
13378
13543
|
preferAnimate: true
|
|
13379
13544
|
})
|
|
13380
|
-
}, React.createElement(DownToBottom
|
|
13545
|
+
}, React.createElement(DownToBottom, null))))));
|
|
13381
13546
|
}
|
|
13382
13547
|
}
|
|
13383
13548
|
|
|
@@ -13657,8 +13822,6 @@ const ChatHeaderTitle = createComponent({
|
|
|
13657
13822
|
react: React
|
|
13658
13823
|
});
|
|
13659
13824
|
|
|
13660
|
-
const HideComponentContext = React.createContext(false);
|
|
13661
|
-
|
|
13662
13825
|
const AISlug = createComponent({
|
|
13663
13826
|
tagName: "cds-custom-ai-label",
|
|
13664
13827
|
elementClass: CDSAILabel,
|
|
@@ -13667,7 +13830,7 @@ const AISlug = createComponent({
|
|
|
13667
13830
|
|
|
13668
13831
|
const CloseLarge = carbonIconToReact(CloseLarge16);
|
|
13669
13832
|
|
|
13670
|
-
const
|
|
13833
|
+
const ChevronDown = carbonIconToReact(ChevronDown16);
|
|
13671
13834
|
|
|
13672
13835
|
const OverflowMenuVertical = carbonIconToReact(OverflowMenuVertical16);
|
|
13673
13836
|
|
|
@@ -13678,32 +13841,22 @@ const SidePanelClose = carbonIconToReact(SidePanelClose16);
|
|
|
13678
13841
|
const SubtractLarge = carbonIconToReact(SubtractLarge16);
|
|
13679
13842
|
|
|
13680
13843
|
function Header(props, ref) {
|
|
13681
|
-
const {displayName: displayName, backContent: backContent, showRestartButton: showRestartButton, showBackButton: showBackButton, labelBackButton: labelBackButton, onClickClose: onClickClose, onClickRestart: onClickRestart, onClickBack: onClickBack, overflowItems: overflowItems, overflowClicked: overflowClicked, backButtonType: backButtonType, hideCloseButton: hideCloseButton,
|
|
13844
|
+
const {displayName: displayName, backContent: backContent, showRestartButton: showRestartButton, showBackButton: showBackButton, labelBackButton: labelBackButton, onClickClose: onClickClose, onClickRestart: onClickRestart, onClickBack: onClickBack, overflowItems: overflowItems, overflowClicked: overflowClicked, backButtonType: backButtonType, hideCloseButton: hideCloseButton, showAiLabel: showAiLabel, title: title, closeButtonLabel: closeButtonLabel, overflowMenuTooltip: overflowMenuTooltip, overflowMenuAriaLabel: overflowMenuAriaLabel, restartButtonLabel: restartButtonLabel, aiSlugLabel: aiSlugLabel, aiSlugTitle: aiSlugTitle, aiSlugDescription: aiSlugDescription, aiSlugAfterDescriptionElement: aiSlugAfterDescriptionElement, isAiSlugHidden: isAiSlugHidden, minimizeButtonIconType: minimizeButtonIconType = MinimizeButtonIconType.MINIMIZE, isRestarting: isRestarting = false} = props;
|
|
13682
13845
|
const backButtonRef = useRef(undefined);
|
|
13683
13846
|
const restartButtonRef = useRef(undefined);
|
|
13684
13847
|
const closeButtonRef = useRef(undefined);
|
|
13685
13848
|
const overflowRef = useRef(undefined);
|
|
13686
|
-
const serviceManager = useServiceManager();
|
|
13687
|
-
const languagePack = useLanguagePack();
|
|
13688
|
-
const publicConfig = useSelector(state => state.config.public);
|
|
13689
|
-
const isRestarting = useSelector(state => state.isRestarting);
|
|
13690
13849
|
const isRTL = document.dir === "rtl";
|
|
13691
|
-
const
|
|
13692
|
-
const
|
|
13693
|
-
const
|
|
13694
|
-
const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : header?.showAiLabel !== false;
|
|
13695
|
-
const chatHeaderTitle = enableChatHeaderConfig ? chatHeaderConfig?.title : undefined;
|
|
13696
|
-
const chatHeaderName = enableChatHeaderConfig ? chatHeaderConfig?.name : undefined;
|
|
13697
|
-
const chatHeaderDisplayName = chatHeaderName || displayName;
|
|
13698
|
-
const useHideCloseButton = header?.hideMinimizeButton || hideCloseButton;
|
|
13850
|
+
const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : true;
|
|
13851
|
+
const showAiSlugContent = shouldShowAiLabel && !isAiSlugHidden && !!(aiSlugLabel || aiSlugTitle || aiSlugDescription || aiSlugAfterDescriptionElement);
|
|
13852
|
+
const useHideCloseButton = hideCloseButton ?? false;
|
|
13699
13853
|
let closeIcon;
|
|
13700
13854
|
let closeReverseIcon = false;
|
|
13701
13855
|
let closeIsReversible = true;
|
|
13702
|
-
const minimizeButtonIconType = header?.minimizeButtonIconType;
|
|
13703
13856
|
switch (minimizeButtonIconType) {
|
|
13704
13857
|
case MinimizeButtonIconType.CLOSE:
|
|
13705
13858
|
closeIcon = React.createElement(CloseLarge, {
|
|
13706
|
-
"aria-label":
|
|
13859
|
+
"aria-label": closeButtonLabel,
|
|
13707
13860
|
slot: "icon",
|
|
13708
13861
|
className: "cds-custom-aichat--icon__close"
|
|
13709
13862
|
});
|
|
@@ -13711,7 +13864,7 @@ function Header(props, ref) {
|
|
|
13711
13864
|
|
|
13712
13865
|
case MinimizeButtonIconType.MINIMIZE:
|
|
13713
13866
|
closeIcon = React.createElement(SubtractLarge, {
|
|
13714
|
-
"aria-label":
|
|
13867
|
+
"aria-label": closeButtonLabel,
|
|
13715
13868
|
slot: "icon",
|
|
13716
13869
|
className: "cds-custom-aichat--icon__subtract"
|
|
13717
13870
|
});
|
|
@@ -13720,7 +13873,7 @@ function Header(props, ref) {
|
|
|
13720
13873
|
case MinimizeButtonIconType.SIDE_PANEL_LEFT:
|
|
13721
13874
|
closeIsReversible = false;
|
|
13722
13875
|
closeIcon = React.createElement(SidePanelClose, {
|
|
13723
|
-
"aria-label":
|
|
13876
|
+
"aria-label": closeButtonLabel,
|
|
13724
13877
|
slot: "icon",
|
|
13725
13878
|
className: "cds-custom-aichat--icon__side-panel-close"
|
|
13726
13879
|
});
|
|
@@ -13730,7 +13883,7 @@ function Header(props, ref) {
|
|
|
13730
13883
|
closeIsReversible = false;
|
|
13731
13884
|
closeReverseIcon = true;
|
|
13732
13885
|
closeIcon = React.createElement(SidePanelClose, {
|
|
13733
|
-
"aria-label":
|
|
13886
|
+
"aria-label": closeButtonLabel,
|
|
13734
13887
|
slot: "icon",
|
|
13735
13888
|
className: "cds-custom-aichat--icon__side-panel-close"
|
|
13736
13889
|
});
|
|
@@ -13739,7 +13892,7 @@ function Header(props, ref) {
|
|
|
13739
13892
|
default:
|
|
13740
13893
|
{
|
|
13741
13894
|
closeIcon = React.createElement(SubtractLarge, {
|
|
13742
|
-
"aria-label":
|
|
13895
|
+
"aria-label": closeButtonLabel,
|
|
13743
13896
|
slot: "icon",
|
|
13744
13897
|
className: "cds-custom-aichat--icon__subtract"
|
|
13745
13898
|
});
|
|
@@ -13764,21 +13917,22 @@ function Header(props, ref) {
|
|
|
13764
13917
|
}
|
|
13765
13918
|
}));
|
|
13766
13919
|
let leftContent;
|
|
13920
|
+
const handleOverflowClick = overflowClicked ?? (() => {});
|
|
13767
13921
|
if (overflowItems) {
|
|
13768
13922
|
leftContent = React.createElement(OverflowMenu, {
|
|
13769
13923
|
className: "cds-custom-aichat--header__overflow-menu",
|
|
13770
13924
|
ref: overflowRef,
|
|
13771
|
-
"tooltip-text":
|
|
13772
|
-
"aria-label":
|
|
13925
|
+
"tooltip-text": overflowMenuTooltip,
|
|
13926
|
+
"aria-label": overflowMenuAriaLabel
|
|
13773
13927
|
}, React.createElement(OverflowMenuVertical, {
|
|
13774
|
-
"aria-label":
|
|
13928
|
+
"aria-label": overflowMenuAriaLabel,
|
|
13775
13929
|
className: "cds-custom--overflow-menu__icon",
|
|
13776
13930
|
slot: "icon"
|
|
13777
13931
|
}), React.createElement(OverflowMenuBody, null, overflowItems?.map((item, index) => React.createElement(OverflowMenuItem, {
|
|
13778
13932
|
key: item,
|
|
13779
13933
|
onClick: () => {
|
|
13780
13934
|
doFocusRef(overflowRef);
|
|
13781
|
-
|
|
13935
|
+
handleOverflowClick(index);
|
|
13782
13936
|
}
|
|
13783
13937
|
}, item))));
|
|
13784
13938
|
} else if (showBackButton) {
|
|
@@ -13789,7 +13943,7 @@ function Header(props, ref) {
|
|
|
13789
13943
|
buttonRef: backButtonRef,
|
|
13790
13944
|
buttonKind: backButtonType,
|
|
13791
13945
|
tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.LEFT : BUTTON_TOOLTIP_POSITION.RIGHT
|
|
13792
|
-
}, backContent || React.createElement(
|
|
13946
|
+
}, backContent || React.createElement(ChevronDown, {
|
|
13793
13947
|
"aria-label": labelBackButton,
|
|
13794
13948
|
slot: "icon"
|
|
13795
13949
|
}));
|
|
@@ -13803,44 +13957,41 @@ function Header(props, ref) {
|
|
|
13803
13957
|
className: "cds-custom-aichat--header__buttons cds-custom-aichat--header__left-items"
|
|
13804
13958
|
}, leftContent), React.createElement("div", {
|
|
13805
13959
|
className: "cds-custom-aichat--header__center-container"
|
|
13806
|
-
}, (
|
|
13960
|
+
}, (title || displayName) && React.createElement("div", {
|
|
13807
13961
|
className: "cds-custom-aichat--header__title-container"
|
|
13808
13962
|
}, React.createElement(ChatHeaderTitle, {
|
|
13809
|
-
title:
|
|
13810
|
-
name:
|
|
13963
|
+
title: title,
|
|
13964
|
+
name: displayName
|
|
13811
13965
|
}))), React.createElement("div", {
|
|
13812
13966
|
className: "cds-custom-aichat--header__buttons cds-custom-aichat--header__right-buttons"
|
|
13813
|
-
},
|
|
13967
|
+
}, showAiSlugContent && React.createElement(AISlug, {
|
|
13814
13968
|
className: "cds-custom-aichat--header__slug",
|
|
13815
13969
|
size: AI_LABEL_SIZE.EXTRA_SMALL,
|
|
13816
13970
|
alignment: isRTL ? POPOVER_ALIGNMENT.BOTTOM_LEFT : POPOVER_ALIGNMENT.BOTTOM_RIGHT
|
|
13817
13971
|
}, React.createElement("div", {
|
|
13818
13972
|
slot: "body-text"
|
|
13819
|
-
},
|
|
13973
|
+
}, aiSlugLabel && React.createElement("p", {
|
|
13820
13974
|
className: "cds-custom-aichat--header__slug-label"
|
|
13821
|
-
},
|
|
13975
|
+
}, aiSlugLabel), aiSlugTitle && React.createElement("h4", {
|
|
13822
13976
|
className: "cds-custom-aichat--header__slug-title"
|
|
13823
|
-
},
|
|
13977
|
+
}, aiSlugTitle), React.createElement("div", {
|
|
13824
13978
|
className: "cds-custom-aichat--header__slug-description"
|
|
13825
|
-
}, React.createElement("div", null,
|
|
13826
|
-
slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
|
|
13827
|
-
id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
|
|
13828
|
-
})))), showRestartButton && React.createElement(HeaderButton, {
|
|
13979
|
+
}, React.createElement("div", null, aiSlugDescription), aiSlugAfterDescriptionElement))), showRestartButton && React.createElement(HeaderButton, {
|
|
13829
13980
|
className: "cds-custom-aichat--header__restart-button",
|
|
13830
|
-
label:
|
|
13981
|
+
label: restartButtonLabel ?? "",
|
|
13831
13982
|
onClick: onClickRestart,
|
|
13832
13983
|
buttonRef: restartButtonRef,
|
|
13833
13984
|
disabled: isRestarting,
|
|
13834
13985
|
tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.RIGHT : BUTTON_TOOLTIP_POSITION.LEFT
|
|
13835
13986
|
}, React.createElement(Restart$1, {
|
|
13836
|
-
"aria-label":
|
|
13987
|
+
"aria-label": restartButtonLabel ?? "",
|
|
13837
13988
|
slot: "icon"
|
|
13838
13989
|
})), !useHideCloseButton && React.createElement(HeaderButton, {
|
|
13839
13990
|
className: cx("cds-custom-aichat--header__close-button", {
|
|
13840
13991
|
"cds-custom-aichat--reverse-icon": closeReverseIcon
|
|
13841
13992
|
}),
|
|
13842
13993
|
isReversible: closeIsReversible,
|
|
13843
|
-
label:
|
|
13994
|
+
label: closeButtonLabel,
|
|
13844
13995
|
onClick: async () => {
|
|
13845
13996
|
onClickClose();
|
|
13846
13997
|
},
|
|
@@ -13868,28 +14019,38 @@ function HeaderButton({onClick: onClick, buttonRef: buttonRef, className: classN
|
|
|
13868
14019
|
|
|
13869
14020
|
const HeaderExport = React.memo(forwardRef(Header));
|
|
13870
14021
|
|
|
14022
|
+
const HideComponentContext = React.createContext(false);
|
|
14023
|
+
|
|
13871
14024
|
function AssistantHeader(props, ref) {
|
|
13872
|
-
const {onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, headerDisplayName: headerDisplayName, includeWriteableElement: includeWriteableElement
|
|
14025
|
+
const {onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, headerDisplayName: headerDisplayName, includeWriteableElement: includeWriteableElement} = props;
|
|
13873
14026
|
const serviceManager = useServiceManager();
|
|
13874
14027
|
const languagePack = useLanguagePack();
|
|
14028
|
+
const isHidden = useContext(HideComponentContext);
|
|
13875
14029
|
const homeScreenIsOn = useSelector(state => {
|
|
13876
14030
|
const homescreen = state.config.public.homescreen;
|
|
13877
14031
|
return homescreen?.isOn && !homescreen?.disableReturn;
|
|
13878
14032
|
});
|
|
13879
|
-
const
|
|
13880
|
-
const customMenuOptions =
|
|
14033
|
+
const derivedPublicConfig = useSelector(state => state.config.derived);
|
|
14034
|
+
const customMenuOptions = derivedPublicConfig.header.menuOptions;
|
|
13881
14035
|
const memoizedCustomMenuOptions = useMemo(() => customMenuOptions || undefined, [ customMenuOptions ]);
|
|
14036
|
+
const headerConfig = derivedPublicConfig.header;
|
|
13882
14037
|
const {isConnectingOrConnected: isConnectingOrConnected} = useSelector(selectHumanAgentDisplayState, shallowEqual);
|
|
14038
|
+
const isRestarting = useSelector(state => state.isRestarting);
|
|
13883
14039
|
const headerRef = useRef(undefined);
|
|
13884
14040
|
const Home = carbonIconToReact(Home16);
|
|
13885
|
-
const showRestartButton =
|
|
14041
|
+
const showRestartButton = headerConfig?.showRestartButton;
|
|
14042
|
+
const showAiLabel = headerConfig?.showAiLabel !== false;
|
|
14043
|
+
const minimizeButtonIconType = headerConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE;
|
|
14044
|
+
const hideCloseButton = headerConfig?.hideMinimizeButton ?? false;
|
|
14045
|
+
const headerTitle = headerConfig?.title ?? undefined;
|
|
14046
|
+
const chatHeaderDisplayName = headerConfig?.name || headerDisplayName || undefined;
|
|
13886
14047
|
const allowHomeScreen = homeScreenIsOn && !isConnectingOrConnected;
|
|
13887
14048
|
const overflowClicked = useCallback(index => {
|
|
13888
14049
|
if (index === 0 && allowHomeScreen) {
|
|
13889
14050
|
onToggleHomeScreen?.();
|
|
13890
14051
|
} else {
|
|
13891
|
-
const
|
|
13892
|
-
handler();
|
|
14052
|
+
const handler = memoizedCustomMenuOptions?.[allowHomeScreen ? index - 1 : index]?.handler;
|
|
14053
|
+
handler?.();
|
|
13893
14054
|
}
|
|
13894
14055
|
}, [ memoizedCustomMenuOptions, onToggleHomeScreen, allowHomeScreen ]);
|
|
13895
14056
|
const overflowItems = memoizedCustomMenuOptions?.map(option => option.text);
|
|
@@ -13897,11 +14058,16 @@ function AssistantHeader(props, ref) {
|
|
|
13897
14058
|
overflowItems.splice(0, 0, languagePack.homeScreen_overflowMenuHomeScreen);
|
|
13898
14059
|
}
|
|
13899
14060
|
useImperativeHandle(ref, () => headerRef.current);
|
|
14061
|
+
const aiSlugAfterDescriptionElement = !isHidden ? React.createElement(WriteableElement$1, {
|
|
14062
|
+
slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
|
|
14063
|
+
id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
|
|
14064
|
+
}) : null;
|
|
13900
14065
|
return React.createElement("div", {
|
|
13901
14066
|
className: "cds-custom-aichat--header__container"
|
|
13902
|
-
}, React.createElement(HeaderExport, {
|
|
14067
|
+
}, headerConfig?.isOn && React.createElement(HeaderExport, {
|
|
13903
14068
|
ref: headerRef,
|
|
13904
|
-
|
|
14069
|
+
title: headerTitle,
|
|
14070
|
+
displayName: chatHeaderDisplayName,
|
|
13905
14071
|
showBackButton: Boolean(allowHomeScreen && onToggleHomeScreen),
|
|
13906
14072
|
showRestartButton: showRestartButton,
|
|
13907
14073
|
backContent: React.createElement(Home, {
|
|
@@ -13913,7 +14079,18 @@ function AssistantHeader(props, ref) {
|
|
|
13913
14079
|
onClickBack: onToggleHomeScreen,
|
|
13914
14080
|
overflowItems: overflowItems,
|
|
13915
14081
|
overflowClicked: overflowClicked,
|
|
13916
|
-
|
|
14082
|
+
showAiLabel: showAiLabel,
|
|
14083
|
+
hideCloseButton: hideCloseButton,
|
|
14084
|
+
closeButtonLabel: languagePack.launcher_isOpen,
|
|
14085
|
+
overflowMenuTooltip: languagePack.header_overflowMenu_options,
|
|
14086
|
+
overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
|
|
14087
|
+
restartButtonLabel: languagePack.buttons_restart,
|
|
14088
|
+
aiSlugLabel: languagePack.ai_slug_label,
|
|
14089
|
+
aiSlugTitle: languagePack.ai_slug_title,
|
|
14090
|
+
aiSlugDescription: languagePack.ai_slug_description,
|
|
14091
|
+
aiSlugAfterDescriptionElement: aiSlugAfterDescriptionElement,
|
|
14092
|
+
minimizeButtonIconType: minimizeButtonIconType,
|
|
14093
|
+
isRestarting: isRestarting
|
|
13917
14094
|
}), includeWriteableElement && React.createElement(WriteableElement$1, {
|
|
13918
14095
|
slotName: WriteableElementName.HEADER_BOTTOM_ELEMENT,
|
|
13919
14096
|
id: `headerBottomElement${serviceManager.namespace.suffix}`,
|
|
@@ -14048,98 +14225,153 @@ const StopStreamingButton = createComponent({
|
|
|
14048
14225
|
react: React
|
|
14049
14226
|
});
|
|
14050
14227
|
|
|
14051
|
-
|
|
14052
|
-
|
|
14053
|
-
|
|
14054
|
-
|
|
14055
|
-
|
|
14056
|
-
|
|
14057
|
-
|
|
14058
|
-
|
|
14059
|
-
|
|
14228
|
+
const MAX_AUTO_RESIZE_HEIGHT = 180;
|
|
14229
|
+
|
|
14230
|
+
function normalizeTextValue(value) {
|
|
14231
|
+
return value.replace(/\r\n?/g, "\n").replace(/\u00a0/g, " ");
|
|
14232
|
+
}
|
|
14233
|
+
|
|
14234
|
+
function escapeHTML(value) {
|
|
14235
|
+
return value.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
14236
|
+
}
|
|
14237
|
+
|
|
14238
|
+
function toDisplayHTML(value) {
|
|
14239
|
+
const escaped = escapeHTML(value);
|
|
14240
|
+
return escaped.replace(/\n/g, "<br>");
|
|
14241
|
+
}
|
|
14242
|
+
|
|
14243
|
+
const ContentEditableInput = forwardRef(({ariaLabel: ariaLabel, autoSize: autoSize, disabled: disabled, displayValue: displayValue, maxLength: maxLength, rawValue: rawValue, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, placeholder: placeholder, testId: testId}, ref) => {
|
|
14244
|
+
const editorRef = useRef(null);
|
|
14245
|
+
const sizerRef = useRef(null);
|
|
14246
|
+
const skipNextDomSync = useRef(false);
|
|
14247
|
+
const lastDisplayValue = useRef("");
|
|
14248
|
+
function setHasContentData(value) {
|
|
14249
|
+
if (!editorRef.current) {
|
|
14250
|
+
return;
|
|
14251
|
+
}
|
|
14252
|
+
editorRef.current.dataset.hasContent = value ? "true" : "false";
|
|
14060
14253
|
}
|
|
14061
|
-
|
|
14062
|
-
if (
|
|
14063
|
-
|
|
14254
|
+
function emitChangeFromDom() {
|
|
14255
|
+
if (!editorRef.current) {
|
|
14256
|
+
return;
|
|
14257
|
+
}
|
|
14258
|
+
const textValue = normalizeTextValue(editorRef.current.innerText || "");
|
|
14259
|
+
let nextValue = textValue;
|
|
14260
|
+
if (maxLength && nextValue.length > maxLength) {
|
|
14261
|
+
nextValue = nextValue.slice(0, maxLength);
|
|
14262
|
+
editorRef.current.innerText = nextValue;
|
|
14263
|
+
placeCaretAtEnd(editorRef.current);
|
|
14064
14264
|
}
|
|
14265
|
+
setHasContentData(nextValue);
|
|
14266
|
+
skipNextDomSync.current = true;
|
|
14267
|
+
onChange({
|
|
14268
|
+
rawValue: nextValue,
|
|
14269
|
+
displayValue: toDisplayHTML(nextValue)
|
|
14270
|
+
});
|
|
14065
14271
|
}
|
|
14066
|
-
|
|
14067
|
-
|
|
14068
|
-
class TextArea extends PureComponent {
|
|
14069
|
-
constructor() {
|
|
14070
|
-
super(...arguments);
|
|
14071
|
-
this.textAreaRef = React.createRef();
|
|
14072
|
-
this.sizerRef = React.createRef();
|
|
14272
|
+
function handleInput() {
|
|
14273
|
+
emitChangeFromDom();
|
|
14073
14274
|
}
|
|
14074
|
-
|
|
14075
|
-
|
|
14275
|
+
function handleKeyDown(event) {
|
|
14276
|
+
onKeyDown?.(event);
|
|
14076
14277
|
}
|
|
14077
|
-
|
|
14078
|
-
|
|
14278
|
+
function handleFocus(event) {
|
|
14279
|
+
onFocus?.(event);
|
|
14079
14280
|
}
|
|
14080
|
-
|
|
14081
|
-
|
|
14281
|
+
function handleBlur(event) {
|
|
14282
|
+
onBlur?.(event);
|
|
14082
14283
|
}
|
|
14083
|
-
|
|
14084
|
-
|
|
14284
|
+
useImperativeHandle(ref, () => ({
|
|
14285
|
+
getHTMLElement: () => editorRef.current,
|
|
14286
|
+
takeFocus: () => {
|
|
14287
|
+
doFocusRef(editorRef, false, true);
|
|
14288
|
+
},
|
|
14289
|
+
doBlur: () => {
|
|
14290
|
+
editorRef.current?.blur();
|
|
14291
|
+
}
|
|
14292
|
+
}));
|
|
14293
|
+
useLayoutEffect(() => {
|
|
14294
|
+
if (!autoSize || !editorRef.current || !sizerRef.current) {
|
|
14085
14295
|
return;
|
|
14086
14296
|
}
|
|
14087
|
-
const sizerHeight =
|
|
14088
|
-
|
|
14089
|
-
|
|
14090
|
-
this.textAreaRef.current.style.overflow = "auto";
|
|
14297
|
+
const sizerHeight = sizerRef.current.scrollHeight;
|
|
14298
|
+
if (sizerHeight > MAX_AUTO_RESIZE_HEIGHT) {
|
|
14299
|
+
editorRef.current.style.overflowY = "auto";
|
|
14091
14300
|
} else {
|
|
14092
|
-
|
|
14301
|
+
editorRef.current.style.overflowY = "hidden";
|
|
14093
14302
|
}
|
|
14303
|
+
}, [ autoSize, displayValue ]);
|
|
14304
|
+
useLayoutEffect(() => {
|
|
14305
|
+
if (!editorRef.current) {
|
|
14306
|
+
return;
|
|
14307
|
+
}
|
|
14308
|
+
if (skipNextDomSync.current) {
|
|
14309
|
+
skipNextDomSync.current = false;
|
|
14310
|
+
lastDisplayValue.current = displayValue;
|
|
14311
|
+
return;
|
|
14312
|
+
}
|
|
14313
|
+
if (displayValue === lastDisplayValue.current) {
|
|
14314
|
+
return;
|
|
14315
|
+
}
|
|
14316
|
+
lastDisplayValue.current = displayValue;
|
|
14317
|
+
if (displayValue) {
|
|
14318
|
+
editorRef.current.innerHTML = displayValue;
|
|
14319
|
+
} else {
|
|
14320
|
+
editorRef.current.innerHTML = "";
|
|
14321
|
+
}
|
|
14322
|
+
placeCaretAtEnd(editorRef.current);
|
|
14323
|
+
}, [ displayValue ]);
|
|
14324
|
+
useLayoutEffect(() => {
|
|
14325
|
+
setHasContentData(rawValue);
|
|
14326
|
+
}, [ rawValue ]);
|
|
14327
|
+
return React.createElement("div", {
|
|
14328
|
+
className: cx("cds-custom-aichat--text-area", {
|
|
14329
|
+
"cds-custom-aichat--text-area--auto-size": autoSize,
|
|
14330
|
+
"cds-custom-aichat--text-area--disabled": disabled
|
|
14331
|
+
})
|
|
14332
|
+
}, React.createElement("div", {
|
|
14333
|
+
ref: editorRef,
|
|
14334
|
+
"aria-label": ariaLabel,
|
|
14335
|
+
"aria-multiline": "true",
|
|
14336
|
+
className: "cds-custom-aichat--text-area-textarea",
|
|
14337
|
+
contentEditable: !disabled,
|
|
14338
|
+
"data-placeholder": placeholder,
|
|
14339
|
+
"data-testid": testId,
|
|
14340
|
+
"aria-disabled": disabled,
|
|
14341
|
+
onBlur: handleBlur,
|
|
14342
|
+
onFocus: handleFocus,
|
|
14343
|
+
onInput: handleInput,
|
|
14344
|
+
onKeyDown: handleKeyDown,
|
|
14345
|
+
role: "textbox",
|
|
14346
|
+
tabIndex: disabled ? -1 : 0,
|
|
14347
|
+
spellCheck: true,
|
|
14348
|
+
suppressContentEditableWarning: true,
|
|
14349
|
+
"data-gramm": "false",
|
|
14350
|
+
"data-gramm_editor": "false",
|
|
14351
|
+
"data-enable-grammarly": "false"
|
|
14352
|
+
}), autoSize && React.createElement("div", {
|
|
14353
|
+
ref: sizerRef,
|
|
14354
|
+
className: "cds-custom-aichat--text-area-sizer",
|
|
14355
|
+
"aria-hidden": true,
|
|
14356
|
+
dangerouslySetInnerHTML: {
|
|
14357
|
+
__html: rawValue && rawValue.length ? displayValue || " " : escapeHTML(placeholder || " ") || " "
|
|
14358
|
+
}
|
|
14359
|
+
}));
|
|
14360
|
+
});
|
|
14361
|
+
|
|
14362
|
+
ContentEditableInput.displayName = "ContentEditableInput";
|
|
14363
|
+
|
|
14364
|
+
function placeCaretAtEnd(element) {
|
|
14365
|
+
if (typeof window === "undefined" || typeof document === "undefined") {
|
|
14366
|
+
return;
|
|
14094
14367
|
}
|
|
14095
|
-
|
|
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
|
-
};
|
|
14368
|
+
const range = document.createRange();
|
|
14369
|
+
range.selectNodeContents(element);
|
|
14370
|
+
range.collapse(false);
|
|
14371
|
+
const selection = window.getSelection();
|
|
14372
|
+
selection?.removeAllRanges();
|
|
14373
|
+
selection?.addRange(range);
|
|
14374
|
+
}
|
|
14143
14375
|
|
|
14144
14376
|
const Send = carbonIconToReact(Send16);
|
|
14145
14377
|
|
|
@@ -14152,17 +14384,45 @@ const STOP_TYPING_PERIOD = 5e3;
|
|
|
14152
14384
|
const INPUT_MAX_CHARS = 1e4;
|
|
14153
14385
|
|
|
14154
14386
|
function Input(props, ref) {
|
|
14155
|
-
const {isInputVisible: isInputVisible, placeholder: placeholder, disableInput: disableInput, disableSend: disableSend, disableUploadButton: disableUploadButton, pendingUploads: pendingUploads, allowedFileUploadTypes: allowedFileUploadTypes, allowMultipleFileUploads: allowMultipleFileUploads, showUploadButton: showUploadButton, onFilesSelectedForUpload: onFilesSelectedForUpload, onSendInput: onSendInput, blurOnSend: blurOnSend, serviceManager: serviceManager, onUserTyping: onUserTyping, languagePack: languagePack, isStopStreamingButtonVisible: isStopStreamingButtonVisible, isStopStreamingButtonDisabled: isStopStreamingButtonDisabled, maxInputChars: maxInputChars} = props;
|
|
14387
|
+
const {isInputVisible: isInputVisible, placeholder: placeholder, disableInput: disableInput, disableSend: disableSend, disableUploadButton: disableUploadButton, pendingUploads: pendingUploads, allowedFileUploadTypes: allowedFileUploadTypes, allowMultipleFileUploads: allowMultipleFileUploads, showUploadButton: showUploadButton, onFilesSelectedForUpload: onFilesSelectedForUpload, onSendInput: onSendInput, blurOnSend: blurOnSend, serviceManager: serviceManager, onUserTyping: onUserTyping, languagePack: languagePack, isStopStreamingButtonVisible: isStopStreamingButtonVisible, isStopStreamingButtonDisabled: isStopStreamingButtonDisabled, maxInputChars: maxInputChars, trackInputState: trackInputState = false} = props;
|
|
14388
|
+
const store = serviceManager.store;
|
|
14156
14389
|
const inputID = `${serviceManager.namespace.suffix}-${useCounter()}`;
|
|
14157
14390
|
const [textAreaHasFocus, setTextAreaHasFocus] = useState(false);
|
|
14158
|
-
const
|
|
14159
|
-
const
|
|
14391
|
+
const trackedInputState = trackInputState ? selectInputState(store.getState()) : null;
|
|
14392
|
+
const [rawInputValue, setRawInputValue] = useState(trackedInputState?.rawValue ?? "");
|
|
14393
|
+
const [displayInputValue, setDisplayInputValue] = useState(trackedInputState?.displayValue ?? "");
|
|
14394
|
+
const rawInputValueRef = useRef(rawInputValue);
|
|
14395
|
+
const displayInputValueRef = useRef(displayInputValue);
|
|
14396
|
+
rawInputValueRef.current = rawInputValue;
|
|
14397
|
+
displayInputValueRef.current = displayInputValue;
|
|
14160
14398
|
const isTypingTimeout = useRef(null);
|
|
14161
|
-
const textAreaRef = useRef(
|
|
14162
|
-
const fileInputRef = useRef(
|
|
14163
|
-
|
|
14164
|
-
|
|
14165
|
-
|
|
14399
|
+
const textAreaRef = useRef(null);
|
|
14400
|
+
const fileInputRef = useRef(null);
|
|
14401
|
+
useEffect(() => {
|
|
14402
|
+
if (!trackInputState) {
|
|
14403
|
+
return undefined;
|
|
14404
|
+
}
|
|
14405
|
+
const unsubscribe = store.subscribe(() => {
|
|
14406
|
+
const nextInputState = selectInputState(store.getState());
|
|
14407
|
+
const nextRawValue = nextInputState.rawValue ?? "";
|
|
14408
|
+
const nextDisplayValue = nextInputState.displayValue ?? "";
|
|
14409
|
+
if (nextRawValue !== rawInputValueRef.current) {
|
|
14410
|
+
setRawInputValue(nextRawValue);
|
|
14411
|
+
}
|
|
14412
|
+
if (nextDisplayValue !== displayInputValueRef.current) {
|
|
14413
|
+
setDisplayInputValue(nextDisplayValue);
|
|
14414
|
+
}
|
|
14415
|
+
});
|
|
14416
|
+
return unsubscribe;
|
|
14417
|
+
}, [ store, trackInputState ]);
|
|
14418
|
+
useEffect(() => {
|
|
14419
|
+
if (!trackInputState) {
|
|
14420
|
+
return;
|
|
14421
|
+
}
|
|
14422
|
+
const nextInputState = selectInputState(store.getState());
|
|
14423
|
+
setRawInputValue(nextInputState.rawValue ?? "");
|
|
14424
|
+
setDisplayInputValue(nextInputState.displayValue ?? "");
|
|
14425
|
+
}, [ store, trackInputState ]);
|
|
14166
14426
|
function doTypingStopped() {
|
|
14167
14427
|
if (isTypingTimeout.current) {
|
|
14168
14428
|
clearTimeout(isTypingTimeout.current);
|
|
@@ -14172,15 +14432,14 @@ function Input(props, ref) {
|
|
|
14172
14432
|
}
|
|
14173
14433
|
function onKeyDown(event) {
|
|
14174
14434
|
if (isEnterKey(event)) {
|
|
14175
|
-
if (disableSend ||
|
|
14435
|
+
if (disableSend || isStopStreamingButtonVisible) {
|
|
14176
14436
|
event.preventDefault();
|
|
14177
14437
|
} else {
|
|
14178
14438
|
send(event);
|
|
14179
14439
|
}
|
|
14180
14440
|
}
|
|
14181
14441
|
}
|
|
14182
|
-
function
|
|
14183
|
-
const inputText = event.target.value;
|
|
14442
|
+
function onEditorChange({rawValue: rawValue, displayValue: displayValue}) {
|
|
14184
14443
|
if (onUserTyping) {
|
|
14185
14444
|
if (!isTypingTimeout.current) {
|
|
14186
14445
|
onUserTyping(true);
|
|
@@ -14189,19 +14448,35 @@ function Input(props, ref) {
|
|
|
14189
14448
|
}
|
|
14190
14449
|
isTypingTimeout.current = setTimeout(doTypingStopped, STOP_TYPING_PERIOD);
|
|
14191
14450
|
}
|
|
14192
|
-
|
|
14451
|
+
setRawInputValue(rawValue);
|
|
14452
|
+
setDisplayInputValue(displayValue);
|
|
14453
|
+
if (trackInputState) {
|
|
14454
|
+
const isInputToHumanAgent = selectIsInputToHumanAgent(store.getState());
|
|
14455
|
+
store.dispatch(actions.updateInputState({
|
|
14456
|
+
rawValue: rawValue,
|
|
14457
|
+
displayValue: displayValue
|
|
14458
|
+
}, isInputToHumanAgent));
|
|
14459
|
+
}
|
|
14193
14460
|
}
|
|
14194
14461
|
function send(event) {
|
|
14195
14462
|
if (doHasValidInput()) {
|
|
14196
14463
|
event.preventDefault();
|
|
14197
14464
|
doTypingStopped();
|
|
14198
|
-
const text =
|
|
14465
|
+
const text = rawInputValue.trim();
|
|
14199
14466
|
onSendInput(text);
|
|
14200
|
-
|
|
14467
|
+
setRawInputValue("");
|
|
14468
|
+
setDisplayInputValue("");
|
|
14469
|
+
if (trackInputState) {
|
|
14470
|
+
const isInputToHumanAgent = selectIsInputToHumanAgent(store.getState());
|
|
14471
|
+
store.dispatch(actions.updateInputState({
|
|
14472
|
+
rawValue: "",
|
|
14473
|
+
displayValue: ""
|
|
14474
|
+
}, isInputToHumanAgent));
|
|
14475
|
+
}
|
|
14201
14476
|
if (blurOnSend) {
|
|
14202
|
-
textAreaRef.current
|
|
14477
|
+
textAreaRef.current?.doBlur();
|
|
14203
14478
|
} else {
|
|
14204
|
-
textAreaRef.current
|
|
14479
|
+
textAreaRef.current?.takeFocus();
|
|
14205
14480
|
}
|
|
14206
14481
|
}
|
|
14207
14482
|
}
|
|
@@ -14213,24 +14488,13 @@ function Input(props, ref) {
|
|
|
14213
14488
|
}
|
|
14214
14489
|
function takeFocus() {
|
|
14215
14490
|
if (!IS_MOBILE && isInputVisible) {
|
|
14216
|
-
textAreaRef.current
|
|
14491
|
+
textAreaRef.current?.takeFocus();
|
|
14217
14492
|
}
|
|
14218
14493
|
}
|
|
14219
|
-
function createInstanceInputElement() {
|
|
14220
|
-
return {
|
|
14221
|
-
getHTMLElement: () => textAreaRef?.current?.getHTMLElement(),
|
|
14222
|
-
setValue: value => setInputValue(value),
|
|
14223
|
-
setEnableEnterKey: isEnabled => {
|
|
14224
|
-
enterKeyEnabled.current = isEnabled;
|
|
14225
|
-
},
|
|
14226
|
-
addChangeListener: listener => changeListeners.current.addListener(listener),
|
|
14227
|
-
removeChangeListener: listener => changeListeners.current.removeListener(listener)
|
|
14228
|
-
};
|
|
14229
|
-
}
|
|
14230
14494
|
function onRemoveFile(fileID) {
|
|
14231
14495
|
const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
|
|
14232
14496
|
serviceManager.store.dispatch(actions.removeFileUpload(fileID, isInputToHumanAgent));
|
|
14233
|
-
textAreaRef.current
|
|
14497
|
+
textAreaRef.current?.takeFocus();
|
|
14234
14498
|
}
|
|
14235
14499
|
function onFileChange(event) {
|
|
14236
14500
|
const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
|
|
@@ -14247,7 +14511,9 @@ function Input(props, ref) {
|
|
|
14247
14511
|
dispatch(actions.addInputFile(newFile, isInputToHumanAgent));
|
|
14248
14512
|
}
|
|
14249
14513
|
onFilesSelectedForUpload?.(newFiles);
|
|
14250
|
-
fileInputRef.current
|
|
14514
|
+
if (fileInputRef.current) {
|
|
14515
|
+
fileInputRef.current.value = null;
|
|
14516
|
+
}
|
|
14251
14517
|
}
|
|
14252
14518
|
function doHasValidInput() {
|
|
14253
14519
|
const hasUploads = Boolean(pendingUploads?.length);
|
|
@@ -14256,27 +14522,23 @@ function Input(props, ref) {
|
|
|
14256
14522
|
return false;
|
|
14257
14523
|
}
|
|
14258
14524
|
}
|
|
14259
|
-
return Boolean(
|
|
14525
|
+
return Boolean(rawInputValue.trim()) || hasUploads;
|
|
14260
14526
|
}
|
|
14261
14527
|
if (textAreaHasFocus && disableInput) {
|
|
14262
14528
|
setTextAreaHasFocus(false);
|
|
14263
14529
|
}
|
|
14264
14530
|
useImperativeHandle(ref, () => ({
|
|
14265
|
-
takeFocus: takeFocus
|
|
14266
|
-
getMessageInput: () => instanceInputElement.current
|
|
14531
|
+
takeFocus: takeFocus
|
|
14267
14532
|
}));
|
|
14268
14533
|
const {input_buttonLabel: input_buttonLabel, input_placeholder: input_placeholder, input_ariaLabel: input_ariaLabel, input_uploadButtonLabel: input_uploadButtonLabel, input_stopResponse: input_stopResponse} = languagePack;
|
|
14269
|
-
const
|
|
14534
|
+
const visibleRawValue = disableInput ? "" : rawInputValue;
|
|
14535
|
+
const visibleDisplayValue = disableInput ? "" : displayInputValue;
|
|
14270
14536
|
const hasValidInput = doHasValidInput();
|
|
14271
14537
|
const showDisabledSend = !hasValidInput || disableInput || disableSend;
|
|
14272
14538
|
const showUploadButtonDisabled = disableUploadButton || disableInput;
|
|
14273
14539
|
const uploadButtonID = `cds-custom-aichat--input-container__upload-input-${inputID}`;
|
|
14274
14540
|
const isRTL = document.dir === "rtl";
|
|
14275
14541
|
const usePlaceHolder = placeholder || (disableInput ? undefined : input_placeholder);
|
|
14276
|
-
if (lastValue.current !== inputValue) {
|
|
14277
|
-
lastValue.current = inputValue;
|
|
14278
|
-
changeListeners.current.fireListeners(inputValue);
|
|
14279
|
-
}
|
|
14280
14542
|
return isInputVisible && React.createElement("div", {
|
|
14281
14543
|
className: "cds-custom-aichat--input-and-completions"
|
|
14282
14544
|
}, React.createElement("div", {
|
|
@@ -14305,15 +14567,16 @@ function Input(props, ref) {
|
|
|
14305
14567
|
"cds-custom-aichat--input-container__upload-button--disabled": showUploadButtonDisabled
|
|
14306
14568
|
}),
|
|
14307
14569
|
htmlFor: uploadButtonID
|
|
14308
|
-
}, React.createElement(Attachment, null))), React.createElement(
|
|
14570
|
+
}, React.createElement(Attachment, null))), React.createElement(ContentEditableInput, {
|
|
14309
14571
|
autoSize: true,
|
|
14310
14572
|
ariaLabel: input_ariaLabel,
|
|
14311
14573
|
disabled: disableInput,
|
|
14312
14574
|
maxLength: maxInputChars ? maxInputChars : INPUT_MAX_CHARS,
|
|
14313
|
-
onChange:
|
|
14575
|
+
onChange: onEditorChange,
|
|
14314
14576
|
onKeyDown: onKeyDown,
|
|
14315
14577
|
placeholder: usePlaceHolder,
|
|
14316
|
-
|
|
14578
|
+
displayValue: visibleDisplayValue,
|
|
14579
|
+
rawValue: visibleRawValue,
|
|
14317
14580
|
ref: textAreaRef,
|
|
14318
14581
|
onFocus: onInputFocus,
|
|
14319
14582
|
onBlur: onInputBlur,
|
|
@@ -14330,10 +14593,10 @@ function Input(props, ref) {
|
|
|
14330
14593
|
onDelete: () => onRemoveFile(fileUpload.id)
|
|
14331
14594
|
}, fileUpload.file.name)))), React.createElement("div", {
|
|
14332
14595
|
className: "cds-custom-aichat--input-container__send-button-container"
|
|
14333
|
-
}, isStopStreamingButtonVisible
|
|
14596
|
+
}, isStopStreamingButtonVisible ? React.createElement(StopStreamingButton, {
|
|
14334
14597
|
label: input_stopResponse,
|
|
14335
14598
|
disabled: isStopStreamingButtonDisabled,
|
|
14336
|
-
tooltipAlignment: "top",
|
|
14599
|
+
tooltipAlignment: isRTL ? "top-left" : "top-right",
|
|
14337
14600
|
onClick: async () => {
|
|
14338
14601
|
const {store: store} = serviceManager;
|
|
14339
14602
|
store.dispatch(actions.setStopStreamingButtonDisabled(true));
|
|
@@ -14341,8 +14604,9 @@ function Input(props, ref) {
|
|
|
14341
14604
|
type: BusEventType.STOP_STREAMING
|
|
14342
14605
|
});
|
|
14343
14606
|
await serviceManager.messageService.cancelCurrentMessageRequest();
|
|
14607
|
+
textAreaRef.current?.takeFocus();
|
|
14344
14608
|
}
|
|
14345
|
-
})
|
|
14609
|
+
}) : React.createElement(Button, {
|
|
14346
14610
|
className: "cds-custom-aichat--input-container__send-button",
|
|
14347
14611
|
kind: BUTTON_KIND.GHOST,
|
|
14348
14612
|
size: BUTTON_SIZE.SMALL,
|
|
@@ -14398,6 +14662,8 @@ class AssistantChat extends Component {
|
|
|
14398
14662
|
this.inputRef = React.createRef();
|
|
14399
14663
|
this.messagesRef = React.createRef();
|
|
14400
14664
|
this.messagesToArray = createUnmappingMemoizer();
|
|
14665
|
+
this.headerRef = React.createRef();
|
|
14666
|
+
this.headerResizeObserver = null;
|
|
14401
14667
|
this.hideConfirmEndChat = () => {
|
|
14402
14668
|
this.setState({
|
|
14403
14669
|
showEndChatConfirmation: false
|
|
@@ -14470,6 +14736,24 @@ class AssistantChat extends Component {
|
|
|
14470
14736
|
this.scrollOnHydrationComplete();
|
|
14471
14737
|
});
|
|
14472
14738
|
}
|
|
14739
|
+
if (this.headerRef.current) {
|
|
14740
|
+
this.headerResizeObserver = new ResizeObserver(entries => {
|
|
14741
|
+
for (const entry of entries) {
|
|
14742
|
+
const height = entry.contentRect.height;
|
|
14743
|
+
const container = entry.target.closest(".cds-custom-aichat--widget--content");
|
|
14744
|
+
if (container) {
|
|
14745
|
+
container.style.setProperty("--cds-custom-aichat--header-height", `${height}px`);
|
|
14746
|
+
}
|
|
14747
|
+
}
|
|
14748
|
+
});
|
|
14749
|
+
this.headerResizeObserver.observe(this.headerRef.current);
|
|
14750
|
+
}
|
|
14751
|
+
}
|
|
14752
|
+
componentWillUnmount() {
|
|
14753
|
+
if (this.headerResizeObserver) {
|
|
14754
|
+
this.headerResizeObserver.disconnect();
|
|
14755
|
+
this.headerResizeObserver = null;
|
|
14756
|
+
}
|
|
14473
14757
|
}
|
|
14474
14758
|
componentDidUpdate(prevProps) {
|
|
14475
14759
|
const {isHydrationAnimationComplete: isHydrationAnimationComplete, humanAgentState: humanAgentState} = this.props;
|
|
@@ -14541,27 +14825,33 @@ class AssistantChat extends Component {
|
|
|
14541
14825
|
placeholder: languagePack[inputPlaceholderKey],
|
|
14542
14826
|
isStopStreamingButtonVisible: stopStreamingButtonState.isVisible,
|
|
14543
14827
|
isStopStreamingButtonDisabled: stopStreamingButtonState.isDisabled,
|
|
14544
|
-
maxInputChars: config.public.input?.maxInputCharacters
|
|
14828
|
+
maxInputChars: config.public.input?.maxInputCharacters,
|
|
14829
|
+
trackInputState: true
|
|
14545
14830
|
}), this.state.showEndChatConfirmation && React.createElement(EndHumanAgentChatModal, {
|
|
14546
14831
|
onConfirm: this.confirmHumanAgentEndChat,
|
|
14547
14832
|
onCancel: this.hideConfirmEndChat
|
|
14548
14833
|
}), this.props.humanAgentState.showScreenShareRequest && React.createElement(RequestScreenShareModal, null));
|
|
14549
14834
|
}
|
|
14550
14835
|
render() {
|
|
14551
|
-
const {languagePack: languagePack, onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, assistantName: assistantName, headerDisplayName: headerDisplayName} = this.props;
|
|
14836
|
+
const {languagePack: languagePack, onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, assistantName: assistantName, headerDisplayName: headerDisplayName, shouldHideChatContentForPanel: shouldHideChatContentForPanel} = this.props;
|
|
14552
14837
|
const {hasCaughtError: hasCaughtError} = this.state;
|
|
14553
14838
|
return React.createElement("div", {
|
|
14554
14839
|
"data-testid": PageObjectId.MAIN_PANEL,
|
|
14555
14840
|
className: "cds-custom-aichat"
|
|
14841
|
+
}, React.createElement("div", {
|
|
14842
|
+
ref: this.headerRef,
|
|
14843
|
+
className: shouldHideChatContentForPanel ? "cds-custom-aichat--header-with-panel" : ""
|
|
14556
14844
|
}, React.createElement(AssistantHeaderExport, {
|
|
14557
14845
|
onClose: onClose,
|
|
14558
14846
|
onRestart: onRestart,
|
|
14559
14847
|
headerDisplayName: headerDisplayName,
|
|
14560
14848
|
onToggleHomeScreen: onToggleHomeScreen,
|
|
14561
|
-
enableChatHeaderConfig: true,
|
|
14562
14849
|
includeWriteableElement: true
|
|
14563
|
-
}), React.createElement("div", {
|
|
14564
|
-
className: "cds-custom-aichat--non-header-container"
|
|
14850
|
+
})), React.createElement("div", {
|
|
14851
|
+
className: "cds-custom-aichat--non-header-container",
|
|
14852
|
+
...shouldHideChatContentForPanel ? {
|
|
14853
|
+
inert: true
|
|
14854
|
+
} : {}
|
|
14565
14855
|
}, React.createElement("div", {
|
|
14566
14856
|
className: "cds-custom-aichat--panel-content cds-custom-aichat--non-header-container"
|
|
14567
14857
|
}, hasCaughtError && React.createElement("div", {
|
|
@@ -14584,25 +14874,53 @@ var AssistantChat$1 = injectIntl(AssistantChat, {
|
|
|
14584
14874
|
|
|
14585
14875
|
function HomeScreenHeader(props, ref) {
|
|
14586
14876
|
const {onClose: onClose, onRestart: onRestart} = props;
|
|
14877
|
+
const languagePack = useLanguagePack();
|
|
14878
|
+
const serviceManager = useServiceManager();
|
|
14879
|
+
const isHidden = useContext(HideComponentContext);
|
|
14587
14880
|
const showRestartButton = useSelector(state => state.config.derived.header?.showRestartButton);
|
|
14588
14881
|
const customMenuOptions = useSelector(state => state.config.derived.header?.menuOptions);
|
|
14882
|
+
const headerConfig = useSelector(state => state.config.derived.header);
|
|
14883
|
+
const isRestarting = useSelector(state => state.isRestarting);
|
|
14589
14884
|
const memoizedCustomMenuOptions = useMemo(() => customMenuOptions || undefined, [ customMenuOptions ]);
|
|
14590
14885
|
const headerRef = useRef(undefined);
|
|
14591
14886
|
useImperativeHandle(ref, () => headerRef.current);
|
|
14592
14887
|
const overflowClicked = useCallback(index => {
|
|
14593
|
-
const
|
|
14594
|
-
handler();
|
|
14888
|
+
const handler = memoizedCustomMenuOptions?.[index]?.handler;
|
|
14889
|
+
handler?.();
|
|
14595
14890
|
}, [ memoizedCustomMenuOptions ]);
|
|
14596
14891
|
const overflowItems = memoizedCustomMenuOptions?.map(option => option.text);
|
|
14892
|
+
const aiSlugAfterDescriptionElement = !isHidden ? React.createElement(WriteableElement$1, {
|
|
14893
|
+
slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
|
|
14894
|
+
id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
|
|
14895
|
+
}) : null;
|
|
14896
|
+
const showAiLabel = headerConfig?.showAiLabel !== false;
|
|
14897
|
+
const minimizeButtonIconType = headerConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE;
|
|
14898
|
+
const hideCloseButton = headerConfig?.hideMinimizeButton ?? false;
|
|
14899
|
+
const headerTitle = headerConfig?.title ?? undefined;
|
|
14900
|
+
const displayName = headerConfig?.name ?? undefined;
|
|
14597
14901
|
return React.createElement("div", {
|
|
14598
14902
|
className: "cds-custom-aichat--home-screen-header"
|
|
14599
14903
|
}, React.createElement(HeaderExport, {
|
|
14600
14904
|
ref: headerRef,
|
|
14905
|
+
title: headerTitle,
|
|
14906
|
+
displayName: displayName,
|
|
14601
14907
|
showRestartButton: showRestartButton,
|
|
14602
14908
|
onClickRestart: onRestart,
|
|
14603
14909
|
onClickClose: onClose,
|
|
14604
14910
|
overflowClicked: overflowClicked,
|
|
14605
|
-
overflowItems: overflowItems
|
|
14911
|
+
overflowItems: overflowItems,
|
|
14912
|
+
showAiLabel: showAiLabel,
|
|
14913
|
+
hideCloseButton: hideCloseButton,
|
|
14914
|
+
closeButtonLabel: languagePack.launcher_isOpen,
|
|
14915
|
+
overflowMenuTooltip: languagePack.header_overflowMenu_options,
|
|
14916
|
+
overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
|
|
14917
|
+
restartButtonLabel: languagePack.buttons_restart,
|
|
14918
|
+
aiSlugLabel: languagePack.ai_slug_label,
|
|
14919
|
+
aiSlugTitle: languagePack.ai_slug_title,
|
|
14920
|
+
aiSlugDescription: languagePack.ai_slug_description,
|
|
14921
|
+
aiSlugAfterDescriptionElement: aiSlugAfterDescriptionElement,
|
|
14922
|
+
minimizeButtonIconType: minimizeButtonIconType,
|
|
14923
|
+
isRestarting: isRestarting
|
|
14606
14924
|
}));
|
|
14607
14925
|
}
|
|
14608
14926
|
|
|
@@ -14834,7 +15152,7 @@ class OverlayPanel extends PureComponent {
|
|
|
14834
15152
|
});
|
|
14835
15153
|
}
|
|
14836
15154
|
render() {
|
|
14837
|
-
const {children: children, className: className, shouldOpen: shouldOpen, animationOnClose: animationOnClose, animationOnOpen: animationOnOpen, overlayPanelName: overlayPanelName} = this.props;
|
|
15155
|
+
const {children: children, className: className, shouldOpen: shouldOpen, animationOnClose: animationOnClose, animationOnOpen: animationOnOpen, overlayPanelName: overlayPanelName, hasBackButton: hasBackButton} = this.props;
|
|
14838
15156
|
const {isClosing: isClosing, isOpening: isOpening} = this.state;
|
|
14839
15157
|
return React.createElement(HideComponent, {
|
|
14840
15158
|
hidden: !isClosing && !shouldOpen,
|
|
@@ -14849,18 +15167,34 @@ class OverlayPanel extends PureComponent {
|
|
|
14849
15167
|
[`cds-custom-aichat--overlay-panel--closing--${animationOnClose}`]: isClosing,
|
|
14850
15168
|
"cds-custom-aichat--overlay-panel--closed": !isClosing && !shouldOpen,
|
|
14851
15169
|
[`cds-custom-aichat--overlay-panel--opening--${animationOnOpen}`]: isOpening,
|
|
14852
|
-
"cds-custom-aichat--overlay-panel--open": !isOpening && shouldOpen
|
|
15170
|
+
"cds-custom-aichat--overlay-panel--open": !isOpening && shouldOpen,
|
|
15171
|
+
"cds-custom-aichat--overlay-panel--with-back-button": hasBackButton
|
|
14853
15172
|
})
|
|
14854
15173
|
}, children));
|
|
14855
15174
|
}
|
|
14856
15175
|
}
|
|
14857
15176
|
|
|
14858
|
-
function BasePanelComponent({className: className, children: children, isOpen: isOpen, hidePanelHeader: hidePanelHeader, labelBackButton: labelBackButton, title: title, hideBackButton: hideBackButton, onClickRestart: onClickRestart, showAiLabel: showAiLabel, showRestartButton: showRestartButtonProp, ...headerProps}, ref) {
|
|
14859
|
-
const
|
|
15177
|
+
function BasePanelComponent({className: className, children: children, isOpen: isOpen, hidePanelHeader: hidePanelHeader, labelBackButton: labelBackButton, title: title, hideBackButton: hideBackButton, hideCloseButton: hideCloseButton, onClickRestart: onClickRestart, showAiLabel: showAiLabel, showRestartButton: showRestartButtonProp, enableChatHeaderConfig: enableChatHeaderConfig, overflowItems: overflowItemsProp, overflowClicked: overflowClickedProp, ...headerProps}, ref) {
|
|
15178
|
+
const languagePack = useLanguagePack();
|
|
15179
|
+
const derivedHeaderConfig = useSelector(state => state.config.derived.header);
|
|
15180
|
+
const isRestarting = useSelector(state => state.isRestarting);
|
|
15181
|
+
const showRestartButtonFromConfig = derivedHeaderConfig?.showRestartButton;
|
|
14860
15182
|
const showRestartButton = showRestartButtonProp !== undefined ? showRestartButtonProp : showRestartButtonFromConfig;
|
|
15183
|
+
const headerMenuOptions = derivedHeaderConfig?.menuOptions;
|
|
15184
|
+
const hasPanelWithBackButton = useSelector(selectHasOpenPanelWithBackButton);
|
|
15185
|
+
const isShowingAssistantHeaderThrough = hasPanelWithBackButton && !hideBackButton;
|
|
14861
15186
|
const headerRef = useRef(undefined);
|
|
15187
|
+
const panelContainerRef = useRef(null);
|
|
14862
15188
|
useImperativeHandle(ref, () => headerRef.current);
|
|
14863
15189
|
const [focusTrapActive, setFocusTrapActive] = useState(false);
|
|
15190
|
+
const getPanelBackButton = useCallback(() => {
|
|
15191
|
+
const backButtonHost = panelContainerRef.current?.querySelector(".cds-custom-aichat--header__back-button") ?? null;
|
|
15192
|
+
if (!backButtonHost) {
|
|
15193
|
+
return null;
|
|
15194
|
+
}
|
|
15195
|
+
const innerButton = backButtonHost.shadowRoot?.querySelector("button");
|
|
15196
|
+
return innerButton ?? backButtonHost;
|
|
15197
|
+
}, []);
|
|
14864
15198
|
useEffect(() => {
|
|
14865
15199
|
if (!isOpen) {
|
|
14866
15200
|
setFocusTrapActive(false);
|
|
@@ -14869,19 +15203,42 @@ function BasePanelComponent({className: className, children: children, isOpen: i
|
|
|
14869
15203
|
setFocusTrapActive(true);
|
|
14870
15204
|
const timer = setTimeout(() => {
|
|
14871
15205
|
try {
|
|
14872
|
-
const
|
|
14873
|
-
|
|
14874
|
-
|
|
14875
|
-
const innerButton = backButtonHost?.shadowRoot?.querySelector("button");
|
|
14876
|
-
if (innerButton && innerButton.offsetParent !== null) {
|
|
14877
|
-
innerButton.focus();
|
|
15206
|
+
const focusTarget = getPanelBackButton() ?? panelContainerRef.current ?? null;
|
|
15207
|
+
if (focusTarget && focusTarget.offsetParent !== null) {
|
|
15208
|
+
focusTarget.focus();
|
|
14878
15209
|
}
|
|
14879
15210
|
} catch (error) {
|
|
14880
15211
|
console.warn("Manual focus failed:", error);
|
|
14881
15212
|
}
|
|
14882
15213
|
}, 100);
|
|
14883
15214
|
return () => clearTimeout(timer);
|
|
14884
|
-
}, [ isOpen ]);
|
|
15215
|
+
}, [ getPanelBackButton, isOpen ]);
|
|
15216
|
+
const hasCustomTitle = title !== undefined && title !== null;
|
|
15217
|
+
const shouldEnableChatHeaderConfig = enableChatHeaderConfig ?? !hasCustomTitle;
|
|
15218
|
+
const shouldUseConfigChrome = shouldEnableChatHeaderConfig && !isShowingAssistantHeaderThrough;
|
|
15219
|
+
let headerTitleText;
|
|
15220
|
+
let headerDisplayName;
|
|
15221
|
+
if (shouldUseConfigChrome) {
|
|
15222
|
+
headerTitleText = derivedHeaderConfig?.title ?? undefined;
|
|
15223
|
+
headerDisplayName = derivedHeaderConfig?.name ?? undefined;
|
|
15224
|
+
} else if (hasCustomTitle) {
|
|
15225
|
+
headerDisplayName = title ?? undefined;
|
|
15226
|
+
}
|
|
15227
|
+
const isHeaderEnabled = derivedHeaderConfig?.isOn !== false;
|
|
15228
|
+
const shouldRenderHeader = !hidePanelHeader && (isHeaderEnabled || isShowingAssistantHeaderThrough);
|
|
15229
|
+
const overflowItemsFromConfig = useMemo(() => {
|
|
15230
|
+
if (!headerMenuOptions?.length) {
|
|
15231
|
+
return undefined;
|
|
15232
|
+
}
|
|
15233
|
+
return headerMenuOptions.map(option => option.text);
|
|
15234
|
+
}, [ headerMenuOptions ]);
|
|
15235
|
+
const overflowClickedFromConfig = useCallback(index => {
|
|
15236
|
+
const option = headerMenuOptions?.[index];
|
|
15237
|
+
option?.handler?.();
|
|
15238
|
+
}, [ headerMenuOptions ]);
|
|
15239
|
+
const isUsingConfigOverflowItems = shouldUseConfigChrome && overflowItemsProp === undefined && Boolean(overflowItemsFromConfig);
|
|
15240
|
+
const overflowItemsToUse = isShowingAssistantHeaderThrough ? undefined : overflowItemsProp ?? overflowItemsFromConfig ?? undefined;
|
|
15241
|
+
const overflowClickedToUse = isShowingAssistantHeaderThrough ? undefined : overflowClickedProp ?? (isUsingConfigOverflowItems ? overflowClickedFromConfig : undefined);
|
|
14885
15242
|
return React.createElement(FocusTrap, {
|
|
14886
15243
|
active: focusTrapActive,
|
|
14887
15244
|
focusTrapOptions: {
|
|
@@ -14891,25 +15248,34 @@ function BasePanelComponent({className: className, children: children, isOpen: i
|
|
|
14891
15248
|
tabbableOptions: {
|
|
14892
15249
|
getShadowRoot: true
|
|
14893
15250
|
},
|
|
14894
|
-
fallbackFocus: () =>
|
|
14895
|
-
const aiChat = document.querySelector("cds-custom-aichat-react");
|
|
14896
|
-
const layer = aiChat?.shadowRoot?.querySelector("cds-custom-layer");
|
|
14897
|
-
const backButtonHost = layer?.querySelector(".cds-custom-aichat--header__back-button");
|
|
14898
|
-
const innerButton = backButtonHost?.shadowRoot?.querySelector("button");
|
|
14899
|
-
return innerButton;
|
|
14900
|
-
}
|
|
15251
|
+
fallbackFocus: () => getPanelBackButton() ?? panelContainerRef.current ?? undefined
|
|
14901
15252
|
}
|
|
14902
15253
|
}, React.createElement("div", {
|
|
14903
|
-
className: className
|
|
14904
|
-
|
|
15254
|
+
className: className,
|
|
15255
|
+
ref: panelContainerRef,
|
|
15256
|
+
tabIndex: -1
|
|
15257
|
+
}, shouldRenderHeader && React.createElement(HeaderExport, {
|
|
14905
15258
|
...headerProps,
|
|
14906
15259
|
ref: headerRef,
|
|
14907
|
-
|
|
15260
|
+
overflowItems: overflowItemsToUse,
|
|
15261
|
+
overflowClicked: overflowClickedToUse,
|
|
15262
|
+
showRestartButton: isShowingAssistantHeaderThrough ? false : showRestartButton,
|
|
14908
15263
|
onClickRestart: onClickRestart,
|
|
14909
15264
|
showBackButton: !hideBackButton,
|
|
14910
15265
|
labelBackButton: labelBackButton,
|
|
14911
|
-
|
|
14912
|
-
|
|
15266
|
+
title: headerTitleText,
|
|
15267
|
+
displayName: headerDisplayName,
|
|
15268
|
+
showAiLabel: isShowingAssistantHeaderThrough ? false : showAiLabel,
|
|
15269
|
+
hideCloseButton: isShowingAssistantHeaderThrough ? true : hideCloseButton,
|
|
15270
|
+
closeButtonLabel: languagePack.launcher_isOpen,
|
|
15271
|
+
overflowMenuTooltip: languagePack.header_overflowMenu_options,
|
|
15272
|
+
overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
|
|
15273
|
+
restartButtonLabel: languagePack.buttons_restart,
|
|
15274
|
+
aiSlugLabel: languagePack.ai_slug_label,
|
|
15275
|
+
aiSlugTitle: languagePack.ai_slug_title,
|
|
15276
|
+
aiSlugDescription: languagePack.ai_slug_description,
|
|
15277
|
+
minimizeButtonIconType: derivedHeaderConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE,
|
|
15278
|
+
isRestarting: isRestarting
|
|
14913
15279
|
}), React.createElement("div", {
|
|
14914
15280
|
className: "cds-custom-aichat--panel-content"
|
|
14915
15281
|
}, children)));
|
|
@@ -14921,13 +15287,20 @@ function CustomPanel(props, ref) {
|
|
|
14921
15287
|
const {onPanelOpenEnd: onPanelOpenEnd, onPanelCloseEnd: onPanelCloseEnd, onPanelOpenStart: onPanelOpenStart, onPanelCloseStart: onPanelCloseStart, onClose: onClose, onClickRestart: onClickRestart} = props;
|
|
14922
15288
|
const languagePack = useLanguagePack();
|
|
14923
15289
|
const {isOpen: isOpen, options: options} = useSelector(state => state.customPanelState);
|
|
14924
|
-
const {title: title, hidePanelHeader: hidePanelHeader, disableDefaultCloseAction: disableDefaultCloseAction, disableAnimation: disableAnimation, onClickBack: onClickBack, onClickClose: onClickClose} = options;
|
|
15290
|
+
const {title: title, hidePanelHeader: hidePanelHeader, disableDefaultCloseAction: disableDefaultCloseAction, disableAnimation: disableAnimation, onClickBack: onClickBack, onClickClose: onClickClose, hideCloseButton: hideCloseButton} = options;
|
|
14925
15291
|
const serviceManager = useServiceManager();
|
|
14926
15292
|
const ariaAnnouncer = useAriaAnnouncer();
|
|
14927
15293
|
const prevIsOpen = usePrevious(isOpen);
|
|
14928
15294
|
const openAnimation = disableAnimation ? AnimationInType.NONE : AnimationInType.SLIDE_IN_FROM_BOTTOM;
|
|
14929
15295
|
const closeAnimation = disableAnimation ? AnimationOutType.NONE : AnimationOutType.SLIDE_OUT_TO_BOTTOM;
|
|
14930
15296
|
const basePanelRef = useRef(null);
|
|
15297
|
+
const hideCloseOverride = hideCloseButton;
|
|
15298
|
+
const hasCustomTitle = title !== undefined && title !== null;
|
|
15299
|
+
const enableChatHeaderConfig = !hasCustomTitle;
|
|
15300
|
+
const shouldShowBackButton = !options.hideBackButton;
|
|
15301
|
+
const panelClassName = cx("cds-custom-aichat--custom-panel", {
|
|
15302
|
+
"cds-custom-aichat--custom-panel--no-back-button": !shouldShowBackButton
|
|
15303
|
+
});
|
|
14931
15304
|
useEffect(() => {
|
|
14932
15305
|
if (prevIsOpen !== isOpen && isOpen) {
|
|
14933
15306
|
if (!hidePanelHeader && title) {
|
|
@@ -14985,10 +15358,11 @@ function CustomPanel(props, ref) {
|
|
|
14985
15358
|
animationOnClose: closeAnimation,
|
|
14986
15359
|
shouldOpen: isOpen,
|
|
14987
15360
|
serviceManager: serviceManager,
|
|
14988
|
-
overlayPanelName: PageObjectId.CUSTOM_PANEL
|
|
15361
|
+
overlayPanelName: PageObjectId.CUSTOM_PANEL,
|
|
15362
|
+
hasBackButton: shouldShowBackButton
|
|
14989
15363
|
}, React.createElement(BasePanelComponentExport, {
|
|
14990
15364
|
ref: basePanelRef,
|
|
14991
|
-
className:
|
|
15365
|
+
className: panelClassName,
|
|
14992
15366
|
eventName: "Custom panel opened",
|
|
14993
15367
|
eventDescription: "A user opened a custom panel.",
|
|
14994
15368
|
labelBackButton: languagePack.general_returnToAssistant,
|
|
@@ -14999,9 +15373,8 @@ function CustomPanel(props, ref) {
|
|
|
14999
15373
|
onClickRestart: onClickRestart,
|
|
15000
15374
|
hidePanelHeader: hidePanelHeader,
|
|
15001
15375
|
hideBackButton: options.hideBackButton,
|
|
15002
|
-
hideCloseButton:
|
|
15003
|
-
|
|
15004
|
-
showRestartButton: false
|
|
15376
|
+
hideCloseButton: hideCloseOverride,
|
|
15377
|
+
enableChatHeaderConfig: enableChatHeaderConfig
|
|
15005
15378
|
}, React.createElement(WriteableElement$1, {
|
|
15006
15379
|
slotName: "customPanelElement",
|
|
15007
15380
|
className: "cds-custom-aichat--custom-panel__content-container"
|
|
@@ -15343,20 +15716,6 @@ function ChatBubbleLight() {
|
|
|
15343
15716
|
}));
|
|
15344
15717
|
}
|
|
15345
15718
|
|
|
15346
|
-
function SimpleHeader(props, ref) {
|
|
15347
|
-
const {onClose: onClose, showAiLabel: showAiLabel, showRestartButton: showRestartButton} = props;
|
|
15348
|
-
const headerRef = useRef(undefined);
|
|
15349
|
-
useImperativeHandle(ref, () => headerRef.current);
|
|
15350
|
-
return React.createElement(HeaderExport, {
|
|
15351
|
-
ref: headerRef,
|
|
15352
|
-
onClickClose: onClose,
|
|
15353
|
-
showAiLabel: showAiLabel,
|
|
15354
|
-
showRestartButton: showRestartButton
|
|
15355
|
-
});
|
|
15356
|
-
}
|
|
15357
|
-
|
|
15358
|
-
const SimpleHeaderExport = React.memo(forwardRef(SimpleHeader));
|
|
15359
|
-
|
|
15360
15719
|
function Disclaimer({onAcceptDisclaimer: onAcceptDisclaimer, onClose: onClose, disclaimerHTML: disclaimerHTML, disclaimerAcceptButtonRef: disclaimerAcceptButtonRef}) {
|
|
15361
15720
|
const languagePack = useLanguagePack();
|
|
15362
15721
|
const chatWidthBreakpoint = useSelector(state => state.chatWidthBreakpoint);
|
|
@@ -15381,9 +15740,19 @@ function Disclaimer({onAcceptDisclaimer: onAcceptDisclaimer, onClose: onClose, d
|
|
|
15381
15740
|
className: "cds-custom-aichat--disclaimer-container"
|
|
15382
15741
|
}, React.createElement("div", {
|
|
15383
15742
|
className: "cds-custom-aichat--disclaimer"
|
|
15384
|
-
}, React.createElement(
|
|
15385
|
-
|
|
15386
|
-
showRestartButton: false
|
|
15743
|
+
}, React.createElement(HeaderExport, {
|
|
15744
|
+
onClickClose: onClose,
|
|
15745
|
+
showRestartButton: false,
|
|
15746
|
+
showAiLabel: false,
|
|
15747
|
+
closeButtonLabel: languagePack.launcher_isOpen,
|
|
15748
|
+
restartButtonLabel: languagePack.buttons_restart,
|
|
15749
|
+
overflowMenuTooltip: languagePack.header_overflowMenu_options,
|
|
15750
|
+
overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
|
|
15751
|
+
aiSlugLabel: languagePack.ai_slug_label,
|
|
15752
|
+
aiSlugTitle: languagePack.ai_slug_title,
|
|
15753
|
+
aiSlugDescription: languagePack.ai_slug_description,
|
|
15754
|
+
minimizeButtonIconType: MinimizeButtonIconType.MINIMIZE,
|
|
15755
|
+
isRestarting: false
|
|
15387
15756
|
}), React.createElement("div", {
|
|
15388
15757
|
className: "cds-custom-aichat--panel-content cds-custom-aichat--disclaimer__content",
|
|
15389
15758
|
onScroll: onScroll,
|
|
@@ -15677,7 +16046,8 @@ function BodyAndFooterPanelComponent(props, ref) {
|
|
|
15677
16046
|
animationOnClose: closeAnimation,
|
|
15678
16047
|
shouldOpen: isOpen,
|
|
15679
16048
|
serviceManager: serviceManager,
|
|
15680
|
-
overlayPanelName: overlayPanelName
|
|
16049
|
+
overlayPanelName: overlayPanelName,
|
|
16050
|
+
hasBackButton: true
|
|
15681
16051
|
}, React.createElement(BasePanelComponentExport, {
|
|
15682
16052
|
ref: basePanelRef,
|
|
15683
16053
|
className: cx("cds-custom-aichat--body-and-footer-component", className),
|
|
@@ -15969,13 +16339,14 @@ class MainWindow extends Component {
|
|
|
15969
16339
|
const {numPanelsAnimating: numPanelsAnimating, numPanelsOpen: numPanelsOpen, isHydrationAnimationComplete: isHydrationAnimationComplete} = this.state;
|
|
15970
16340
|
const inputState = selectInputState(this.props);
|
|
15971
16341
|
const agentDisplayState = selectHumanAgentDisplayState(this.props);
|
|
16342
|
+
const hasPanelWithBackButton = selectHasOpenPanelWithBackButton(this.props);
|
|
15972
16343
|
const showDisclaimer = this.getShowDisclaimer();
|
|
15973
16344
|
let hideBotContainer;
|
|
15974
16345
|
if (!isHydrationAnimationComplete) {
|
|
15975
16346
|
hideBotContainer = true;
|
|
15976
16347
|
} else if (numPanelsAnimating > 0) {
|
|
15977
16348
|
hideBotContainer = false;
|
|
15978
|
-
} else if (numPanelsOpen > 0) {
|
|
16349
|
+
} else if (numPanelsOpen > 0 && !hasPanelWithBackButton) {
|
|
15979
16350
|
hideBotContainer = true;
|
|
15980
16351
|
}
|
|
15981
16352
|
return React.createElement(HideComponent, {
|
|
@@ -16002,7 +16373,8 @@ class MainWindow extends Component {
|
|
|
16002
16373
|
onUserTyping: this.onUserTyping,
|
|
16003
16374
|
locale: config.public.locale || "en",
|
|
16004
16375
|
useAITheme: theme.aiEnabled,
|
|
16005
|
-
carbonTheme: theme.derivedCarbonTheme
|
|
16376
|
+
carbonTheme: theme.derivedCarbonTheme,
|
|
16377
|
+
shouldHideChatContentForPanel: hasPanelWithBackButton
|
|
16006
16378
|
}));
|
|
16007
16379
|
}
|
|
16008
16380
|
renderHydrationPanel() {
|
|
@@ -16103,7 +16475,8 @@ class MainWindow extends Component {
|
|
|
16103
16475
|
animationOnClose: AnimationOutType.SLIDE_OUT_TO_BOTTOM,
|
|
16104
16476
|
shouldOpen: iFramePanelState.isOpen,
|
|
16105
16477
|
serviceManager: serviceManager,
|
|
16106
|
-
overlayPanelName: PageObjectId.IFRAME_PANEL
|
|
16478
|
+
overlayPanelName: PageObjectId.IFRAME_PANEL,
|
|
16479
|
+
hasBackButton: true
|
|
16107
16480
|
}, React.createElement(IFramePanelExport, {
|
|
16108
16481
|
ref: this.iframePanelRef,
|
|
16109
16482
|
onClickClose: this.onClose,
|
|
@@ -16122,7 +16495,8 @@ class MainWindow extends Component {
|
|
|
16122
16495
|
animationOnClose: AnimationOutType.SLIDE_OUT_TO_BOTTOM,
|
|
16123
16496
|
shouldOpen: viewSourcePanelState.isOpen,
|
|
16124
16497
|
serviceManager: serviceManager,
|
|
16125
|
-
overlayPanelName: PageObjectId.CONVERSATIONAL_SEARCH_CITATION_PANEL
|
|
16498
|
+
overlayPanelName: PageObjectId.CONVERSATIONAL_SEARCH_CITATION_PANEL,
|
|
16499
|
+
hasBackButton: true
|
|
16126
16500
|
}, React.createElement(ViewSourcePanelExport, {
|
|
16127
16501
|
ref: this.viewSourcePanelRef,
|
|
16128
16502
|
onClickClose: this.onClose,
|
|
@@ -17089,7 +17463,7 @@ function AppShell({serviceManager: serviceManager, hostElement: hostElement, sty
|
|
|
17089
17463
|
}))))))));
|
|
17090
17464
|
}
|
|
17091
17465
|
|
|
17092
|
-
var css_248z = ".cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up{\n 0%{\n opacity:0;\n transform:translateY(32px);\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-bounce{\n 0%{\n transform:translateY(0);\n }\n 30%{\n transform:translateY(-10px);\n }\n 50%{\n transform:translateY(0);\n }\n 70%{\n transform:translateY(-10px);\n }\n 100%{\n transform:translateY(0);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-text{\n 0%{\n opacity:0;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-close-button{\n 0%{\n opacity:0;\n }\n 80%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-avatar-resize{\n 0%{\n block-size:32px;\n inline-size:32px;\n }\n 100%{\n block-size:48px;\n inline-size:48px;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up-small-expanded{\n 0%{\n inset-block-end:-160px;\n opacity:0;\n }\n 30%{\n opacity:0;\n }\n 100%{\n inset-block-end:calc(-1 * 5rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n 40%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out{\n 0%{\n opacity:1;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position{\n 0%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position-rtl{\n 0%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-custom-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-custom-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-custom-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-in{\n 0%{\n inset-block-end:-16px;\n opacity:0;\n }\n 50%, 100%{\n inset-block-end:0;\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-out{\n 0%{\n inset-block-start:0;\n opacity:1;\n }\n 50%, 100%{\n inset-block-start:-16px;\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--container--render{\n --cds-custom-aichat-max-height:640px;\n --cds-custom-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-custom-aichat-bottom-position))\n );\n --cds-custom-aichat-max-width:672px;\n --cds-custom-aichat-bottom-position:3rem;\n --cds-custom-aichat-right-position:2rem;\n --cds-custom-aichat-top-position:auto;\n --cds-custom-aichat-left-position:auto;\n --cds-custom-aichat-z-index:99999;\n --cds-custom-aichat-border-radius:0;\n --cds-custom-aichat-ai-background-image:linear-gradient(\n to bottom,\n var(--cds-chat-shell-background, #ffffff) 0,\n var(--cds-chat-shell-background, #ffffff) 50%,\n var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%,\n var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%\n );\n --cds-custom-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-custom-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-custom-aichat-card-border-radius:0.5rem;\n --cds-custom-aichat-card-max-width:424px;\n --cds-custom-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-custom-aichat-width:min(380px, var(--cds-custom-aichat-max-width));\n --cds-custom-aichat-height:calc(100vh - (2 * 2rem));\n --cds-custom-aichat-launcher-default-size:56px;\n --cds-custom-aichat-launcher-position-bottom:3rem;\n --cds-custom-aichat-launcher-position-right:2rem;\n --cds-custom-aichat-launcher-extended-width:280px;\n --cds-custom-aichat-launcher-desktop-expanded-height:320px;\n --cds-custom-aichat-launcher-position-bottom-mobile:1rem;\n --cds-custom-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-custom-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-custom-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100vw - 4px);\n --cds-custom-aichat-height:calc(100vh - 4px);\n --cds-custom-aichat-left-position:2;\n --cds-custom-aichat-top-position:2;\n --cds-custom-aichat-max-height:auto;\n --cds-custom-aichat-min-height:auto;\n --cds-custom-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100dvw - 4px);\n --cds-custom-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-one{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-two{\n --cds-layer:var(--cds-layer-02, #ffffff);\n --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field:var(--cds-field-02, #ffffff);\n --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds-custom--layer-three{\n --cds-layer:var(--cds-layer-03, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field:var(--cds-field-03, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds-custom--layer-one.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-two.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-three.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds-custom--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds-custom--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds-custom--skeleton{\n 0%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n 20%{\n opacity:1;\n transform:scaleX(1);\n transform-origin:left;\n }\n 28%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 51%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 58%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 82%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 83%{\n transform:scaleX(1);\n transform-origin:left;\n }\n 96%{\n transform:scaleX(0);\n transform-origin:left;\n }\n 100%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n}\n:host{\n}\n:host .cds-custom--assistive-text,\n:host .cds-custom--visually-hidden{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0, 0, 0, 0);\n inline-size:1px;\n visibility:inherit;\n white-space:nowrap;\n}\n:host .cds-custom--popover-container{\n display:inline-block;\n}\n:host .cds-custom--popover-container:not(.cds-custom--popover--auto-align){\n position:relative;\n}\n:host .cds-custom--popover--high-contrast .cds-custom--popover{\n --cds-popover-background-color:var(--cds-background-inverse, #393939);\n --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--popover--drop-shadow .cds-custom--popover{\n filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds-custom--popover--border .cds-custom--popover > .cds-custom--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds-custom--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds-custom--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-sm, :host .cds-custom--layout--size-sm :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-md, :host .cds-custom--layout--size-md :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-lg, :host .cds-custom--layout--size-lg :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds-custom--popover-content{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover-content *,\n:host .cds-custom--popover-content *::before,\n:host .cds-custom--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover-content{\n position:absolute;\n z-index:6000;\n display:none;\n border-radius:var(--cds-popover-border-radius, 2px);\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:23rem;\n pointer-events:auto;\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content{\n display:block;\n}\n:host .cds-custom--popover--background-token__background .cds-custom--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content::before{\n display:block;\n}\n:host .cds-custom--popover-caret,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds-custom--popover-caret::after,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::after{\n position:absolute;\n display:block;\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n content:\"\";\n}\n:host .cds-custom--popover-caret::before,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n position:absolute;\n display:none;\n background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n content:\"\";\n}\n:host .cds-custom--popover--background-token__background .cds-custom--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover--border .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n display:block;\n}\n:host .cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-caret{\n display:none;\n}\n:host .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-start:0;\n inset-inline:0;\n transform:translateY(-100%);\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-end:0;\n inset-inline:0;\n transform:translateY(100%);\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-start:0;\n transform:translateX(-100%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-end:0;\n transform:translateX(100%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-content{\n border-radius:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--tab-tip .cds-custom--popover{\n will-change:filter;\n}\n:host .cds-custom--popover--tab-tip__button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover--tab-tip__button *,\n:host .cds-custom--popover--tab-tip__button *::before,\n:host .cds-custom--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover--tab-tip__button{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--popover--tab-tip__button{\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom--popover--tab-tip__button:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button{\n background:var(--cds-layer);\n box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button:not(:focus)::after{\n position:absolute;\n z-index:6001;\n background:var(--cds-layer);\n block-size:2px;\n content:\"\";\n inline-size:100%;\n inset-block-end:0;\n}\n:host .cds-custom--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds-custom--tooltip-content{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n max-inline-size:18rem;\n overflow-wrap:break-word;\n}\n:host .cds-custom--icon-tooltip{\n --cds-tooltip-padding-block:0.125rem;\n --cds-popover-caret-width:0.5rem;\n --cds-popover-caret-height:0.25rem;\n --cds-popover-offset:0.5rem;\n}\n:host .cds-custom--icon-tooltip .cds-custom--tooltip-content{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom--definition-term{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--definition-term *,\n:host .cds-custom--definition-term *::before,\n:host .cds-custom--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--definition-term{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--definition-term{\n border-radius:0;\n border-block-end:1px dotted var(--cds-border-strong);\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-tooltip{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:0.5rem 1rem;\n max-inline-size:11rem;\n text-wrap:auto;\n word-break:break-word;\n}\n:host{\n}\n:host .cds-custom--btn{\n --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n --temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );\n --temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );\n --temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--btn *,\n:host .cds-custom--btn *::before,\n:host .cds-custom--btn *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--btn{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n position:relative;\n display:inline-flex;\n flex-shrink:0;\n justify-content:space-between;\n border-radius:0;\n margin:0;\n cursor:pointer;\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:20rem;\n min-block-size:var(--cds-layout-size-height-local);\n outline:none;\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n text-align:start;\n text-decoration:none;\n transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align:top;\n}\n:host .cds-custom--btn:disabled, :host .cds-custom--btn:hover:disabled, :host .cds-custom--btn:focus:disabled, :host .cds-custom--btn.cds-custom--btn--disabled, :host .cds-custom--btn.cds-custom--btn--disabled:hover, :host .cds-custom--btn.cds-custom--btn--disabled:focus{\n border-color:var(--cds-button-disabled, #c6c6c6);\n background:var(--cds-button-disabled, #c6c6c6);\n box-shadow:none;\n color:var(--cds-text-on-color-disabled, #8d8d8d);\n cursor:not-allowed;\n}\n:host .cds-custom--btn .cds-custom--btn__icon{\n position:absolute;\n flex-shrink:0;\n block-size:1rem;\n inline-size:1rem;\n inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n inset-inline-end:var(--cds-layout-density-padding-inline-local);\n margin-block-start:0.0625rem;\n}\n:host .cds-custom--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds-custom--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds-custom--btn--primary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds-custom--btn--primary .cds-custom--btn__icon,\n:host .cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom--btn--secondary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom--btn--secondary .cds-custom--btn__icon,\n:host .cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--secondary:hover, :host .cds-custom--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds-custom--btn--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n border-color:transparent;\n background-color:var(--cds-button-tertiary-active, #002d9c);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:disabled, :host .cds-custom--btn--tertiary:hover:disabled, :host .cds-custom--btn--tertiary:focus:disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom--btn--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--ghost:hover, :host .cds-custom--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost:disabled, :host .cds-custom--btn--ghost:hover:disabled, :host .cds-custom--btn--ghost:focus:disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--icon-only{\n align-items:center;\n justify-content:center;\n padding:0;\n block-size:var(--cds-layout-size-height-local);\n inline-size:var(--cds-layout-size-height-local);\n padding-block-start:0;\n}\n:host .cds-custom--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds-custom--btn--icon-only .cds-custom--btn__icon{\n position:static;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon, :host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n margin:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon{\n margin-block-start:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds-custom--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,\n:host .cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds-custom--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger .cds-custom--btn__icon,\n:host .cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n border-color:var(--cds-button-danger-active, #750e13);\n background-color:var(--cds-button-danger-active, #750e13);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:disabled, :host .cds-custom--btn--danger--tertiary:hover:disabled, :host .cds-custom--btn--danger--tertiary:focus:disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--danger--ghost:hover, :host .cds-custom--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:disabled, :host .cds-custom--btn--danger--ghost:hover:disabled, :host .cds-custom--btn--danger--ghost:focus:disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--expressive{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--expressive{\n padding:12px 13px;\n}\n:host .cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n position:relative;\n padding:0;\n border:none;\n background:var(--cds-skeleton-background, #e8e8e8);\n box-shadow:none;\n pointer-events:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton:hover, :host .cds-custom--btn.cds-custom--skeleton:focus, :host .cds-custom--btn.cds-custom--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds-custom--skeleton infinite;\n background:var(--cds-skeleton-element, #c6c6c6);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-inline-start:0;\n will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n :host .cds-custom--btn.cds-custom--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn.cds-custom--skeleton{\n background:CanvasText;\n }\n :host .cds-custom--btn.cds-custom--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n inline-size:9.375rem;\n}\n:host .cds-custom--btn-set{\n display:flex;\n}\n:host .cds-custom--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds-custom--btn-set .cds-custom--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn:focus + .cds-custom--btn{\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds-custom--btn--sm .cds-custom--badge-indicator{\n margin-block-start:0.25rem;\n margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle .cds-custom-aichat--response-user-avatar__letter{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n text-align:center;\n}\n:host{\n}\n:host .cds-custom-aichat--human-agent-banner__body{\n display:flex;\n align-items:center;\n padding:1rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-info{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 0 0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-custom-aichat--human-agent-banner--connected .cds-custom-aichat--agent-banner__agent-line1{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2,\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2 p{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--custom-panel__content-container{\n overflow:auto;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--custom-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__slug-description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-custom-aichat--header{\n position:relative;\n display:flex;\n box-sizing:unset;\n justify-content:center;\n block-size:40px;\n border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header--content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--header__buttons .cds-custom-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header--content{\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-custom-aichat--header__slug-label{\n color:var(--cds-text-secondary, #525252);\n padding-block-end:0.75rem;\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-custom-aichat--header__overflow-menu svg,\n:host .cds-custom-aichat--header__back-button svg,\n:host .cds-custom-aichat--header__restart-button svg,\n:host .cds-custom-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen-header button.cds-custom-aichat--header__back-button{\n transform:none;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-custom-aichat--header__left-items,\n:host .cds-custom-aichat--chat-header-overflow-menu__host-element,\n:host .cds-custom-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host cds-custom-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-custom-aichat-chat-header-avatar + .cds-custom-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container:first-child > cds-custom-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__body-wrapper{\n position:relative;\n display:flex;\n overflow:auto;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--home-screen__body{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-custom-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-custom-aichat--home-screen__greeting{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content .cds-custom-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content-only{\n flex-grow:unset;\n flex-shrink:unset;\n padding:0;\n margin:0;\n min-block-size:unset;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:none;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(1){\n --cds-custom-aichat-homescreen-starter-index:1;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(2){\n --cds-custom-aichat-homescreen-starter-index:2;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(3){\n --cds-custom-aichat-homescreen-starter-index:3;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(4){\n --cds-custom-aichat-homescreen-starter-index:4;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(5){\n --cds-custom-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-custom-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper,\n:host .cds-custom-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper{\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n min-block-size:0;\n outline:2px solid transparent;\n outline-offset:-2px;\n padding-block:0.75rem;\n padding-inline:1rem 0.5rem;\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\n margin-block-end:32px;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--input-container{\n border:1px solid transparent;\n background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-custom-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-custom-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:32px;\n color:var(--cds-text-primary, #161616);\n cursor:pointer;\n inline-size:32px;\n}\n:host .cds-custom-aichat--input-container__upload-input:focus + .cds-custom-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-custom-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-custom-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area{\n display:inline-block;\n overflow:hidden;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n min-block-size:0;\n}\n:host .cds-custom-aichat--input-container--show-upload-button .cds-custom-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area textarea.cds-custom-aichat--text-area-textarea{\n display:block;\n margin:0;\n background:transparent;\n color:var(--cds-text-primary, #161616);\n resize:none;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-placeholder{\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-family:inherit;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::placeholder{\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-family:inherit;\n}\n:host .cds-custom-aichat--input-container__send-button-container,\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button svg{\n block-size:1rem;\n cursor:inherit;\n fill:var(--cds-interactive, #0f62fe);\n inline-size:1rem;\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:focus svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-custom-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n}\n:host .cds-custom-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-custom-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:hover{\n border-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--count-indicator{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0 4px;\n border-radius:10px;\n background-color:var(--cds-custom-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-custom-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc(-1 * 0.125rem);\n inset-inline-end:calc(-1 * 0.125rem);\n min-block-size:20px;\n min-inline-size:20px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-custom-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--launcher__button-container--bounce-animation{\n animation:cds-custom-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-custom-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n display:flex;\n align-items:center;\n justify-content:center;\n padding:inherit;\n border-radius:inherit;\n block-size:inherit;\n inline-size:inherit;\n max-inline-size:inherit;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-custom-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--launcher__avatar{\n border-radius:50%;\n block-size:32px;\n inline-size:32px;\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--launcher__button .cds-custom-aichat__count-indicator{\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n inset-inline-end:4rem;\n max-inline-size:270px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-custom-aichat-launcher-expanded-message-color-text, var(--cds-text-on-color, #ffffff));\n font-size:20px;\n letter-spacing:0;\n -webkit-line-clamp:3;\n line-clamp:3;\n line-height:1.4;\n opacity:0;\n overflow-wrap:break-word;\n text-align:start;\n visibility:visible;\n white-space:normal;\n word-break:break-word;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n position:absolute;\n padding:3px 7px 3px 3px;\n border:1px solid transparent;\n margin:0;\n box-shadow:1px 0 2px rgba(23, 23, 23, 0.3);\n cursor:pointer;\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc((1.5rem + 0.5rem) * -1);\n inset-inline-end:0;\n opacity:0;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__avatar{\n animation:700ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__text{\n animation:700ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__close-button{\n animation:700ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__avatar{\n animation:150ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__text{\n animation:150ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up-small-expanded forwards;\n block-size:10rem;\n inline-size:10rem;\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__close-button{\n animation:150ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:unset;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-custom-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__avatar{\n animation:400ms cds-custom-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__text,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__close-button{\n animation:400ms cds-custom-aichat-launcher-fade-out forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:400ms cds-custom-aichat-launcher-default-size-position forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-extended__container{\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n padding:0;\n border-width:2px;\n block-size:100%;\n cursor:pointer;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-custom-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n position:relative;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-custom-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:calc(100% - 12px);\n inset-block-end:0;\n word-break:break-word;\n}\n:host .cds-custom-aichat-is-phone .cds-custom-aichat--launcher-extended__greeting{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--launcher-extended__greeting-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n line-clamp:2;\n text-overflow:ellipsis;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-out{\n animation:cds-custom-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-in{\n animation:cds-custom-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button.cds-custom-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended .cds-custom-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation{\n animation:cds-custom-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation{\n animation:cds-custom-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--confirm-modal{\n position:absolute;\n z-index:100;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-custom-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__title{\n padding:1rem;\n font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-compact-01-font-weight, 600);\n line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-custom-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-custom-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-custom-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-custom-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--connect-to-human-agent__title{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n padding-block-end:0.25rem;\n}\n:host .cds-custom-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--connect-to-agent__text p,\n:host .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a,\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-custom-aichat--connect-to-human-agent__suspended-warning{\n color:var(--cds-support-error, #da1e28);\n padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@font-face{\n font-family:\"swiper-icons\";\n src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight:400;\n font-style:normal;\n}\n:host :root{\n --swiper-theme-color:#007aff;\n}\n:host :host{\n position:relative;\n display:block;\n margin-left:auto;\n margin-right:auto;\n z-index:1;\n}\n:host .swiper{\n margin-left:auto;\n margin-right:auto;\n position:relative;\n overflow:hidden;\n list-style:none;\n padding:0;\n z-index:1;\n display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n flex-direction:column;\n}\n:host .swiper-wrapper{\n position:relative;\n width:100%;\n height:100%;\n z-index:1;\n display:flex;\n transition-property:transform;\n transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n touch-action:pan-y;\n}\n:host .swiper-vertical{\n touch-action:pan-x;\n}\n:host .swiper-slide{\n flex-shrink:0;\n width:100%;\n height:100%;\n position:relative;\n transition-property:transform;\n display:block;\n}\n:host .swiper-slide-invisible-blank{\n visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n align-items:flex-start;\n transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n transform:translateZ(0);\n backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n transform-style:preserve-3d;\n}\n:host .swiper-3d{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n overflow:auto;\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n content:\"\";\n flex-shrink:0;\n order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:center center;\n scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n height:100%;\n min-height:1px;\n width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n width:100%;\n min-width:1px;\n height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:100%;\n pointer-events:none;\n z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n width:42px;\n height:42px;\n position:absolute;\n left:50%;\n top:50%;\n margin-left:-21px;\n margin-top:-21px;\n z-index:10;\n transform-origin:50%;\n box-sizing:border-box;\n border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius:50%;\n border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n 0%{\n transform:rotate(0deg);\n }\n 100%{\n transform:rotate(360deg);\n }\n}\n:host{\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button,\n:host .cds-custom-aichat--carousel-container__controls{\n display:flex;\n align-items:center;\n color:var(--cds-text-secondary, #525252);\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--carousel-container__navigation cds-custom-button::part(button){\n color:currentcolor;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-custom-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-custom-aichat--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-custom-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-custom-aichat--carousel-container__controls--standard,\n:host .cds-custom-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .swiper{\n inline-size:100%;\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-disclaimer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-text,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-custom-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-custom-aichat--date-picker__confirm-button::part(button){\n display:block;\n margin-block-start:0.75rem;\n margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-custom-aichat--inline-error--icon-holder{\n display:flex;\n flex:0 0 1rem;\n align-items:flex-start;\n margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-custom-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-custom-aichat--inline-error--text{\n flex:1;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1px;\n}\n:host .cds-custom-aichat--inline-error .cds-custom-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-custom-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__row{\n display:flex;\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__cell .cds-custom-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image{\n border:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--i-frame-preview-card:focus .cds-custom-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--i-frame-preview-card:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-i-frame{\n position:relative;\n overflow:hidden;\n background:transparent;\n inline-size:100%;\n padding-block-start:var(--padding-top, 0);\n}\n:host .cds-custom-aichat--inline-i-frame .cds-custom-aichat--i-frame-component__wrapper{\n position:absolute;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-custom-aichat--i-frame-component__wrapper,\n:host .cds-custom-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--i-frame-component__status-container{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host .cds-custom-aichat--i-frame-component__status-container .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-custom-aichat--i-frame-panel .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-custom-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-custom-aichat--image__image{\n display:none;\n block-size:0;\n max-inline-size:100%;\n opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--image .cds-custom-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-custom-aichat--image__text-and-icon .cds-custom-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-custom-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon,\n:host svg.cds-custom-aichat--image__icon--link{\n position:absolute;\n margin:0;\n inset-block-end:1rem;\n inset-inline-end:1rem;\n}\n:host svg.cds-custom-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] svg.cds-custom-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-custom-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-custom-aichat--button-holder ul li{\n display:inline-block;\n padding:0 0.5rem 0.5rem 0;\n margin:0;\n}\n:host{\n}\n:host .cds-custom-aichat--select-holder{\n padding:0 1px;\n inline-size:100%;\n margin-block-start:1rem;\n max-inline-size:380px;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-custom-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-custom-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding:0;\n border:2px solid transparent;\n margin:0;\n block-size:100%;\n inline-size:100%;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-focus-inner{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area.cds-custom-aichat--text-area--auto-size .cds-custom-aichat--text-area-textarea{\n position:absolute;\n overflow:hidden;\n inset-block-start:0;\n resize:none;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n padding-block-end:1px;\n visibility:hidden;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-custom-aichat--body-message-components__message-wrapper:not(.cds-custom-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-custom-aichat--clickable-image .cds-custom-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-custom-aichat--clickable-image:disabled .cds-custom-aichat--image{\n opacity:0.5;\n}\n:host .cds-custom-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-custom-aichat--description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__title,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-custom-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button.cds-custom-aichat--button-item{\n flex:auto;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:not(:last-child::part(button)){\n border-end-end-radius:0;\n border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-custom-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-custom-aichat--media-player__skeleton-container,\n:host .cds-custom-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-custom-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-custom-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-custom-aichat--media-player__player iframe{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background,\n:host .cds-custom-aichat--media-player__player{\n position:absolute;\n border-radius:0;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--received--metablock{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-custom-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-custom-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-custom-aichat--text-holder-tile__title{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-weight:400;\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-custom-aichat--text-holder-tile__description,\n:host .cds-custom-aichat--text-holder-tile__url{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-custom-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-custom-aichat--text-holder-tile__description{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:3;\n white-space:normal;\n }\n}\n@supports (-webkit-line-clamp: 2){\n :host .cds-custom-aichat--text-holder-tile__title{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n white-space:normal;\n }\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-custom-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable{\n padding:0;\n border:none;\n border-radius:0.5rem;\n cursor:pointer;\n inline-size:100%;\n padding-inline-end:0;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:none;\n }\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-custom-aichat--citation-card-title{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding-block-end:0.5rem;\n}\n:host .cds-custom-aichat--citation-card-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n -webkit-line-clamp:5;\n line-clamp:5;\n text-align:start;\n white-space:normal;\n}\n:host .cds-custom-aichat--citation-card-footer{\n display:flex;\n justify-content:space-between;\n color:var(--cds-link-primary, #0f62fe);\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--citation-card-label,\n:host .cds-custom-aichat--citation-card-icon{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message a:hover.cds-custom-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-custom-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--view-source-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host .cds-custom-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--visually-hidden{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n inset-block-start:0;\n white-space:nowrap;\n}\n:host{\n}\n:host .cds-custom-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-custom-aichat--messages-and-input-container{\n position:relative;\n display:flex;\n flex:1;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages-container__non-input-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-custom-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel .cds-custom-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-custom-aichat--catastrophic-error{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-custom-aichat--catastrophic-error .cds-custom-aichat--catastrophic-error__error-text-container > svg{\n margin-inline-start:calc(2rem * -1);\n max-block-size:128px;\n max-inline-size:128px;\n padding-inline-start:0.25rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-heading{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-custom-aichat--catastrophic-error__error-body{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--disclaimer-container{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n}\n:host .cds-custom-aichat--disclaimer{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--disclaimer .cds-custom-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-custom-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-custom-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-custom-aichat--disclaimer__title{\n display:block;\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n inline-size:100%;\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-custom-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-custom-aichat--error-icon path[data-icon-path=inner-path]{\n fill:var(--cds-icon-on-color, #ffffff);\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating.cds-custom-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--hydrating.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-custom-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-custom-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-custom-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-custom-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-custom-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-custom-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-custom-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-custom-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay--covering.cds-custom-aichat--overlay-panel-container .cds-custom-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-custom-aichat--overlay-panel{\n position:absolute;\n display:block;\n box-sizing:border-box;\n border-radius:0;\n margin:0;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n min-block-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-custom-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-bottom both;\n}\n:host{\n}\n:host .cds-custom-aichat--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--widget__text-ellipsis{\n overflow:hidden;\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n font-family:\"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n inline-size:100%;\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-custom-aichat--container--render > div > div[role=log]{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n inline-size:1px;\n inset-inline-start:-10000px;\n}\n:host .cds-custom-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-custom-aichat-z-index, 99999) + 1);\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n inline-size:100%;\n -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n text-rendering:optimizelegibility;\n visibility:visible;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget{\n border:solid 1px transparent;\n background:linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box;\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless .cds-custom-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget .cds-custom-aichat--widget__animation-container{\n position:relative;\n z-index:1;\n flex:1;\n background:var(--cds-chat-shell-background, #ffffff);\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--assistant-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n border-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--home-screen,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--confirm-modal,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--widget__animation-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--assistant-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--hydrating-container{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header{\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--input-container{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--image,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed .cds-custom-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element:not(.cds-custom-aichat---is-phone){\n animation:cds-custom-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed,\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-custom-aichat---is-phone[dir=rtl]:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat{\n display:flex;\n box-sizing:border-box;\n flex:1;\n flex-direction:column;\n align-content:stretch;\n align-items:stretch;\n border-radius:0;\n margin:0;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat{\n border-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat{\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless.cds-custom-aichat--ai-theme .cds-custom-aichat{\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)));\n}\n:host .cds-custom-aichat.cds-custom-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-custom-aichat--main-window,\n:host .cds-custom-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n overflow:hidden;\n background:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n opacity:0.5;\n}\n:host svg.cds-custom-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-custom-aichat--scroll-focus:focus-visible::before{\n position:sticky;\n z-index:1;\n display:block;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n float:inline-start;\n inline-size:100%;\n inset-block-start:0;\n margin-block-start:-100%;\n pointer-events:none;\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--reverse-icon svg,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg.cds-custom-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-custom-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-custom-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--body-and-footer-component{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--panel-content{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-custom-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--first-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line.cds-custom-aichat--message--response.cds-custom-aichat--message--last-message:not(.cds-custom-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 2rem + 0.5rem);\n inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--ui-customization-element--response,\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single):first-child,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message .cds-custom-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-custom-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-custom-aichat--messages--welcome.cds-custom-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-custom-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--inline-error,\n:host .cds-custom-aichat--received--text,\n:host .cds-custom-aichat--message-user-defined-response{\n position:relative;\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--image{\n position:relative;\n inline-size:90%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--video,\n:host .cds-custom-aichat--received--audio{\n inline-size:100%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state-container{\n display:flex;\n flex-direction:row;\n justify-content:flex-end;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message .cds-custom-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status .cds-custom-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-custom-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--received--loading,\n:host .cds-custom-aichat--search-result,\n:host .cds-custom-aichat--sent--bubble{\n position:relative;\n opacity:1;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--loading .cds-custom-aichat--received--inner{\n position:relative;\n}\n:host .cds-custom-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-custom-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-custom-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-custom-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--sent--bubble{\n align-self:end;\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n border-radius:0.5rem 0 0.5rem 0.5rem;\n background:var(--cds-chat-bubble-user, #e0e0e0);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--received--options,\n:host .cds-custom-aichat--received--suggestion{\n position:relative;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--agent-status-message{\n color:var(--cds-text-helper, #6f6f6f);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n padding-inline:1rem;\n text-align:center;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--chat-status-message{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img svg,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--message__avatar-line,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--sent--bubble,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--agent-message) .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--message__avatar--agent .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-custom-aichat--received--from-human.cds-custom-aichat--received--text{\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0 0.5rem 0.5rem 0.5rem;\n background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--received--from-agent.cds-custom-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--message__avatar--assistant .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n margin-block-start:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--messages__wrapper{\n position:relative;\n overflow:hidden;\n flex:1;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-custom-aichat--message--focus-handle,\n:host .cds-custom-aichat--messages--scroll-handle{\n position:relative;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:0;\n inline-size:0;\n outline:none;\n}\n:host .cds-custom-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages{\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon{\n position:absolute;\n z-index:1;\n display:grid;\n border-radius:50%;\n margin:0 auto;\n background-color:var(--cds-button-secondary, #393939);\n block-size:2rem;\n color:var(--cds-text-on-color, #ffffff);\n cursor:pointer;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:calc(50% - 1rem);\n place-items:center;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:focus{\n border-color:var(--cds-focus, #0f62fe);\n box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g10{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#f4f4f4;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#c6c6c6;\n --cds-border-subtle-01:#e0e0e0;\n --cds-border-subtle-02:#c6c6c6;\n --cds-border-subtle-03:#e0e0e0;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#a8a8a8;\n --cds-border-tile-02:#c6c6c6;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g10{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g10{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g100{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#333333;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#161616;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#6f6f6f;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#a8a8a8;\n --cds-border-subtle-00:#393939;\n --cds-border-subtle-01:#525252;\n --cds-border-subtle-02:#6f6f6f;\n --cds-border-subtle-03:#6f6f6f;\n --cds-border-subtle-selected-01:#6f6f6f;\n --cds-border-subtle-selected-02:#8d8d8d;\n --cds-border-subtle-selected-03:#8d8d8d;\n --cds-border-tile-01:#525252;\n --cds-border-tile-02:#6f6f6f;\n --cds-border-tile-03:#8d8d8d;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#292929;\n --cds-skeleton-element:#393939;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#fa4d56;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g100{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g100{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host cds-custom-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--light cds-custom-tile,\n:host .cds-custom--white cds-custom-tile,\n:host .cds-custom--g10 cds-custom-tile{\n background-color:#ffffff;\n}\n:host .cds-custom-aichat--dark,\n:host .cds-custom--g90,\n:host .cds-custom--g100{\n scrollbar-color:var(--cds-layer-03) var(--cds-layer-01);\n}\n:host .cds-custom-aichat--dark cds-custom-tile,\n:host .cds-custom--g90 cds-custom-tile,\n:host .cds-custom--g100 cds-custom-tile{\n background-color:#262626;\n}";
|
|
17466
|
+
var css_248z = ".cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up{\n 0%{\n opacity:0;\n transform:translateY(32px);\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-bounce{\n 0%{\n transform:translateY(0);\n }\n 30%{\n transform:translateY(-10px);\n }\n 50%{\n transform:translateY(0);\n }\n 70%{\n transform:translateY(-10px);\n }\n 100%{\n transform:translateY(0);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-text{\n 0%{\n opacity:0;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-close-button{\n 0%{\n opacity:0;\n }\n 80%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-avatar-resize{\n 0%{\n block-size:32px;\n inline-size:32px;\n }\n 100%{\n block-size:48px;\n inline-size:48px;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up-small-expanded{\n 0%{\n inset-block-end:-160px;\n opacity:0;\n }\n 30%{\n opacity:0;\n }\n 100%{\n inset-block-end:calc(-1 * 5rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n 40%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out{\n 0%{\n opacity:1;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position{\n 0%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position-rtl{\n 0%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-custom-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-custom-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-custom-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-in{\n 0%{\n inset-block-end:-16px;\n opacity:0;\n }\n 50%, 100%{\n inset-block-end:0;\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-out{\n 0%{\n inset-block-start:0;\n opacity:1;\n }\n 50%, 100%{\n inset-block-start:-16px;\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--container--render{\n --cds-custom-aichat-max-height:640px;\n --cds-custom-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-custom-aichat-bottom-position))\n );\n --cds-custom-aichat-max-width:672px;\n --cds-custom-aichat-bottom-position:3rem;\n --cds-custom-aichat-right-position:2rem;\n --cds-custom-aichat-top-position:auto;\n --cds-custom-aichat-left-position:auto;\n --cds-custom-aichat-z-index:99999;\n --cds-custom-aichat-border-radius:0;\n --cds-custom-aichat-ai-background-image:linear-gradient(\n to bottom,\n var(--cds-chat-shell-background, #ffffff) 0,\n var(--cds-chat-shell-background, #ffffff) 50%,\n var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%,\n var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%\n );\n --cds-custom-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-custom-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-custom-aichat-card-border-radius:0.5rem;\n --cds-custom-aichat-card-max-width:424px;\n --cds-custom-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-custom-aichat-width:min(380px, var(--cds-custom-aichat-max-width));\n --cds-custom-aichat-height:calc(100vh - (2 * 2rem));\n --cds-custom-aichat-launcher-default-size:56px;\n --cds-custom-aichat-launcher-position-bottom:3rem;\n --cds-custom-aichat-launcher-position-right:2rem;\n --cds-custom-aichat-launcher-extended-width:280px;\n --cds-custom-aichat-launcher-desktop-expanded-height:320px;\n --cds-custom-aichat-launcher-position-bottom-mobile:1rem;\n --cds-custom-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-custom-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-custom-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100vw - 4px);\n --cds-custom-aichat-height:calc(100vh - 4px);\n --cds-custom-aichat-left-position:2;\n --cds-custom-aichat-top-position:2;\n --cds-custom-aichat-max-height:auto;\n --cds-custom-aichat-min-height:auto;\n --cds-custom-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100dvw - 4px);\n --cds-custom-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-custom--layout--size-xs{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xs{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout--size-sm{\n --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-sm{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout--size-md{\n --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-md{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout--size-lg{\n --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-lg{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout--size-xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout--size-2xl{\n --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds-custom--layout-constraint--size__default-2xl{\n --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout--density-condensed{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-condensed{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds-custom--layout-constraint--density__min-condensed{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout-constraint--density__max-condensed{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds-custom--layout--density-normal{\n --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds-custom--layout-constraint--density__default-normal{\n --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-one{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--layer-two{\n --cds-layer:var(--cds-layer-02, #ffffff);\n --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n --cds-field:var(--cds-field-02, #ffffff);\n --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds-custom--layer-three{\n --cds-layer:var(--cds-layer-03, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n --cds-field:var(--cds-field-03, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds-custom--layer-one.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-two.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-three.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds-custom--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds-custom--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds-custom--skeleton{\n 0%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n 20%{\n opacity:1;\n transform:scaleX(1);\n transform-origin:left;\n }\n 28%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 51%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 58%{\n transform:scaleX(0);\n transform-origin:right;\n }\n 82%{\n transform:scaleX(1);\n transform-origin:right;\n }\n 83%{\n transform:scaleX(1);\n transform-origin:left;\n }\n 96%{\n transform:scaleX(0);\n transform-origin:left;\n }\n 100%{\n opacity:0.3;\n transform:scaleX(0);\n transform-origin:left;\n }\n}\n:host{\n}\n:host .cds-custom--assistive-text,\n:host .cds-custom--visually-hidden{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0, 0, 0, 0);\n inline-size:1px;\n visibility:inherit;\n white-space:nowrap;\n}\n:host .cds-custom--popover-container{\n display:inline-block;\n}\n:host .cds-custom--popover-container:not(.cds-custom--popover--auto-align){\n position:relative;\n}\n:host .cds-custom--popover--high-contrast .cds-custom--popover{\n --cds-popover-background-color:var(--cds-background-inverse, #393939);\n --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--popover--drop-shadow .cds-custom--popover{\n filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds-custom--popover--border > .cds-custom--popover > .cds-custom--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds-custom--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds-custom--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-sm, :host .cds-custom--layout--size-sm :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-md, :host .cds-custom--layout--size-md :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-lg, :host .cds-custom--layout--size-lg :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds-custom--popover-content{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover-content *,\n:host .cds-custom--popover-content *::before,\n:host .cds-custom--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover-content{\n position:absolute;\n z-index:6000;\n display:none;\n border-radius:var(--cds-popover-border-radius, 2px);\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:23rem;\n pointer-events:auto;\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content{\n display:block;\n}\n:host .cds-custom--popover--background-token__background > .cds-custom--popover > .cds-custom--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content::before{\n display:block;\n}\n:host .cds-custom--popover-caret,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds-custom--popover-caret::after,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::after{\n position:absolute;\n display:block;\n background-color:var(--cds-popover-background-color, var(--cds-layer));\n content:\"\";\n}\n:host .cds-custom--popover-caret::before,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n position:absolute;\n display:none;\n background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n content:\"\";\n}\n:host .cds-custom--popover--background-token__background > .cds-custom--popover > .cds-custom--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover--border .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n display:block;\n}\n:host .cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-caret{\n display:none;\n}\n:host .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-start:0;\n inset-inline:0;\n transform:translateY(-100%);\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:0;\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-content::before{\n block-size:var(--cds-popover-offset, 0rem);\n inset-block-end:0;\n inset-inline:0;\n transform:translateY(100%);\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n inset-block-start:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-height, 0.375rem);\n clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n inset-block-start:-1px;\n inset-inline-start:0.5px;\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-start:100%;\n transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-start:0;\n transform:translateX(-100%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-start:100%;\n transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-end > .cds-custom--popover > .cds-custom--popover-content::before{\n inline-size:var(--cds-popover-offset, 0rem);\n inset-block:0;\n inset-inline-end:0;\n transform:translateX(100%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n inset-block-start:50%;\n inset-inline-end:100%;\n transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n block-size:var(--cds-popover-caret-width, 0.75rem);\n clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-content{\n border-radius:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--tab-tip .cds-custom--popover{\n will-change:filter;\n}\n:host .cds-custom--popover--tab-tip__button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--popover--tab-tip__button *,\n:host .cds-custom--popover--tab-tip__button *::before,\n:host .cds-custom--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--popover--tab-tip__button{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--popover--tab-tip__button{\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom--popover--tab-tip__button:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button{\n background:var(--cds-layer);\n box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--popover--tab-tip__button:not(:focus)::after{\n position:absolute;\n z-index:6001;\n background:var(--cds-layer);\n block-size:2px;\n content:\"\";\n inline-size:100%;\n inset-block-end:0;\n}\n:host .cds-custom--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds-custom--tooltip-content{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n max-inline-size:18rem;\n overflow-wrap:break-word;\n}\n:host .cds-custom--icon-tooltip{\n --cds-tooltip-padding-block:0.125rem;\n --cds-popover-caret-width:0.5rem;\n --cds-popover-caret-height:0.25rem;\n --cds-popover-offset:0.5rem;\n}\n:host .cds-custom--icon-tooltip .cds-custom--tooltip-content{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom--definition-term{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--definition-term *,\n:host .cds-custom--definition-term *::before,\n:host .cds-custom--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--definition-term{\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n}\n:host .cds-custom--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--definition-term{\n border-radius:0;\n border-block-end:1px dotted var(--cds-border-strong);\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-tooltip{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding:0.5rem 1rem;\n max-inline-size:11rem;\n text-wrap:auto;\n word-break:break-word;\n}\n:host{\n}\n:host .cds-custom--btn{\n --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n --temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );\n --temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );\n --temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-custom--btn *,\n:host .cds-custom--btn *::before,\n:host .cds-custom--btn *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--btn{\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n position:relative;\n display:inline-flex;\n flex-shrink:0;\n justify-content:space-between;\n border-radius:0;\n margin:0;\n cursor:pointer;\n inline-size:-moz-max-content;\n inline-size:max-content;\n max-inline-size:20rem;\n min-block-size:var(--cds-layout-size-height-local);\n outline:none;\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n text-align:start;\n text-decoration:none;\n transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n vertical-align:top;\n}\n:host .cds-custom--btn:disabled, :host .cds-custom--btn:hover:disabled, :host .cds-custom--btn:focus:disabled, :host .cds-custom--btn.cds-custom--btn--disabled, :host .cds-custom--btn.cds-custom--btn--disabled:hover, :host .cds-custom--btn.cds-custom--btn--disabled:focus{\n border-color:var(--cds-button-disabled, #c6c6c6);\n background:var(--cds-button-disabled, #c6c6c6);\n box-shadow:none;\n color:var(--cds-text-on-color-disabled, #8d8d8d);\n cursor:not-allowed;\n}\n:host .cds-custom--btn .cds-custom--btn__icon{\n position:absolute;\n flex-shrink:0;\n block-size:1rem;\n inline-size:1rem;\n inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n inset-inline-end:var(--cds-layout-density-padding-inline-local);\n margin-block-start:0.0625rem;\n}\n:host .cds-custom--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds-custom--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds-custom--btn--primary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds-custom--btn--primary .cds-custom--btn__icon,\n:host .cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom--btn--secondary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom--btn--secondary .cds-custom--btn__icon,\n:host .cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--secondary:hover, :host .cds-custom--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds-custom--btn--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:active{\n border-color:transparent;\n background-color:var(--cds-button-tertiary-active, #002d9c);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:disabled, :host .cds-custom--btn--tertiary:hover:disabled, :host .cds-custom--btn--tertiary:focus:disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom--btn--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--ghost:hover, :host .cds-custom--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost:disabled, :host .cds-custom--btn--ghost:hover:disabled, :host .cds-custom--btn--ghost:focus:disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--icon-only{\n align-items:center;\n justify-content:center;\n padding:0;\n block-size:var(--cds-layout-size-height-local);\n inline-size:var(--cds-layout-size-height-local);\n padding-block-start:0;\n}\n:host .cds-custom--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds-custom--btn--icon-only .cds-custom--btn__icon{\n position:static;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon, :host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n margin:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon{\n margin-block-start:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds-custom--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,\n:host .cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds-custom--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger .cds-custom--btn__icon,\n:host .cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:focus{\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:active{\n border-color:var(--cds-button-danger-active, #750e13);\n background-color:var(--cds-button-danger-active, #750e13);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary:disabled, :host .cds-custom--btn--danger--tertiary:hover:disabled, :host .cds-custom--btn--danger--tertiary:focus:disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:focus{\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--btn--danger--ghost:focus{\n border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--danger--ghost:hover, :host .cds-custom--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:disabled, :host .cds-custom--btn--danger--ghost:hover:disabled, :host .cds-custom--btn--danger--ghost:focus:disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:focus{\n border-color:transparent;\n background:transparent;\n color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n outline:none;\n}\n:host .cds-custom--btn--expressive{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--expressive{\n padding:12px 13px;\n}\n:host .cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n position:relative;\n padding:0;\n border:none;\n background:var(--cds-skeleton-background, #e8e8e8);\n box-shadow:none;\n pointer-events:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton:hover, :host .cds-custom--btn.cds-custom--skeleton:focus, :host .cds-custom--btn.cds-custom--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds-custom--skeleton infinite;\n background:var(--cds-skeleton-element, #c6c6c6);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-inline-start:0;\n will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n :host .cds-custom--btn.cds-custom--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn.cds-custom--skeleton{\n background:CanvasText;\n }\n :host .cds-custom--btn.cds-custom--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n inline-size:9.375rem;\n}\n:host .cds-custom--btn-set{\n display:flex;\n}\n:host .cds-custom--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds-custom--btn-set .cds-custom--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn:focus + .cds-custom--btn{\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds-custom--btn--sm .cds-custom--badge-indicator{\n margin-block-start:0.25rem;\n margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle .cds-custom-aichat--response-user-avatar__letter{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n text-align:center;\n}\n:host{\n}\n:host .cds-custom-aichat--human-agent-banner__body{\n display:flex;\n align-items:center;\n padding:1rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--human-agent-banner__body{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-info{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 0 0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-custom-aichat--human-agent-banner--connected .cds-custom-aichat--agent-banner__agent-line1{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2,\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2 p{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:unset;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--custom-panel{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--overlay-panel--with-back-button,\n:host .cds-custom-aichat--custom-panel,\n:host .cds-custom-aichat--overlay-panel--with-back-button .cds-custom-aichat--custom-panel{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:unset;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--overlay-panel-container .cds-custom-aichat--panel-content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--custom-panel__content-container{\n overflow:auto;\n block-size:100%;\n}\n:host .cds-custom-aichat--custom-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__slug-description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-custom-aichat--header{\n display:flex;\n box-sizing:unset;\n justify-content:center;\n block-size:40px;\n border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header--content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--header__buttons .cds-custom-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header--content{\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-custom-aichat--header__slug-label{\n color:var(--cds-text-secondary, #525252);\n padding-block-end:0.75rem;\n font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-body-compact-01-font-weight, 400);\n line-height:var(--cds-body-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-custom-aichat--header__overflow-menu svg,\n:host .cds-custom-aichat--header__back-button svg,\n:host .cds-custom-aichat--header__restart-button svg,\n:host .cds-custom-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen-header button.cds-custom-aichat--header__back-button{\n transform:none;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-custom-aichat--header__left-items,\n:host .cds-custom-aichat--chat-header-overflow-menu__host-element,\n:host .cds-custom-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host cds-custom-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-custom-aichat-chat-header-avatar + .cds-custom-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container:first-child > cds-custom-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n}\n:host .cds-custom-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__body-wrapper{\n position:relative;\n display:flex;\n overflow:auto;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--home-screen__body{\n display:flex;\n flex-direction:column;\n justify-content:center;\n padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-custom-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-custom-aichat--home-screen__greeting{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content .cds-custom-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--custom-content-only{\n flex-grow:unset;\n flex-shrink:unset;\n padding:0;\n margin:0;\n min-block-size:unset;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:none;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(1){\n --cds-custom-aichat-homescreen-starter-index:1;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(2){\n --cds-custom-aichat-homescreen-starter-index:2;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(3){\n --cds-custom-aichat-homescreen-starter-index:3;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(4){\n --cds-custom-aichat-homescreen-starter-index:4;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(5){\n --cds-custom-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-custom-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper,\n:host .cds-custom-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper{\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n min-block-size:0;\n outline:2px solid transparent;\n outline-offset:-2px;\n padding-block:0.75rem;\n padding-inline:1rem 0.5rem;\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\n margin-block-end:32px;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--input-container{\n border:1px solid transparent;\n background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-custom-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-custom-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:32px;\n color:var(--cds-text-primary, #161616);\n cursor:pointer;\n inline-size:32px;\n}\n:host .cds-custom-aichat--input-container__upload-input:focus + .cds-custom-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-custom-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-custom-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area{\n display:inline-block;\n overflow:hidden;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n min-block-size:0;\n}\n:host .cds-custom-aichat--input-container--show-upload-button .cds-custom-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n position:relative;\n display:block;\n border:none;\n margin:0;\n background:transparent;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea[data-has-content=false]::before{\n position:absolute;\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n content:attr(data-placeholder);\n inset:0;\n pointer-events:none;\n white-space:pre-wrap;\n word-wrap:break-word;\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--input-container__send-button-container,\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button svg{\n block-size:1rem;\n cursor:inherit;\n fill:var(--cds-interactive, #0f62fe);\n inline-size:1rem;\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:focus svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-custom-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n}\n:host .cds-custom-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-custom-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:hover{\n border-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--count-indicator{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0 4px;\n border-radius:10px;\n background-color:var(--cds-custom-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-custom-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc(-1 * 0.125rem);\n inset-inline-end:calc(-1 * 0.125rem);\n min-block-size:20px;\n min-inline-size:20px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-custom-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--launcher__button-container--bounce-animation{\n animation:cds-custom-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-custom-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n display:flex;\n align-items:center;\n justify-content:center;\n padding:inherit;\n border-radius:inherit;\n block-size:inherit;\n inline-size:inherit;\n max-inline-size:inherit;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-custom-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--launcher__avatar{\n border-radius:50%;\n block-size:32px;\n inline-size:32px;\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--launcher__button .cds-custom-aichat__count-indicator{\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n inset-inline-end:4rem;\n max-inline-size:270px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-custom-aichat-launcher-expanded-message-color-text, var(--cds-text-on-color, #ffffff));\n font-size:20px;\n letter-spacing:0;\n -webkit-line-clamp:3;\n line-clamp:3;\n line-height:1.4;\n opacity:0;\n overflow-wrap:break-word;\n text-align:start;\n visibility:visible;\n white-space:normal;\n word-break:break-word;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n position:absolute;\n padding:3px 7px 3px 3px;\n border:1px solid transparent;\n margin:0;\n box-shadow:1px 0 2px rgba(23, 23, 23, 0.3);\n cursor:pointer;\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n inset-block-start:calc((1.5rem + 0.5rem) * -1);\n inset-inline-end:0;\n opacity:0;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__avatar{\n animation:700ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__text{\n animation:700ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__close-button{\n animation:700ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__avatar{\n animation:150ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__text{\n animation:150ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up-small-expanded forwards;\n block-size:10rem;\n inline-size:10rem;\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__close-button{\n animation:150ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:unset;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-custom-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__avatar{\n animation:400ms cds-custom-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__text,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__close-button{\n animation:400ms cds-custom-aichat-launcher-fade-out forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:400ms cds-custom-aichat-launcher-default-size-position forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-extended__container{\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n padding:0;\n border-width:2px;\n block-size:100%;\n cursor:pointer;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-custom-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n position:relative;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-custom-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:calc(100% - 12px);\n inset-block-end:0;\n word-break:break-word;\n}\n:host .cds-custom-aichat-is-phone .cds-custom-aichat--launcher-extended__greeting{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--launcher-extended__greeting-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n line-clamp:2;\n text-overflow:ellipsis;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-out{\n animation:cds-custom-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-in{\n animation:cds-custom-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button.cds-custom-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended .cds-custom-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation{\n animation:cds-custom-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation{\n animation:cds-custom-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--confirm-modal{\n position:absolute;\n z-index:100;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-custom-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__title{\n padding:1rem;\n font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-compact-01-font-weight, 600);\n line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-custom-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-custom-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-custom-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-custom-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--connect-to-human-agent__title{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n padding-block-end:0.25rem;\n}\n:host .cds-custom-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--connect-to-agent__text p,\n:host .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a,\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-custom-aichat--connect-to-human-agent__suspended-warning{\n color:var(--cds-support-error, #da1e28);\n padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@font-face{\n font-family:\"swiper-icons\";\n src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight:400;\n font-style:normal;\n}\n:host :root{\n --swiper-theme-color:#007aff;\n}\n:host :host{\n position:relative;\n display:block;\n margin-left:auto;\n margin-right:auto;\n z-index:1;\n}\n:host .swiper{\n margin-left:auto;\n margin-right:auto;\n position:relative;\n overflow:hidden;\n list-style:none;\n padding:0;\n z-index:1;\n display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n flex-direction:column;\n}\n:host .swiper-wrapper{\n position:relative;\n width:100%;\n height:100%;\n z-index:1;\n display:flex;\n transition-property:transform;\n transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n touch-action:pan-y;\n}\n:host .swiper-vertical{\n touch-action:pan-x;\n}\n:host .swiper-slide{\n flex-shrink:0;\n width:100%;\n height:100%;\n position:relative;\n transition-property:transform;\n display:block;\n}\n:host .swiper-slide-invisible-blank{\n visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n align-items:flex-start;\n transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n transform:translateZ(0);\n backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n transform-style:preserve-3d;\n}\n:host .swiper-3d{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n overflow:auto;\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n content:\"\";\n flex-shrink:0;\n order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:center center;\n scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n height:100%;\n min-height:1px;\n width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n width:100%;\n min-width:1px;\n height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:100%;\n pointer-events:none;\n z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n width:42px;\n height:42px;\n position:absolute;\n left:50%;\n top:50%;\n margin-left:-21px;\n margin-top:-21px;\n z-index:10;\n transform-origin:50%;\n box-sizing:border-box;\n border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius:50%;\n border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n 0%{\n transform:rotate(0deg);\n }\n 100%{\n transform:rotate(360deg);\n }\n}\n:host{\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button,\n:host .cds-custom-aichat--carousel-container__controls{\n display:flex;\n align-items:center;\n color:var(--cds-text-secondary, #525252);\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--carousel-container__navigation cds-custom-button::part(button){\n color:currentcolor;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-custom-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-custom-aichat--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-custom-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-custom-aichat--carousel-container__controls--standard,\n:host .cds-custom-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .swiper{\n inline-size:100%;\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-disclaimer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-text,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-custom-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-custom-aichat--date-picker__confirm-button::part(button){\n display:block;\n margin-block-start:0.75rem;\n margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-custom-aichat--inline-error--icon-holder{\n display:flex;\n flex:0 0 1rem;\n align-items:flex-start;\n margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-custom-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-custom-aichat--inline-error--text{\n flex:1;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1px;\n}\n:host .cds-custom-aichat--inline-error .cds-custom-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-custom-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__row{\n display:flex;\n -moz-column-gap:0.5rem;\n column-gap:0.5rem;\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__cell .cds-custom-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image{\n border:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--i-frame-preview-card:focus .cds-custom-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--i-frame-preview-card:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-custom-aichat--inline-i-frame{\n position:relative;\n overflow:hidden;\n background:transparent;\n inline-size:100%;\n padding-block-start:var(--padding-top, 0);\n}\n:host .cds-custom-aichat--inline-i-frame .cds-custom-aichat--i-frame-component__wrapper{\n position:absolute;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-custom-aichat--i-frame-component__wrapper,\n:host .cds-custom-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--i-frame-component__status-container{\n position:absolute;\n display:flex;\n align-items:center;\n justify-content:center;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host .cds-custom-aichat--i-frame-component__status-container .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-custom-aichat--i-frame-panel .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-custom-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-custom-aichat--image__image{\n display:none;\n block-size:0;\n max-inline-size:100%;\n opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--image .cds-custom-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-custom-aichat--image__text-and-icon .cds-custom-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-custom-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon,\n:host svg.cds-custom-aichat--image__icon--link{\n position:absolute;\n margin:0;\n inset-block-end:1rem;\n inset-inline-end:1rem;\n}\n:host svg.cds-custom-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] svg.cds-custom-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-custom-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-custom-aichat--button-holder ul li{\n display:inline-block;\n padding:0 0.5rem 0.5rem 0;\n margin:0;\n}\n:host{\n}\n:host .cds-custom-aichat--select-holder{\n padding:0 1px;\n inline-size:100%;\n margin-block-start:1rem;\n max-inline-size:380px;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-custom-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-custom-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding:0;\n border:2px solid transparent;\n margin:0;\n block-size:100%;\n inline-size:100%;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-focus-inner{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area.cds-custom-aichat--text-area--auto-size .cds-custom-aichat--text-area-textarea{\n position:absolute;\n overflow:hidden;\n inset-block-start:0;\n resize:none;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n padding-block-end:1px;\n visibility:hidden;\n white-space:pre-wrap;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-custom-aichat--body-message-components__message-wrapper:not(.cds-custom-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-custom-aichat--clickable-image .cds-custom-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-custom-aichat--clickable-image:disabled .cds-custom-aichat--image{\n opacity:0.5;\n}\n:host .cds-custom-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-custom-aichat--description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__title,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-custom-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button.cds-custom-aichat--button-item{\n flex:auto;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):has([kind=ghost]){\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:not(:last-child::part(button)){\n border-end-end-radius:0;\n border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-custom-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-custom-aichat--media-player__skeleton-container,\n:host .cds-custom-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-custom-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-custom-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-custom-aichat--media-player__player iframe{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background,\n:host .cds-custom-aichat--media-player__player{\n position:absolute;\n border-radius:0;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host .cds-custom-aichat--media-transcript{\n padding:0 1rem 1rem 1rem;\n}\n:host .cds-custom-aichat--media-transcript__toggle{\n font-size:var(--cds-label-01-font-size, 0.75rem);\n font-weight:var(--cds-label-01-font-weight, 400);\n line-height:var(--cds-label-01-line-height, 1.33333);\n letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:0;\n border:0;\n margin:0;\n background-color:transparent;\n color:var(--cds-text-secondary, #525252);\n cursor:pointer;\n text-align:start;\n}\n:host .cds-custom-aichat--media-transcript__toggle:hover{\n background-color:var(--cds-layer-hover-01, #e8e8e8);\n}\n:host .cds-custom-aichat--media-transcript__toggle:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n:host .cds-custom-aichat--media-transcript__toggle-label{\n display:flex;\n align-items:center;\n font-weight:600;\n}\n:host .cds-custom-aichat--media-transcript__language{\n color:var(--cds-text-secondary, #525252);\n font-weight:400;\n}\n:host .cds-custom-aichat--media-transcript__toggle-icon{\n flex-shrink:0;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--media-transcript__content--visible{\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--received--metablock{\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-custom-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-custom-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-custom-aichat--text-holder-tile__title{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n font-weight:400;\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-custom-aichat--text-holder-tile__description,\n:host .cds-custom-aichat--text-holder-tile__url{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n min-block-size:unset;\n}\n:host .cds-custom-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-custom-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-custom-aichat--text-holder-tile__description{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:3;\n white-space:normal;\n }\n}\n@supports (-webkit-line-clamp: 2){\n :host .cds-custom-aichat--text-holder-tile__title{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n -webkit-line-clamp:2;\n white-space:normal;\n }\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-custom-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable{\n padding:0;\n border:none;\n border-radius:0.5rem;\n cursor:pointer;\n inline-size:100%;\n padding-inline-end:0;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:none;\n }\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-custom-aichat--citation-card-title{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n padding-block-end:0.5rem;\n}\n:host .cds-custom-aichat--citation-card-text{\n display:-webkit-box;\n overflow:hidden;\n -webkit-box-orient:vertical;\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n -webkit-line-clamp:5;\n line-clamp:5;\n text-align:start;\n white-space:normal;\n}\n:host .cds-custom-aichat--citation-card-footer{\n display:flex;\n justify-content:space-between;\n color:var(--cds-link-primary, #0f62fe);\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--citation-card-label,\n:host .cds-custom-aichat--citation-card-icon{\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message a:hover.cds-custom-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-custom-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--view-source-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host .cds-custom-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--visually-hidden{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n inset-block-start:0;\n white-space:nowrap;\n}\n:host{\n}\n:host .cds-custom-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-custom-aichat--messages-and-input-container{\n position:relative;\n display:flex;\n flex:1;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages-container__non-input-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--messages-container__non-input-container{\n overflow:hidden auto;\n block-size:100%;\n}\n:host .cds-custom-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-custom-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel .cds-custom-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-custom-aichat--catastrophic-error{\n display:flex;\n flex:1;\n flex-direction:column;\n justify-content:center;\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-custom-aichat--catastrophic-error .cds-custom-aichat--catastrophic-error__error-text-container > svg{\n margin-inline-start:calc(2rem * -1);\n max-block-size:128px;\n max-inline-size:128px;\n padding-inline-start:0.25rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-custom-aichat--catastrophic-error__error-heading{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-custom-aichat--catastrophic-error__error-body{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--disclaimer-container{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n}\n:host .cds-custom-aichat--disclaimer{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--disclaimer .cds-custom-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-custom-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-custom-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-custom-aichat--disclaimer__title{\n display:block;\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n inline-size:100%;\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__description{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n padding-block-end:1rem;\n}\n:host .cds-custom-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-custom-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-custom-aichat--error-icon path[data-icon-path=inner-path]{\n fill:var(--cds-icon-on-color, #ffffff);\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating.cds-custom-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--hydrating.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--header-with-panel{\n position:absolute;\n z-index:100;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-custom-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-custom-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-custom-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-custom-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-custom-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-custom-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-custom-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-custom-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay--covering.cds-custom-aichat--overlay-panel-container .cds-custom-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-custom-aichat--overlay-panel{\n position:absolute;\n display:block;\n box-sizing:border-box;\n border-radius:0;\n margin:0;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n min-block-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-custom-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-bottom both;\n}\n:host .cds-custom-aichat--overlay-panel-container:has(.cds-custom-aichat--overlay-panel--with-back-button){\n block-size:calc(100% - var(--cds-custom-aichat--header-height, 0px) + 1px);\n border-start-end-radius:0;\n border-start-start-radius:0;\n inset-block-start:calc(var(--cds-custom-aichat--header-height, 0) - 1px);\n}\n:host .cds-custom-aichat--overlay-panel--with-back-button{\n overflow:hidden;\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n border-start-end-radius:0;\n border-start-start-radius:0;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:50%;\n max-inline-size:var(--cds-custom-aichat-max-width, 100%);\n transform:translateX(-50%);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--with-back-button.cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--with-back-button.cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom-below-header both;\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom-below-header{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--widget__text-ellipsis{\n overflow:hidden;\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n font-family:\"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n inline-size:100%;\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-custom-aichat--container--render > div > div[role=log]{\n position:absolute;\n overflow:hidden;\n block-size:1px;\n inline-size:1px;\n inset-inline-start:-10000px;\n}\n:host .cds-custom-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-custom-aichat-z-index, 99999) + 1);\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n inline-size:100%;\n -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n text-rendering:optimizelegibility;\n visibility:visible;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget{\n border:solid 1px transparent;\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless .cds-custom-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget .cds-custom-aichat--widget__animation-container{\n position:relative;\n z-index:1;\n flex:1;\n background:var(--cds-chat-shell-background, #ffffff);\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--assistant-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n border-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--home-screen,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--confirm-modal,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--widget__animation-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--assistant-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--hydrating-container{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header{\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--input-container{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel.cds-custom-aichat--overlay-panel--with-back-button{\n --cds-custom-aichat-border-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--image,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed .cds-custom-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element:not(.cds-custom-aichat---is-phone){\n animation:cds-custom-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed,\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element.cds-custom-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-custom-aichat---is-phone[dir=rtl]:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat{\n display:flex;\n box-sizing:border-box;\n flex:1;\n flex-direction:column;\n align-content:stretch;\n align-items:stretch;\n border-radius:0;\n margin:0;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat{\n border-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless.cds-custom-aichat--ai-theme .cds-custom-aichat{\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)));\n}\n:host .cds-custom-aichat.cds-custom-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-custom-aichat--main-window,\n:host .cds-custom-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n overflow:hidden;\n background:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n opacity:0.5;\n}\n:host svg.cds-custom-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-custom-aichat--scroll-focus:focus-visible::before{\n position:sticky;\n z-index:1;\n display:block;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n float:inline-start;\n inline-size:100%;\n inset-block-start:0;\n margin-block-start:-100%;\n pointer-events:none;\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--reverse-icon svg,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg.cds-custom-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-custom-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-custom-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--body-and-footer-component,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--i-frame-panel,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--custom-panel{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--panel-content{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-custom-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--first-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line.cds-custom-aichat--message--response.cds-custom-aichat--message--last-message:not(.cds-custom-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 2rem + 0.5rem);\n inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--ui-customization-element--response,\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single):first-child,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message .cds-custom-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-custom-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-custom-aichat--messages--welcome.cds-custom-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-custom-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--inline-error,\n:host .cds-custom-aichat--received--text,\n:host .cds-custom-aichat--message-user-defined-response{\n position:relative;\n color:var(--cds-text-primary, #161616);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--image{\n position:relative;\n inline-size:90%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--video,\n:host .cds-custom-aichat--received--audio{\n inline-size:100%;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state-container{\n display:flex;\n flex-direction:row;\n justify-content:flex-end;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message .cds-custom-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status .cds-custom-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-custom-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--received--loading,\n:host .cds-custom-aichat--search-result,\n:host .cds-custom-aichat--sent--bubble{\n position:relative;\n opacity:1;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--loading .cds-custom-aichat--received--inner{\n position:relative;\n}\n:host .cds-custom-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-custom-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-custom-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-custom-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--sent--bubble{\n align-self:end;\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n border-radius:0.5rem 0 0.5rem 0.5rem;\n background:var(--cds-chat-bubble-user, #e0e0e0);\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--received--options,\n:host .cds-custom-aichat--received--suggestion{\n position:relative;\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--agent-status-message{\n color:var(--cds-text-helper, #6f6f6f);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n padding-inline:1rem;\n text-align:center;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-aichat--received--chat-status-message{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n color:var(--cds-text-secondary, #525252);\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:2rem;\n inline-size:2rem;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img svg,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--message__avatar-line,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--sent--bubble,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--agent-message) .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--message__avatar--agent .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-custom-aichat--received--from-human.cds-custom-aichat--received--text{\n padding:0.5rem 0.75rem;\n border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0 0.5rem 0.5rem 0.5rem;\n background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--received--from-agent.cds-custom-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--message__avatar--assistant .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n margin-block-start:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--messages__wrapper{\n position:relative;\n overflow:hidden auto;\n flex:1;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-custom-aichat--message--focus-handle,\n:host .cds-custom-aichat--messages--scroll-handle{\n position:relative;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:0;\n inline-size:0;\n outline:none;\n}\n:host .cds-custom-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--messages{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--processing{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--processing-component{\n block-size:32px;\n}\n:host .cds-custom-aichat--processing-label{\n font-size:var(--cds-label-02-font-size, 0.875rem);\n font-weight:var(--cds-label-02-font-weight, 400);\n line-height:var(--cds-label-02-line-height, 1.28572);\n letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);\n display:flex;\n align-items:center;\n animation:cds-custom-aichat-fade-in 600ms forwards;\n animation-delay:1200ms;\n block-size:32px;\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n opacity:0;\n padding-inline-start:0.125rem;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon{\n position:sticky;\n z-index:1;\n display:grid;\n border-radius:50%;\n margin:0 auto;\n background-color:var(--cds-button-secondary, #393939);\n block-size:2rem;\n color:var(--cds-text-on-color, #ffffff);\n cursor:pointer;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:calc(50% - 1rem);\n place-items:center;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:focus{\n border-color:var(--cds-focus, #0f62fe);\n box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom--white{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#ffffff;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#e0e0e0;\n --cds-border-subtle-01:#c6c6c6;\n --cds-border-subtle-02:#e0e0e0;\n --cds-border-subtle-03:#c6c6c6;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#c6c6c6;\n --cds-border-tile-02:#a8a8a8;\n --cds-border-tile-03:#c6c6c6;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--white{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--white{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g10{\n --cds-ai-aura-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-background:#edf5ff;\n --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#78a9ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n --cds-ai-border-strong:#4589ff;\n --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n --cds-ai-popover-background:#ffffff;\n --cds-ai-popover-caret-bottom:#78a9ff;\n --cds-ai-popover-caret-bottom-background:#eaf1ff;\n --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n --cds-ai-popover-caret-center:#a0c3ff;\n --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n --cds-ai-skeleton-background:#d0e2ff;\n --cds-ai-skeleton-element-background:#4589ff;\n --cds-background:#f4f4f4;\n --cds-background-active:rgba(141, 141, 141, 0.5);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.12);\n --cds-background-inverse:#393939;\n --cds-background-inverse-hover:#474747;\n --cds-background-selected:rgba(141, 141, 141, 0.2);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:#c6c6c6;\n --cds-border-interactive:#0f62fe;\n --cds-border-inverse:#161616;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#8d8d8d;\n --cds-border-subtle-00:#c6c6c6;\n --cds-border-subtle-01:#e0e0e0;\n --cds-border-subtle-02:#c6c6c6;\n --cds-border-subtle-03:#e0e0e0;\n --cds-border-subtle-selected-01:#c6c6c6;\n --cds-border-subtle-selected-02:#c6c6c6;\n --cds-border-subtle-selected-03:#c6c6c6;\n --cds-border-tile-01:#a8a8a8;\n --cds-border-tile-02:#c6c6c6;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#393939;\n --cds-chat-avatar-bot:#6f6f6f;\n --cds-chat-avatar-user:#0f62fe;\n --cds-chat-bubble-agent:#ffffff;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g10{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g10{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g90{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#474747;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#262626;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#8d8d8d;\n --cds-border-strong-02:#a8a8a8;\n --cds-border-strong-03:#c6c6c6;\n --cds-border-subtle-00:#525252;\n --cds-border-subtle-01:#6f6f6f;\n --cds-border-subtle-02:#8d8d8d;\n --cds-border-subtle-03:#8d8d8d;\n --cds-border-subtle-selected-01:#8d8d8d;\n --cds-border-subtle-selected-02:#a8a8a8;\n --cds-border-subtle-selected-03:#a8a8a8;\n --cds-border-tile-01:#6f6f6f;\n --cds-border-tile-02:#8d8d8d;\n --cds-border-tile-03:#a8a8a8;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g90{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g90{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds-custom--g100{\n --cds-ai-aura-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-background:#333333;\n --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n --cds-ai-border-end:#4589ff;\n --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n --cds-ai-border-strong:#78a9ff;\n --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n --cds-ai-popover-background:#161616;\n --cds-ai-popover-caret-bottom:#4589ff;\n --cds-ai-popover-caret-bottom-background:#202d45;\n --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n --cds-ai-popover-caret-center:#4870b5;\n --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n --cds-background:#161616;\n --cds-background-active:rgba(141, 141, 141, 0.4);\n --cds-background-brand:#0f62fe;\n --cds-background-hover:rgba(141, 141, 141, 0.16);\n --cds-background-inverse:#f4f4f4;\n --cds-background-inverse-hover:#e8e8e8;\n --cds-background-selected:rgba(141, 141, 141, 0.24);\n --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n --cds-border-disabled:rgba(141, 141, 141, 0.5);\n --cds-border-interactive:#4589ff;\n --cds-border-inverse:#f4f4f4;\n --cds-border-strong-01:#6f6f6f;\n --cds-border-strong-02:#8d8d8d;\n --cds-border-strong-03:#a8a8a8;\n --cds-border-subtle-00:#393939;\n --cds-border-subtle-01:#525252;\n --cds-border-subtle-02:#6f6f6f;\n --cds-border-subtle-03:#6f6f6f;\n --cds-border-subtle-selected-01:#6f6f6f;\n --cds-border-subtle-selected-02:#8d8d8d;\n --cds-border-subtle-selected-03:#8d8d8d;\n --cds-border-tile-01:#525252;\n --cds-border-tile-02:#6f6f6f;\n --cds-border-tile-03:#8d8d8d;\n --cds-chat-avatar-agent:#c6c6c6;\n --cds-chat-avatar-bot:#8d8d8d;\n --cds-chat-avatar-user:#4589ff;\n --cds-chat-bubble-agent:#262626;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#292929;\n --cds-skeleton-element:#393939;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#fa4d56;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--g100{\n --cds-icon-primary:ButtonText;\n --cds-icon-secondary:ButtonText;\n --cds-icon-interactive:ButtonText;\n --cds-icon-disabled:GrayText;\n --cds-icon-on-color-disabled:GrayText;\n --cds-icon-inverse:SelectedItemText;\n --cds-icon-on-color:SelectedItemText;\n --cds-button-disabled:GrayText;\n --cds-interactive:ButtonText;\n --cds-link-primary:LinkText;\n --cds-link-primary-hover:LinkText;\n --cds-link-secondary:LinkText;\n --cds-link-inverse:SelectedItemText;\n --cds-link-inverse-hover:SelectedItemText;\n --cds-link-inverse-visited:SelectedItemText;\n --cds-link-visited:VisitedText;\n --cds-background-selected:SelectedItem;\n --cds-background-selected-hover:SelectedItem;\n --cds-background-inverse:SelectedItem;\n --cds-layer-selected-inverse:SelectedItem;\n }\n}\n:host .cds-custom--g100{\n --cds-layer:var(--cds-layer-01, #f4f4f4);\n --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n --cds-field:var(--cds-field-01, #f4f4f4);\n --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host cds-custom-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--dark,\n:host .cds-custom--g90,\n:host .cds-custom--g100{\n scrollbar-color:var(--cds-layer-03, #f4f4f4) var(--cds-layer-01, #f4f4f4);\n}";
|
|
17093
17467
|
|
|
17094
17468
|
function detectConfigChanges(previousConfig, newConfig) {
|
|
17095
17469
|
if (!previousConfig) {
|
|
@@ -17113,7 +17487,7 @@ function detectConfigChanges(previousConfig, newConfig) {
|
|
|
17113
17487
|
const layoutChanged = !isEqual(previousConfig.layout, newConfig.layout);
|
|
17114
17488
|
const headerChanged = !isEqual(previousConfig.header, newConfig.header);
|
|
17115
17489
|
const homescreenChanged = !isEqual(previousConfig.homescreen, newConfig.homescreen);
|
|
17116
|
-
const lightweightUIChanged = !isEqual(previousConfig.launcher, newConfig.launcher) || previousConfig.openChatByDefault !== newConfig.openChatByDefault || previousConfig.shouldSanitizeHTML !== newConfig.shouldSanitizeHTML || previousConfig.debug !== newConfig.debug || previousConfig.enableFocusTrap !== newConfig.enableFocusTrap || previousConfig.shouldTakeFocusIfOpensAutomatically !== newConfig.shouldTakeFocusIfOpensAutomatically || previousConfig.assistantName !== newConfig.assistantName || previousConfig.isReadonly !== newConfig.isReadonly || previousConfig.locale !== newConfig.locale || previousConfig.disableCustomElementMobileEnhancements !== newConfig.disableCustomElementMobileEnhancements;
|
|
17490
|
+
const lightweightUIChanged = !isEqual(previousConfig.launcher, newConfig.launcher) || previousConfig.openChatByDefault !== newConfig.openChatByDefault || previousConfig.shouldSanitizeHTML !== newConfig.shouldSanitizeHTML || previousConfig.debug !== newConfig.debug || previousConfig.enableFocusTrap !== newConfig.enableFocusTrap || previousConfig.shouldTakeFocusIfOpensAutomatically !== newConfig.shouldTakeFocusIfOpensAutomatically || previousConfig.assistantName !== newConfig.assistantName || previousConfig.isReadonly !== newConfig.isReadonly || previousConfig.locale !== newConfig.locale || previousConfig.disableCustomElementMobileEnhancements !== newConfig.disableCustomElementMobileEnhancements || previousConfig.input?.isVisible !== newConfig.input?.isVisible || previousConfig.input?.isDisabled !== newConfig.input?.isDisabled || previousConfig.launcher?.showUnreadIndicator !== newConfig.launcher?.showUnreadIndicator;
|
|
17117
17491
|
return {
|
|
17118
17492
|
humanAgentConfigChanged: humanAgentConfigChanged,
|
|
17119
17493
|
themingChanged: themingChanged,
|
|
@@ -17185,16 +17559,39 @@ async function applyConfigChangesDynamically(changes, newConfig, serviceManager)
|
|
|
17185
17559
|
}));
|
|
17186
17560
|
}
|
|
17187
17561
|
if (changes.lightweightUIChanged) {
|
|
17188
|
-
|
|
17189
|
-
|
|
17190
|
-
|
|
17191
|
-
|
|
17192
|
-
|
|
17562
|
+
const current = store.getState().assistantInputState;
|
|
17563
|
+
let nextState = current;
|
|
17564
|
+
if (typeof newConfig.input?.isVisible === "boolean") {
|
|
17565
|
+
if (current.fieldVisible !== newConfig.input.isVisible) {
|
|
17566
|
+
nextState = {
|
|
17567
|
+
...nextState,
|
|
17568
|
+
fieldVisible: newConfig.input.isVisible
|
|
17569
|
+
};
|
|
17570
|
+
}
|
|
17571
|
+
}
|
|
17572
|
+
let disableValue;
|
|
17573
|
+
if (typeof newConfig.input?.isDisabled === "boolean") {
|
|
17574
|
+
disableValue = newConfig.input.isDisabled;
|
|
17575
|
+
} else if (typeof newConfig.isReadonly === "boolean") {
|
|
17576
|
+
disableValue = newConfig.isReadonly;
|
|
17577
|
+
}
|
|
17578
|
+
if (disableValue !== undefined && current.isReadonly !== disableValue) {
|
|
17579
|
+
nextState = {
|
|
17580
|
+
...nextState,
|
|
17581
|
+
isReadonly: disableValue
|
|
17193
17582
|
};
|
|
17583
|
+
}
|
|
17584
|
+
if (nextState !== current) {
|
|
17194
17585
|
store.dispatch(actions.changeState({
|
|
17195
|
-
assistantInputState:
|
|
17586
|
+
assistantInputState: nextState
|
|
17196
17587
|
}));
|
|
17197
17588
|
}
|
|
17589
|
+
if (typeof newConfig.launcher?.showUnreadIndicator === "boolean") {
|
|
17590
|
+
const currentValue = store.getState().persistedToBrowserStorage.showUnreadIndicator;
|
|
17591
|
+
if (currentValue !== newConfig.launcher.showUnreadIndicator) {
|
|
17592
|
+
store.dispatch(actions.setLauncherProperty("showUnreadIndicator", newConfig.launcher.showUnreadIndicator));
|
|
17593
|
+
}
|
|
17594
|
+
}
|
|
17198
17595
|
}
|
|
17199
17596
|
}
|
|
17200
17597
|
|