@carbon/ai-chat 1.11.0 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/aiChatEntry.js +4 -10
- package/dist/es/aiChatEntry.js.map +1 -1
- package/dist/es/chat.ChatAppEntry.js +251 -208
- package/dist/es/chat.ChatAppEntry.js.map +1 -1
- package/dist/es/chat.languageUtils.js +1 -17
- package/dist/es/chat.languageUtils.js.map +1 -1
- package/dist/es/serverEntry.js +3 -7
- package/dist/es/serverEntry.js.map +1 -1
- package/dist/es/web-components/cds-aichat-container/index.js +3 -9
- package/dist/es/web-components/cds-aichat-container/index.js.map +1 -1
- package/dist/es/web-components/cds-aichat-custom-element/index.js +3 -9
- package/dist/es/web-components/cds-aichat-custom-element/index.js.map +1 -1
- package/dist/es-custom/aiChatEntry.js +4 -10
- package/dist/es-custom/aiChatEntry.js.map +1 -1
- package/dist/es-custom/chat.ChatAppEntry.js +251 -208
- package/dist/es-custom/chat.ChatAppEntry.js.map +1 -1
- package/dist/es-custom/chat.languageUtils.js +1 -17
- package/dist/es-custom/chat.languageUtils.js.map +1 -1
- package/dist/es-custom/serverEntry.js +3 -7
- package/dist/es-custom/serverEntry.js.map +1 -1
- package/dist/es-custom/web-components/cds-aichat-container/index.js +3 -9
- package/dist/es-custom/web-components/cds-aichat-container/index.js.map +1 -1
- package/dist/es-custom/web-components/cds-aichat-custom-element/index.js +3 -9
- package/dist/es-custom/web-components/cds-aichat-custom-element/index.js.map +1 -1
- package/dist/types/aiChatEntry.d.ts +4 -2
- package/dist/types/{serverEntry-DGYva2n0.d.ts → serverEntry-CFWZAY6J.d.ts} +55 -47
- package/dist/types/serverEntry.d.ts +1 -1
- package/package.json +6 -6
|
@@ -16,7 +16,7 @@ import merge from "lodash-es/merge.js";
|
|
|
16
16
|
|
|
17
17
|
import cloneDeep from "lodash-es/cloneDeep.js";
|
|
18
18
|
|
|
19
|
-
import { i as MessageResponseTypes, h as MessageInputType, M as MessageErrorState, e as FileStatusValue, f as HumanAgentMessageType,
|
|
19
|
+
import { i as MessageResponseTypes, h as MessageInputType, M as MessageErrorState, e as FileStatusValue, f as HumanAgentMessageType, s as InternalMessageRequestType, b as ButtonItemType, t as consoleError, k as MinimizeButtonIconType, m as PanelType, d as CornersType, u as WORKSPACE_CUSTOM_PANEL_ID, D as DEFAULT_CUSTOM_PANEL_ID, B as BusEventType, v as debugLog, j as MessageSendSource, w as consoleWarn, O as OnErrorType, g as HumanAgentsOnlineStatus, x as sleep, y as callOnError, z as consoleLog, A as isEnableDebugLog, G as HISTORY_PANEL_ID, C as CancellationReason, J as safeFetchTextWithTimeout, q as normalizeModuleInterop, c as CarbonTheme, K as WA_CONSOLE_PREFIX, p as enLanguagePack, o as WriteableElementName, L as setEnableDebugLog, N as consoleDebug, n as ViewType, V as ViewChangeReason, E as ErrorType, S as ScreenShareState, Q as resolveOrTimeout, T as loadLocale, X as MainWindowOpenReason, P as PageObjectId, H as HeaderMenuClickType, Y as RESPONSE_TYPE_TIMEOUT_MS, Z as THROW_ERROR, W as WidthOptions, _ as RIGHT_TO_LEFT_MARK, $ as loadDayjsLocale, a0 as ENGLISH_US_DATE_FORMAT, a1 as getResponsiveElementPaddingValue, I as IFrameItemDisplayOption, U as UserType, F as FeedbackInteractionType, a2 as createDidCatchErrorData, R as ReasoningStepOpenState, a3 as isValidForUpload } from "./chat.languageUtils.js";
|
|
20
20
|
|
|
21
21
|
import mergeWith from "lodash-es/mergeWith.js";
|
|
22
22
|
|
|
@@ -46,7 +46,7 @@ import CloseLarge16 from "@carbon/icons/es/close--large/16.js";
|
|
|
46
46
|
|
|
47
47
|
import Home16 from "@carbon/icons/es/home/16.js";
|
|
48
48
|
|
|
49
|
-
import
|
|
49
|
+
import Menu16 from "@carbon/icons/es/menu/16.js";
|
|
50
50
|
|
|
51
51
|
import Restart16 from "@carbon/icons/es/restart/16.js";
|
|
52
52
|
|
|
@@ -152,14 +152,6 @@ import CarbonAISkeletonText from "@carbon/web-components/es-custom/components/ai
|
|
|
152
152
|
|
|
153
153
|
import CarbonSkeletonText from "@carbon/web-components/es-custom/components/skeleton-text/skeleton-text.js";
|
|
154
154
|
|
|
155
|
-
import ChevronLeft16 from "@carbon/icons/es/chevron--left/16.js";
|
|
156
|
-
|
|
157
|
-
import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
|
|
158
|
-
|
|
159
|
-
import { Swiper, SwiperSlide } from "swiper/react";
|
|
160
|
-
|
|
161
|
-
import { A11y, Navigation } from "swiper/modules";
|
|
162
|
-
|
|
163
155
|
import Link16 from "@carbon/icons/es/link/16.js";
|
|
164
156
|
|
|
165
157
|
import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
|
|
@@ -168,6 +160,8 @@ import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
|
|
|
168
160
|
|
|
169
161
|
import CarbonOperationalTagElement from "@carbon/web-components/es-custom/components/tag/operational-tag.js";
|
|
170
162
|
|
|
163
|
+
import Carousel from "@carbon/ai-chat-components/es-custom/react/carousel.js";
|
|
164
|
+
|
|
171
165
|
import Checkmark32 from "@carbon/icons/es/checkmark/32.js";
|
|
172
166
|
|
|
173
167
|
import CarbonDatePickerElement from "@carbon/web-components/es-custom/components/date-picker/date-picker.js";
|
|
@@ -220,7 +214,7 @@ import Toolbar from "@carbon/ai-chat-components/es-custom/react/toolbar.js";
|
|
|
220
214
|
|
|
221
215
|
import CarbonChatButtonElement, { CHAT_BUTTON_SIZE as CHAT_BUTTON_SIZE$1, CHAT_BUTTON_KIND as CHAT_BUTTON_KIND$1 } from "@carbon/web-components/es-custom/components/chat-button/chat-button.js";
|
|
222
216
|
|
|
223
|
-
const VERSION = "1.
|
|
217
|
+
const VERSION = "1.12.0";
|
|
224
218
|
|
|
225
219
|
function memoizeFunction(fn, isEqual) {
|
|
226
220
|
let hasResult = false;
|
|
@@ -1318,6 +1312,8 @@ const ACCEPTED_DISCLAIMER = "ACCEPTED_DISCLAIMER";
|
|
|
1318
1312
|
|
|
1319
1313
|
const ADD_MESSAGE = "ADD_MESSAGE";
|
|
1320
1314
|
|
|
1315
|
+
const UPDATE_CATASTROPHIC_ERROR_PANEL = "UPDATE_CATASTROPHIC_ERROR_PANEL";
|
|
1316
|
+
|
|
1321
1317
|
const UPDATE_HAS_SENT_NON_WELCOME_MESSAGE = "UPDATE_HAS_SENT_NON_WELCOME_MESSAGE";
|
|
1322
1318
|
|
|
1323
1319
|
const UPDATE_PERSISTED_STATE = "UPDATE_PERSISTED_STATE";
|
|
@@ -1461,6 +1457,12 @@ const actions = {
|
|
|
1461
1457
|
sentMessage
|
|
1462
1458
|
};
|
|
1463
1459
|
},
|
|
1460
|
+
updateCatastrophicErrorPanel(panelState) {
|
|
1461
|
+
return {
|
|
1462
|
+
type: UPDATE_CATASTROPHIC_ERROR_PANEL,
|
|
1463
|
+
panelState
|
|
1464
|
+
};
|
|
1465
|
+
},
|
|
1464
1466
|
updatePersistedState(chatState) {
|
|
1465
1467
|
return {
|
|
1466
1468
|
type: UPDATE_PERSISTED_STATE,
|
|
@@ -1658,10 +1660,11 @@ const actions = {
|
|
|
1658
1660
|
isOpen
|
|
1659
1661
|
};
|
|
1660
1662
|
},
|
|
1661
|
-
setHistoryPanelOptions(isMobile) {
|
|
1663
|
+
setHistoryPanelOptions(isMobile, isOpen) {
|
|
1662
1664
|
return {
|
|
1663
1665
|
type: SET_HISTORY_PANEL_OPTIONS,
|
|
1664
|
-
isMobile
|
|
1666
|
+
isMobile,
|
|
1667
|
+
isOpen
|
|
1665
1668
|
};
|
|
1666
1669
|
},
|
|
1667
1670
|
toggleHomeScreen() {
|
|
@@ -2311,6 +2314,22 @@ function selectInputState(state) {
|
|
|
2311
2314
|
return selectIsInputToHumanAgent(state) ? getHumanAgentInputState(state) : getAssistantInputState(state);
|
|
2312
2315
|
}
|
|
2313
2316
|
|
|
2317
|
+
var PendingUploadStatus;
|
|
2318
|
+
|
|
2319
|
+
(function(PendingUploadStatus) {
|
|
2320
|
+
PendingUploadStatus["UPLOADING"] = "uploading";
|
|
2321
|
+
PendingUploadStatus["COMPLETE"] = "complete";
|
|
2322
|
+
PendingUploadStatus["ERROR"] = "error";
|
|
2323
|
+
})(PendingUploadStatus || (PendingUploadStatus = {}));
|
|
2324
|
+
|
|
2325
|
+
var ChatWidthBreakpoint;
|
|
2326
|
+
|
|
2327
|
+
(function(ChatWidthBreakpoint) {
|
|
2328
|
+
ChatWidthBreakpoint["NARROW"] = "narrow";
|
|
2329
|
+
ChatWidthBreakpoint["STANDARD"] = "standard";
|
|
2330
|
+
ChatWidthBreakpoint["WIDE"] = "wide";
|
|
2331
|
+
})(ChatWidthBreakpoint || (ChatWidthBreakpoint = {}));
|
|
2332
|
+
|
|
2314
2333
|
function resolvablePromise() {
|
|
2315
2334
|
let resolveFunction;
|
|
2316
2335
|
let rejectFunction;
|
|
@@ -5150,7 +5169,11 @@ const reducers = {
|
|
|
5150
5169
|
...DEFAULT_WORKSPACE_PANEL_STATE
|
|
5151
5170
|
},
|
|
5152
5171
|
isHydrated: false,
|
|
5153
|
-
catastrophicErrorType: null
|
|
5172
|
+
catastrophicErrorType: null,
|
|
5173
|
+
catastrophicErrorPanelState: {
|
|
5174
|
+
...state.catastrophicErrorPanelState,
|
|
5175
|
+
isOpen: false
|
|
5176
|
+
}
|
|
5154
5177
|
};
|
|
5155
5178
|
if (newState.config.public.homescreen?.isOn) {
|
|
5156
5179
|
newState = setHomeScreenOpenState(newState, true, false);
|
|
@@ -5381,6 +5404,13 @@ const reducers = {
|
|
|
5381
5404
|
...state,
|
|
5382
5405
|
[action.key]: action.value
|
|
5383
5406
|
}),
|
|
5407
|
+
[UPDATE_CATASTROPHIC_ERROR_PANEL]: (state, action) => ({
|
|
5408
|
+
...state,
|
|
5409
|
+
catastrophicErrorPanelState: {
|
|
5410
|
+
...state.catastrophicErrorPanelState,
|
|
5411
|
+
...action.panelState
|
|
5412
|
+
}
|
|
5413
|
+
}),
|
|
5384
5414
|
[UPDATE_PERSISTED_STATE]: (state, action) => ({
|
|
5385
5415
|
...state,
|
|
5386
5416
|
persistedToBrowserStorage: {
|
|
@@ -5606,24 +5636,14 @@ const reducers = {
|
|
|
5606
5636
|
}
|
|
5607
5637
|
};
|
|
5608
5638
|
},
|
|
5609
|
-
[SET_HISTORY_PANEL_OPTIONS]: (state, action) => {
|
|
5610
|
-
|
|
5611
|
-
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
isMobile: false
|
|
5616
|
-
}
|
|
5617
|
-
};
|
|
5639
|
+
[SET_HISTORY_PANEL_OPTIONS]: (state, action) => ({
|
|
5640
|
+
...state,
|
|
5641
|
+
historyPanelState: {
|
|
5642
|
+
...state.historyPanelState,
|
|
5643
|
+
isMobile: action.isMobile,
|
|
5644
|
+
isOpen: action.isOpen ?? state.historyPanelState.isOpen
|
|
5618
5645
|
}
|
|
5619
|
-
|
|
5620
|
-
...state,
|
|
5621
|
-
historyPanelState: {
|
|
5622
|
-
...state.historyPanelState,
|
|
5623
|
-
isMobile: action.isMobile
|
|
5624
|
-
}
|
|
5625
|
-
};
|
|
5626
|
-
},
|
|
5646
|
+
}),
|
|
5627
5647
|
[UPDATE_INPUT_STATE]: (state, action) => {
|
|
5628
5648
|
const currentInputState = getInputState(state, action.isInputToHumanAgent);
|
|
5629
5649
|
const newInputState = {
|
|
@@ -6100,7 +6120,10 @@ function createInitialState(config) {
|
|
|
6100
6120
|
viewSourcePanelState: DEFAULT_CITATION_PANEL_STATE,
|
|
6101
6121
|
customPanelState: DEFAULT_CUSTOM_PANEL_STATE,
|
|
6102
6122
|
workspacePanelState: DEFAULT_WORKSPACE_PANEL_STATE,
|
|
6103
|
-
historyPanelState:
|
|
6123
|
+
historyPanelState: {
|
|
6124
|
+
...DEFAULT_HISTORY_PANEL_STATE,
|
|
6125
|
+
isOpen: config.public.history?.startClosed ? false : true
|
|
6126
|
+
},
|
|
6104
6127
|
responsePanelState: DEFAULT_MESSAGE_PANEL_STATE
|
|
6105
6128
|
};
|
|
6106
6129
|
return initialState;
|
|
@@ -6424,6 +6447,17 @@ function createChatInstance({serviceManager}) {
|
|
|
6424
6447
|
debugLog("Called instance.scrollToMessage", messageID, animate);
|
|
6425
6448
|
serviceManager.mainWindow?.doScrollToMessage(messageID, animate);
|
|
6426
6449
|
},
|
|
6450
|
+
updateCatastrophicErrorPanel: panelState => {
|
|
6451
|
+
debugLog("Called instance.updateCatastrophicPanel");
|
|
6452
|
+
if (panelState.isOpen && serviceManager.store.getState().catastrophicErrorType !== true) {
|
|
6453
|
+
serviceManager.store.dispatch({
|
|
6454
|
+
type: "SET_APP_STATE_VALUE",
|
|
6455
|
+
key: "catastrophicErrorType",
|
|
6456
|
+
value: true
|
|
6457
|
+
});
|
|
6458
|
+
}
|
|
6459
|
+
serviceManager.store.dispatch(actions.updateCatastrophicErrorPanel(panelState));
|
|
6460
|
+
},
|
|
6427
6461
|
customPanels: serviceManager.customPanelManager,
|
|
6428
6462
|
restartConversation: async () => {
|
|
6429
6463
|
debugLog("Called instance.restartConversation");
|
|
@@ -7728,25 +7762,35 @@ async function applyConfigChangesDynamically(changes, newConfig, serviceManager)
|
|
|
7728
7762
|
}
|
|
7729
7763
|
}
|
|
7730
7764
|
|
|
7731
|
-
function
|
|
7732
|
-
|
|
7733
|
-
|
|
7734
|
-
|
|
7735
|
-
if (!value) {
|
|
7736
|
-
return fallback;
|
|
7765
|
+
function useHistoryMobileDetection({container, useCustomHostElement, serviceManager}) {
|
|
7766
|
+
return useCallback(width => {
|
|
7767
|
+
if (!container) {
|
|
7768
|
+
return;
|
|
7737
7769
|
}
|
|
7738
|
-
const
|
|
7739
|
-
|
|
7740
|
-
|
|
7741
|
-
|
|
7742
|
-
|
|
7743
|
-
|
|
7744
|
-
|
|
7745
|
-
|
|
7746
|
-
|
|
7747
|
-
|
|
7748
|
-
|
|
7749
|
-
|
|
7770
|
+
const isFloatMode = !useCustomHostElement;
|
|
7771
|
+
const parseCSSLength = (variableName, fallback) => {
|
|
7772
|
+
const value = getCSSVariableValue(variableName, container);
|
|
7773
|
+
if (!value) {
|
|
7774
|
+
return fallback;
|
|
7775
|
+
}
|
|
7776
|
+
const parsed = Number.parseFloat(value);
|
|
7777
|
+
return Number.isNaN(parsed) ? fallback : parsed;
|
|
7778
|
+
};
|
|
7779
|
+
const messagesMinWidth = parseCSSLength("--cds-aichat-messages-min-width", 320);
|
|
7780
|
+
const historyWidth = parseCSSLength("--cds-aichat-history-width", 320);
|
|
7781
|
+
const requiredWidthForHistory = messagesMinWidth + historyWidth;
|
|
7782
|
+
const shouldBeMobile = isFloatMode || width < requiredWidthForHistory;
|
|
7783
|
+
const currentState = serviceManager.store.getState();
|
|
7784
|
+
const currentIsMobile = currentState.historyPanelState.isMobile;
|
|
7785
|
+
if (currentIsMobile !== shouldBeMobile) {
|
|
7786
|
+
const config = currentState.config.public;
|
|
7787
|
+
let newIsOpen = currentState.historyPanelState.isOpen;
|
|
7788
|
+
if (!config.history?.startClosed) {
|
|
7789
|
+
newIsOpen = !shouldBeMobile;
|
|
7790
|
+
}
|
|
7791
|
+
serviceManager.store.dispatch(actions.setHistoryPanelOptions(shouldBeMobile, newIsOpen));
|
|
7792
|
+
}
|
|
7793
|
+
}, [ container, useCustomHostElement, serviceManager ]);
|
|
7750
7794
|
}
|
|
7751
7795
|
|
|
7752
7796
|
function useAriaAnnouncer() {
|
|
@@ -7876,6 +7920,15 @@ const Button = createComponent({
|
|
|
7876
7920
|
react: React
|
|
7877
7921
|
});
|
|
7878
7922
|
|
|
7923
|
+
function prefersReducedMotion() {
|
|
7924
|
+
if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
|
|
7925
|
+
return false;
|
|
7926
|
+
}
|
|
7927
|
+
return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
7928
|
+
}
|
|
7929
|
+
|
|
7930
|
+
const LAUNCHER_ANIMATION_TIMEOUT_MS = 600;
|
|
7931
|
+
|
|
7879
7932
|
const AiLaunch = carbonIconToReact(AiLaunch24);
|
|
7880
7933
|
|
|
7881
7934
|
const ChatLaunch = carbonIconToReact(ChatLaunch24);
|
|
@@ -7962,7 +8015,7 @@ function Launcher(props) {
|
|
|
7962
8015
|
let cleanup;
|
|
7963
8016
|
if (callToActionOpenState === LauncherOpenState.Opening) {
|
|
7964
8017
|
const element = greetingMessageRef.current;
|
|
7965
|
-
if (!element) {
|
|
8018
|
+
if (!element || prefersReducedMotion()) {
|
|
7966
8019
|
setCallToActionOpenState(LauncherOpenState.Open);
|
|
7967
8020
|
} else {
|
|
7968
8021
|
const handleAnimationEnd = event => {
|
|
@@ -7972,9 +8025,13 @@ function Launcher(props) {
|
|
|
7972
8025
|
};
|
|
7973
8026
|
element.addEventListener("animationend", handleAnimationEnd);
|
|
7974
8027
|
element.addEventListener("animationcancel", handleAnimationEnd);
|
|
8028
|
+
const timeoutId = setTimeout(() => {
|
|
8029
|
+
setCallToActionOpenState(LauncherOpenState.Open);
|
|
8030
|
+
}, LAUNCHER_ANIMATION_TIMEOUT_MS);
|
|
7975
8031
|
cleanup = () => {
|
|
7976
8032
|
element.removeEventListener("animationend", handleAnimationEnd);
|
|
7977
8033
|
element.removeEventListener("animationcancel", handleAnimationEnd);
|
|
8034
|
+
clearTimeout(timeoutId);
|
|
7978
8035
|
};
|
|
7979
8036
|
}
|
|
7980
8037
|
}
|
|
@@ -7984,7 +8041,7 @@ function Launcher(props) {
|
|
|
7984
8041
|
let cleanup;
|
|
7985
8042
|
if (callToActionOpenState === LauncherOpenState.Closing) {
|
|
7986
8043
|
const element = textHolderRef.current;
|
|
7987
|
-
if (!element) {
|
|
8044
|
+
if (!element || prefersReducedMotion()) {
|
|
7988
8045
|
setCallToActionOpenState(LauncherOpenState.Closed);
|
|
7989
8046
|
} else {
|
|
7990
8047
|
const handleAnimationEnd = event => {
|
|
@@ -7994,9 +8051,13 @@ function Launcher(props) {
|
|
|
7994
8051
|
};
|
|
7995
8052
|
element.addEventListener("animationend", handleAnimationEnd);
|
|
7996
8053
|
element.addEventListener("animationcancel", handleAnimationEnd);
|
|
8054
|
+
const timeoutId = setTimeout(() => {
|
|
8055
|
+
setCallToActionOpenState(LauncherOpenState.Closed);
|
|
8056
|
+
}, LAUNCHER_ANIMATION_TIMEOUT_MS);
|
|
7997
8057
|
cleanup = () => {
|
|
7998
8058
|
element.removeEventListener("animationend", handleAnimationEnd);
|
|
7999
8059
|
element.removeEventListener("animationcancel", handleAnimationEnd);
|
|
8060
|
+
clearTimeout(timeoutId);
|
|
8000
8061
|
};
|
|
8001
8062
|
}
|
|
8002
8063
|
}
|
|
@@ -8373,7 +8434,7 @@ function Header(props, ref) {
|
|
|
8373
8434
|
navigationOverflowItems: navigationOverflowItemsWithHandlers,
|
|
8374
8435
|
navigationOverflowLabel: overflowMenuTooltip,
|
|
8375
8436
|
navigationOverflowAriaLabel: overflowMenuAriaLabel,
|
|
8376
|
-
navigationOverflowIcon:
|
|
8437
|
+
navigationOverflowIcon: Menu16,
|
|
8377
8438
|
navigationOverflowOnClick: handleOverflowMenuClick,
|
|
8378
8439
|
navigationTooltipAlign: "right"
|
|
8379
8440
|
}, showAiSlugContent && React.createElement(AISlug, {
|
|
@@ -10391,108 +10452,13 @@ function SkeletonPlaceholder(props) {
|
|
|
10391
10452
|
});
|
|
10392
10453
|
}
|
|
10393
10454
|
|
|
10394
|
-
const ChevronLeft = carbonIconToReact(ChevronLeft16);
|
|
10395
|
-
|
|
10396
|
-
const ChevronRight = carbonIconToReact(ChevronRight16);
|
|
10397
|
-
|
|
10398
|
-
const SWIPER_MODULES = [ A11y, Navigation ];
|
|
10399
|
-
|
|
10400
|
-
function SwiperCarousel({swiperRef, initialSlide, previousButton, nextButton, chatWidthBreakpoint, onSlideChangeInternal, children}) {
|
|
10401
|
-
return React.createElement(Swiper, {
|
|
10402
|
-
ref: swiperRef,
|
|
10403
|
-
initialSlide,
|
|
10404
|
-
modules: SWIPER_MODULES,
|
|
10405
|
-
navigation: {
|
|
10406
|
-
prevEl: previousButton,
|
|
10407
|
-
nextEl: nextButton
|
|
10408
|
-
},
|
|
10409
|
-
slidesPerView: 1,
|
|
10410
|
-
spaceBetween: MESSAGE_RECEIVED_LEFT_MARGIN_BY_BREAKPOINT[chatWidthBreakpoint],
|
|
10411
|
-
onSlideChange: onSlideChangeInternal,
|
|
10412
|
-
slidesOffsetBefore: MESSAGE_RECEIVED_LEFT_MARGIN_OFFSET_BEFORE_BREAKPOINT[chatWidthBreakpoint],
|
|
10413
|
-
rewind: true
|
|
10414
|
-
}, React.Children.map(children, child => React.createElement(SwiperSlide, {
|
|
10415
|
-
key: child.key,
|
|
10416
|
-
className: `cds-custom-aichat--carousel-container__slide--${chatWidthBreakpoint}`
|
|
10417
|
-
}, child)));
|
|
10418
|
-
}
|
|
10419
|
-
|
|
10420
|
-
const MESSAGE_RECEIVED_LEFT_MARGIN_BY_BREAKPOINT = {
|
|
10421
|
-
[ChatWidthBreakpoint.NARROW]: 32,
|
|
10422
|
-
[ChatWidthBreakpoint.STANDARD]: 72,
|
|
10423
|
-
[ChatWidthBreakpoint.WIDE]: 72
|
|
10424
|
-
};
|
|
10425
|
-
|
|
10426
|
-
const MESSAGE_RECEIVED_LEFT_MARGIN_OFFSET_BEFORE_BREAKPOINT = {
|
|
10427
|
-
[ChatWidthBreakpoint.NARROW]: 12,
|
|
10428
|
-
[ChatWidthBreakpoint.STANDARD]: 0,
|
|
10429
|
-
[ChatWidthBreakpoint.WIDE]: 0
|
|
10430
|
-
};
|
|
10431
|
-
|
|
10432
|
-
function Carousel({children, swiperRef, initialSlide, onSlideChange}) {
|
|
10433
|
-
const {formatMessage} = useIntl();
|
|
10434
|
-
const {carousel_prevNavButton, carousel_nextNavButton} = useLanguagePack();
|
|
10435
|
-
const chatWidthBreakpoint = useSelector(state => state.chatWidthBreakpoint);
|
|
10436
|
-
const [nextButton, setNextButton] = useState();
|
|
10437
|
-
const [previousButton, setPreviousButton] = useState();
|
|
10438
|
-
const [currentSlideNumber, setCurrentSlideNumber] = useState(1);
|
|
10439
|
-
function onSlideChangeInternal({activeIndex}) {
|
|
10440
|
-
setCurrentSlideNumber(activeIndex + 1);
|
|
10441
|
-
onSlideChange?.(activeIndex);
|
|
10442
|
-
}
|
|
10443
|
-
const totalSlideCount = React.Children.count(children);
|
|
10444
|
-
const currentLabel = formatMessage({
|
|
10445
|
-
id: "components_swiper_currentLabel"
|
|
10446
|
-
}, {
|
|
10447
|
-
currentSlideNumber,
|
|
10448
|
-
totalSlideCount
|
|
10449
|
-
});
|
|
10450
|
-
if (totalSlideCount <= 1) {
|
|
10451
|
-
return React.createElement("div", {
|
|
10452
|
-
className: "cds-custom-aichat--carousel-container cds-custom-aichat--carousel-container--one-slide"
|
|
10453
|
-
}, children);
|
|
10454
|
-
}
|
|
10455
|
-
return React.createElement("div", {
|
|
10456
|
-
className: "cds-custom-aichat--carousel-container"
|
|
10457
|
-
}, nextButton && React.createElement(SwiperCarousel, {
|
|
10458
|
-
swiperRef,
|
|
10459
|
-
initialSlide,
|
|
10460
|
-
previousButton,
|
|
10461
|
-
nextButton,
|
|
10462
|
-
chatWidthBreakpoint,
|
|
10463
|
-
onSlideChangeInternal
|
|
10464
|
-
}, children), React.createElement("div", {
|
|
10465
|
-
className: `cds-custom-aichat--carousel-container__controls--${chatWidthBreakpoint}`
|
|
10466
|
-
}, React.createElement("div", {
|
|
10467
|
-
className: "cds-custom-aichat--carousel-container__navigation"
|
|
10468
|
-
}, React.createElement(Button, {
|
|
10469
|
-
ref: setPreviousButton,
|
|
10470
|
-
className: "cds-custom-aichat--carousel-container__navigation-button cds-custom-aichat--direction-has-reversible-svg",
|
|
10471
|
-
kind: BUTTON_KIND.GHOST,
|
|
10472
|
-
"aria-label": carousel_prevNavButton,
|
|
10473
|
-
size: BUTTON_SIZE.SMALL
|
|
10474
|
-
}, React.createElement(ChevronLeft, {
|
|
10475
|
-
slot: "icon"
|
|
10476
|
-
})), React.createElement("div", {
|
|
10477
|
-
className: "cds-custom-aichat--carousel-container__current-label"
|
|
10478
|
-
}, currentLabel), React.createElement(Button, {
|
|
10479
|
-
ref: setNextButton,
|
|
10480
|
-
className: "cds-custom-aichat--carousel-container__navigation-button cds-custom-aichat--direction-has-reversible-svg",
|
|
10481
|
-
kind: BUTTON_KIND.GHOST,
|
|
10482
|
-
"aria-label": carousel_nextNavButton,
|
|
10483
|
-
size: BUTTON_SIZE.SMALL
|
|
10484
|
-
}, React.createElement(ChevronRight, {
|
|
10485
|
-
slot: "icon"
|
|
10486
|
-
})))));
|
|
10487
|
-
}
|
|
10488
|
-
|
|
10489
10455
|
function CarouselItemComponent(props) {
|
|
10490
10456
|
const {localMessageItem, fullMessage, isMessageForInput, requestFocus, renderMessageComponent} = props;
|
|
10491
10457
|
const allMessageItemsByID = useSelector(state => state.allMessageItemsByID);
|
|
10492
10458
|
const {itemsLocalMessageItemIDs} = localMessageItem.ui_state;
|
|
10493
10459
|
return React.createElement(Suspense, {
|
|
10494
10460
|
fallback: React.createElement(SkeletonPlaceholder, null)
|
|
10495
|
-
},
|
|
10461
|
+
}, itemsLocalMessageItemIDs.map(nestedLocalMessageItemID => {
|
|
10496
10462
|
const localMessageItem = allMessageItemsByID[nestedLocalMessageItemID];
|
|
10497
10463
|
return React.createElement(CardComponentExport, {
|
|
10498
10464
|
key: nestedLocalMessageItemID,
|
|
@@ -10503,7 +10469,7 @@ function CarouselItemComponent(props) {
|
|
|
10503
10469
|
requestFocus,
|
|
10504
10470
|
renderMessageComponent
|
|
10505
10471
|
});
|
|
10506
|
-
}))
|
|
10472
|
+
}));
|
|
10507
10473
|
}
|
|
10508
10474
|
|
|
10509
10475
|
function useWindowSize() {
|
|
@@ -10750,7 +10716,6 @@ function ConversationalSearch({localMessageItem, scrollElementIntoView, isStream
|
|
|
10750
10716
|
const [selectedCitationIndex, setSelectedCitationIndex] = useState(0);
|
|
10751
10717
|
const [citationsOpen, setCitationsOpen] = useState(false);
|
|
10752
10718
|
const scrollIntoViewArea = useRef(undefined);
|
|
10753
|
-
const swiperRef = useRef(undefined);
|
|
10754
10719
|
const languagePack = useLanguagePack();
|
|
10755
10720
|
const messageItem = localMessageItem.item;
|
|
10756
10721
|
const sortedCitations = useMemo(() => sortCitations(messageItem.citations), [ messageItem.citations ]);
|
|
@@ -10760,7 +10725,6 @@ function ConversationalSearch({localMessageItem, scrollElementIntoView, isStream
|
|
|
10760
10725
|
function onSelectCitation(index) {
|
|
10761
10726
|
setCitationsOpen(true);
|
|
10762
10727
|
setSelectedCitationIndex(index);
|
|
10763
|
-
setTimeout(() => swiperRef.current?.swiper.slideTo(index));
|
|
10764
10728
|
scrollCitations();
|
|
10765
10729
|
}
|
|
10766
10730
|
function onToggleCitations() {
|
|
@@ -10769,6 +10733,10 @@ function ConversationalSearch({localMessageItem, scrollElementIntoView, isStream
|
|
|
10769
10733
|
scrollCitations();
|
|
10770
10734
|
}
|
|
10771
10735
|
}
|
|
10736
|
+
function onChangeHandler(e) {
|
|
10737
|
+
const {currentIndex} = e.detail;
|
|
10738
|
+
setSelectedCitationIndex(currentIndex);
|
|
10739
|
+
}
|
|
10772
10740
|
function renderCitations() {
|
|
10773
10741
|
const tiles = sortedCitations?.map((citation, index) => React.createElement(CitationCardExport, {
|
|
10774
10742
|
key: index,
|
|
@@ -10782,10 +10750,10 @@ function ConversationalSearch({localMessageItem, scrollElementIntoView, isStream
|
|
|
10782
10750
|
}, React.createElement(Suspense, {
|
|
10783
10751
|
fallback: React.createElement(SkeletonPlaceholder, null)
|
|
10784
10752
|
}, React.createElement(Carousel, {
|
|
10785
|
-
|
|
10786
|
-
|
|
10787
|
-
|
|
10788
|
-
}, tiles)));
|
|
10753
|
+
nextBtnText: languagePack.carousel_nextNavButton,
|
|
10754
|
+
previousBtnText: languagePack.carousel_prevNavButton,
|
|
10755
|
+
onChange: onChangeHandler
|
|
10756
|
+
}, React.createElement("div", null, tiles))));
|
|
10789
10757
|
}
|
|
10790
10758
|
return React.createElement("div", {
|
|
10791
10759
|
className: "cds-custom-aichat--conversational-search"
|
|
@@ -11524,6 +11492,9 @@ function MessageTypeComponent(props) {
|
|
|
11524
11492
|
useEffect(() => {
|
|
11525
11493
|
setIsChainOfThoughtOpen(false);
|
|
11526
11494
|
}, [ message.ui_state.id ]);
|
|
11495
|
+
const renderMessageComponent = useCallback(childProps => React.createElement(MessageTypeComponent, {
|
|
11496
|
+
...childProps
|
|
11497
|
+
}), []);
|
|
11527
11498
|
function renderSpecificMessage(localMessageItem, message) {
|
|
11528
11499
|
if (isRequest(message)) {
|
|
11529
11500
|
return renderRequest(localMessageItem, message);
|
|
@@ -11727,9 +11698,7 @@ function MessageTypeComponent(props) {
|
|
|
11727
11698
|
fullMessage: originalMessage,
|
|
11728
11699
|
isMessageForInput,
|
|
11729
11700
|
requestFocus: requestInputFocus,
|
|
11730
|
-
renderMessageComponent
|
|
11731
|
-
...childProps
|
|
11732
|
-
})
|
|
11701
|
+
renderMessageComponent
|
|
11733
11702
|
});
|
|
11734
11703
|
}
|
|
11735
11704
|
function renderPreviewCard(message, originalMessage) {
|
|
@@ -11757,23 +11726,26 @@ function MessageTypeComponent(props) {
|
|
|
11757
11726
|
}
|
|
11758
11727
|
function renderCarouselMessage(message, originalMessage) {
|
|
11759
11728
|
const {isMessageForInput, requestInputFocus} = props;
|
|
11760
|
-
return React.createElement(
|
|
11729
|
+
return React.createElement("div", {
|
|
11730
|
+
className: "carousel-container"
|
|
11731
|
+
}, React.createElement(Carousel, {
|
|
11732
|
+
nextBtnText: "Next",
|
|
11733
|
+
previousBtnText: "Previous"
|
|
11734
|
+
}, React.createElement("div", {
|
|
11735
|
+
className: "carousel-container-inner"
|
|
11736
|
+
}, React.createElement(CarouselItemComponent, {
|
|
11761
11737
|
localMessageItem: message,
|
|
11762
11738
|
fullMessage: originalMessage,
|
|
11763
11739
|
isMessageForInput,
|
|
11764
11740
|
requestFocus: requestInputFocus,
|
|
11765
|
-
renderMessageComponent
|
|
11766
|
-
|
|
11767
|
-
})
|
|
11768
|
-
});
|
|
11741
|
+
renderMessageComponent
|
|
11742
|
+
}))));
|
|
11769
11743
|
}
|
|
11770
11744
|
function renderGrid(message, originalMessage) {
|
|
11771
11745
|
return React.createElement(GridItemComponentExport, {
|
|
11772
11746
|
localMessageItem: message,
|
|
11773
11747
|
originalMessage,
|
|
11774
|
-
renderMessageComponent
|
|
11775
|
-
...childProps
|
|
11776
|
-
})
|
|
11748
|
+
renderMessageComponent
|
|
11777
11749
|
});
|
|
11778
11750
|
}
|
|
11779
11751
|
function renderSystemMessage(_localMessageItem, message) {
|
|
@@ -13107,8 +13079,9 @@ class MessagesComponent extends PureComponent {
|
|
|
13107
13079
|
}
|
|
13108
13080
|
renderMessage(localMessage, fullMessage, messagesIndex, showBeforeWelcomeNodeElement, isMessageForInput, isFirstMessageItem, isLastMessageItem, lastMessageID) {
|
|
13109
13081
|
const {serviceManager, config, requestInputFocus, persistedToBrowserStorage, config: {public: {assistantName, assistantAvatarUrl}, derived: {languagePack}}, messageState, carbonTheme, useAITheme} = this.props;
|
|
13110
|
-
const
|
|
13111
|
-
const
|
|
13082
|
+
const propsAsState = this.props;
|
|
13083
|
+
const inputState = selectInputState(propsAsState);
|
|
13084
|
+
const {isHumanAgentTyping} = selectHumanAgentDisplayState(propsAsState);
|
|
13112
13085
|
const {isMessageLoadingCounter} = messageState;
|
|
13113
13086
|
const {disclaimersAccepted} = persistedToBrowserStorage;
|
|
13114
13087
|
if (config.public.disclaimer?.isOn && !disclaimersAccepted[window.location.hostname]) {
|
|
@@ -13285,8 +13258,16 @@ class MessagesComponent extends PureComponent {
|
|
|
13285
13258
|
|
|
13286
13259
|
function debugAutoScroll(message, ...args) {}
|
|
13287
13260
|
|
|
13261
|
+
const selectMessagesState = state => ({
|
|
13262
|
+
config: state.config,
|
|
13263
|
+
allMessagesByID: state.allMessagesByID,
|
|
13264
|
+
humanAgentState: state.humanAgentState,
|
|
13265
|
+
persistedToBrowserStorage: state.persistedToBrowserStorage,
|
|
13266
|
+
assistantInputState: state.assistantInputState
|
|
13267
|
+
});
|
|
13268
|
+
|
|
13288
13269
|
const MessagesStateInjector = React.forwardRef((props, ref) => {
|
|
13289
|
-
const state = useSelector(
|
|
13270
|
+
const state = useSelector(selectMessagesState, shallowEqual);
|
|
13290
13271
|
return React.createElement(MessagesComponent, {
|
|
13291
13272
|
ref,
|
|
13292
13273
|
...props,
|
|
@@ -14063,7 +14044,7 @@ const ELEMENT_CONFIGS = [ {
|
|
|
14063
14044
|
className: "cds-custom-aichat--footer-element"
|
|
14064
14045
|
} ];
|
|
14065
14046
|
|
|
14066
|
-
function AppShellWriteableElements({serviceManager, showHomeScreen, renderWriteableElements}) {
|
|
14047
|
+
const AppShellWriteableElements = React.memo(function AppShellWriteableElements({serviceManager, showHomeScreen, renderWriteableElements}) {
|
|
14067
14048
|
const suffix = serviceManager.namespace.suffix;
|
|
14068
14049
|
const hasContentMaxWidth = useSelector(state => state.config.derived.header.hasContentMaxWidth ?? false);
|
|
14069
14050
|
const elements = useMemo(() => ELEMENT_CONFIGS.map(config => {
|
|
@@ -14086,7 +14067,7 @@ function AppShellWriteableElements({serviceManager, showHomeScreen, renderWritea
|
|
|
14086
14067
|
key: props.wrapperSlot,
|
|
14087
14068
|
...props
|
|
14088
14069
|
})));
|
|
14089
|
-
}
|
|
14070
|
+
});
|
|
14090
14071
|
|
|
14091
14072
|
function RequestScreenShareModal() {
|
|
14092
14073
|
const serviceManager = useServiceManager();
|
|
@@ -14778,14 +14759,15 @@ function useCarbonTheme() {
|
|
|
14778
14759
|
};
|
|
14779
14760
|
}
|
|
14780
14761
|
|
|
14781
|
-
const CatastrophicErrorPanel = ({assistantName, languagePack, onRestart}) => {
|
|
14762
|
+
const CatastrophicErrorPanel = ({assistantName, languagePack, title, bodyText, onRestart}) => {
|
|
14782
14763
|
const intl = useIntl();
|
|
14783
14764
|
const {isDarkTheme} = useCarbonTheme();
|
|
14784
|
-
const
|
|
14765
|
+
const errorTitle = useMemo(() => title ?? languagePack.errors_somethingWrong, [ title, languagePack ]);
|
|
14766
|
+
const errorBodyText = useMemo(() => bodyText ?? intl.formatMessage({
|
|
14785
14767
|
id: "errors_communicating"
|
|
14786
14768
|
}, {
|
|
14787
14769
|
assistantName
|
|
14788
|
-
}), [ intl, assistantName ]);
|
|
14770
|
+
}), [ bodyText, intl, assistantName ]);
|
|
14789
14771
|
const Restart = carbonIconToReact(Restart16);
|
|
14790
14772
|
return React.createElement("div", {
|
|
14791
14773
|
className: cx("cds-custom-aichat--catastrophic-error", "cds-custom-aichat--panel-content")
|
|
@@ -14795,7 +14777,7 @@ const CatastrophicErrorPanel = ({assistantName, languagePack, onRestart}) => {
|
|
|
14795
14777
|
theme: isDarkTheme ? "dark" : "light"
|
|
14796
14778
|
}), React.createElement("div", {
|
|
14797
14779
|
className: "cds-custom-aichat--catastrophic-error__error-heading"
|
|
14798
|
-
},
|
|
14780
|
+
}, errorTitle), React.createElement("div", {
|
|
14799
14781
|
className: "cds-custom-aichat--catastrophic-error__error-body"
|
|
14800
14782
|
}, React.createElement(MarkdownWithDefaultsExport, {
|
|
14801
14783
|
text: errorBodyText,
|
|
@@ -14844,7 +14826,7 @@ function isCustomPanelConfigOptions(options) {
|
|
|
14844
14826
|
return typeof legacyOptions.disableDefaultCloseAction === "boolean" || typeof legacyOptions.hideCloseButton === "boolean" || typeof legacyOptions.onClickBack === "function" || typeof legacyOptions.onClickRestart === "function" || typeof legacyOptions.onClickClose === "function";
|
|
14845
14827
|
}
|
|
14846
14828
|
|
|
14847
|
-
function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shouldShowHydrationPanel, onPanelOpenStart, onPanelOpenEnd, onPanelCloseStart, onPanelCloseEnd, onClose, onRestart, onToggleHomeScreen, isHomeScreenActive, customPanelState, customPanelRef, historyPanelState, publicConfig, showDisclaimer, disclaimerRef, onAcceptDisclaimer, responsePanelState, responsePanelRef, requestFocus, iFramePanelState, iframePanelRef, viewSourcePanelState, viewSourcePanelRef, allMessagesByID, inputState, config,
|
|
14829
|
+
const AppShellPanels = React.memo(function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shouldShowHydrationPanel, onPanelOpenStart, onPanelOpenEnd, onPanelCloseStart, onPanelCloseEnd, onClose, onRestart, onToggleHomeScreen, isHomeScreenActive, customPanelState, customPanelRef, historyPanelState, publicConfig, showDisclaimer, disclaimerRef, onAcceptDisclaimer, responsePanelState, responsePanelRef, requestFocus, iFramePanelState, iframePanelRef, viewSourcePanelState, viewSourcePanelRef, allMessagesByID, inputState, config, catastrophicErrorPanelState, assistantName}) {
|
|
14848
14830
|
const disclaimerContent = publicConfig.disclaimer?.isOn ? DisclaimerPanel({
|
|
14849
14831
|
disclaimerHTML: publicConfig.disclaimer?.disclaimerHTML,
|
|
14850
14832
|
disclaimerAcceptButtonRef: disclaimerRef,
|
|
@@ -14863,7 +14845,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
|
|
|
14863
14845
|
slot: "panels"
|
|
14864
14846
|
}, React.createElement(ChatPanel, {
|
|
14865
14847
|
panelAriaLabel: languagePack.aria_catastrophicErrorPanel,
|
|
14866
|
-
open: Boolean(
|
|
14848
|
+
open: Boolean(catastrophicErrorPanelState?.isOpen),
|
|
14867
14849
|
aiEnabled: config.public.aiEnabled ? true : false,
|
|
14868
14850
|
priority: 100,
|
|
14869
14851
|
fullWidth: false,
|
|
@@ -14874,6 +14856,8 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
|
|
|
14874
14856
|
}, React.createElement(CatastrophicErrorPanel, {
|
|
14875
14857
|
assistantName,
|
|
14876
14858
|
languagePack,
|
|
14859
|
+
title: catastrophicErrorPanelState?.title,
|
|
14860
|
+
bodyText: catastrophicErrorPanelState?.bodyText,
|
|
14877
14861
|
onRestart
|
|
14878
14862
|
}))), React.createElement(ChatPanel, {
|
|
14879
14863
|
panelAriaLabel: languagePack.aria_hydrationPanel,
|
|
@@ -15117,7 +15101,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
|
|
|
15117
15101
|
className: "cds-custom-aichat--history-panel__content-container"
|
|
15118
15102
|
})
|
|
15119
15103
|
})));
|
|
15120
|
-
}
|
|
15104
|
+
});
|
|
15121
15105
|
|
|
15122
15106
|
function useMobileViewportLayout({enabled, isOpen, margin = 4}) {
|
|
15123
15107
|
const [visualViewportMetrics, setVisualViewportMetrics] = useState(null);
|
|
@@ -15244,11 +15228,14 @@ function useMobileViewportLayout({enabled, isOpen, margin = 4}) {
|
|
|
15244
15228
|
};
|
|
15245
15229
|
}
|
|
15246
15230
|
|
|
15231
|
+
const CLOSE_ANIMATION_TIMEOUT_MS = 500;
|
|
15232
|
+
|
|
15247
15233
|
function useWindowOpenState({viewStateMainWindow, isHydrated, useCustomHostElement, requestFocus}) {
|
|
15248
15234
|
const [open, setOpen] = useState(viewStateMainWindow);
|
|
15249
15235
|
const [closing, setClosing] = useState(false);
|
|
15250
15236
|
const [isHydrationAnimationComplete, setIsHydrationAnimationComplete] = useState(isHydrated);
|
|
15251
15237
|
const widgetContainerRef = useRef(null);
|
|
15238
|
+
const closeTimeoutRef = useRef(null);
|
|
15252
15239
|
const prevIsHydrated = usePrevious(isHydrated);
|
|
15253
15240
|
const prevViewState = usePrevious({
|
|
15254
15241
|
mainWindow: viewStateMainWindow
|
|
@@ -15258,6 +15245,10 @@ function useWindowOpenState({viewStateMainWindow, isHydrated, useCustomHostEleme
|
|
|
15258
15245
|
if (widgetEl) {
|
|
15259
15246
|
widgetEl.removeEventListener("animationend", removeChatFromDom);
|
|
15260
15247
|
}
|
|
15248
|
+
if (closeTimeoutRef.current !== null) {
|
|
15249
|
+
clearTimeout(closeTimeoutRef.current);
|
|
15250
|
+
closeTimeoutRef.current = null;
|
|
15251
|
+
}
|
|
15261
15252
|
setOpen(false);
|
|
15262
15253
|
setClosing(false);
|
|
15263
15254
|
}, []);
|
|
@@ -15276,10 +15267,12 @@ function useWindowOpenState({viewStateMainWindow, isHydrated, useCustomHostEleme
|
|
|
15276
15267
|
requestFocus();
|
|
15277
15268
|
} else if (!viewStateMainWindow && previouslyOpen && open) {
|
|
15278
15269
|
setClosing(true);
|
|
15279
|
-
|
|
15270
|
+
const widgetEl = widgetContainerRef.current;
|
|
15271
|
+
if (useCustomHostElement || prefersReducedMotion() || !widgetEl) {
|
|
15280
15272
|
removeChatFromDom();
|
|
15281
15273
|
} else {
|
|
15282
|
-
|
|
15274
|
+
widgetEl.addEventListener("animationend", removeChatFromDom);
|
|
15275
|
+
closeTimeoutRef.current = setTimeout(removeChatFromDom, CLOSE_ANIMATION_TIMEOUT_MS);
|
|
15283
15276
|
requestFocus();
|
|
15284
15277
|
}
|
|
15285
15278
|
}
|
|
@@ -15461,11 +15454,11 @@ function usePanelCallbacks({requestFocus}) {
|
|
|
15461
15454
|
};
|
|
15462
15455
|
}
|
|
15463
15456
|
|
|
15464
|
-
function useInputCallbacks({serviceManager,
|
|
15457
|
+
function useInputCallbacks({serviceManager, inputState, agentDisplayState, isHydrated, messagesRef, humanAgentFileUploadInProgress}) {
|
|
15465
15458
|
const onSendInput = useCallback(async (text, source, options) => {
|
|
15466
|
-
const
|
|
15467
|
-
const
|
|
15468
|
-
const {files} = selectInputState(
|
|
15459
|
+
const currentState = serviceManager.store.getState();
|
|
15460
|
+
const isInputToHumanAgent = selectIsInputToHumanAgent(currentState);
|
|
15461
|
+
const {files} = selectInputState(currentState);
|
|
15469
15462
|
if (isInputToHumanAgent) {
|
|
15470
15463
|
serviceManager.humanAgentService.sendMessageToAgent(text, files);
|
|
15471
15464
|
} else {
|
|
@@ -15478,7 +15471,7 @@ function useInputCallbacks({serviceManager, appState, inputState, agentDisplaySt
|
|
|
15478
15471
|
if (files.length) {
|
|
15479
15472
|
serviceManager.store.dispatch(actions.clearInputFiles(isInputToHumanAgent));
|
|
15480
15473
|
}
|
|
15481
|
-
}, [
|
|
15474
|
+
}, [ serviceManager ]);
|
|
15482
15475
|
const onRestart = useCallback(async () => {
|
|
15483
15476
|
await serviceManager.actions.restartConversation();
|
|
15484
15477
|
}, [ serviceManager ]);
|
|
@@ -15519,9 +15512,9 @@ function useInputCallbacks({serviceManager, appState, inputState, agentDisplaySt
|
|
|
15519
15512
|
const shouldDisableSend = useCallback(() => shouldDisableInput() || !isHydrated, [ shouldDisableInput, isHydrated ]);
|
|
15520
15513
|
const showUploadButtonDisabled = useMemo(() => {
|
|
15521
15514
|
const numFiles = inputState.files?.length ?? 0;
|
|
15522
|
-
const anyCurrentFiles = numFiles > 0 ||
|
|
15515
|
+
const anyCurrentFiles = numFiles > 0 || humanAgentFileUploadInProgress;
|
|
15523
15516
|
return anyCurrentFiles && !inputState.allowMultipleFileUploads;
|
|
15524
|
-
}, [ inputState.files, inputState.allowMultipleFileUploads,
|
|
15517
|
+
}, [ inputState.files, inputState.allowMultipleFileUploads, humanAgentFileUploadInProgress ]);
|
|
15525
15518
|
return {
|
|
15526
15519
|
onSendInput,
|
|
15527
15520
|
onRestart,
|
|
@@ -15567,7 +15560,7 @@ function calculateChatWidthBreakpoint(width) {
|
|
|
15567
15560
|
return ChatWidthBreakpoint.NARROW;
|
|
15568
15561
|
}
|
|
15569
15562
|
|
|
15570
|
-
var css_248z = "@charset \"UTF-8\";\n.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 --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-size:1em;\n vertical-align:baseline;\n}\n\nbutton,\nselect,\ninput,\ntextarea{\n border-radius:0;\n font-family:inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection{\n display:block;\n}\n\nol,\nul{\n list-style:none;\n}\n\nblockquote,\nq{\n quotes:none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after{\n content:none;\n}\n\ntable{\n border-collapse:collapse;\n border-spacing:0;\n}\n\n:host{\n block-size:100%;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n}\n:host .cds-custom-aichat-float--open{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host{\n}\n:host .cds-custom-aichat-float--opening{\n animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--opening:not(.cds-custom-aichat-float--mobile){\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--closing{\n animation:cds-custom-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat-float--closing{\n animation:none;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--close{\n display:none;\n overflow:hidden;\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat-float--mobile{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:100%;\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n@keyframes cds-custom-aichat-float-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-float-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header-bottom-element.cds-custom-aichat--header-constrain-width{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--header__container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-start-end-radius:var(--cds-aichat-border-radius-start-end, 0);\n border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host .cds-custom-aichat--header__container.cds-custom-aichat--header-constrain-width{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__container:not(.cds-custom-aichat--header-constrain-width){\n margin-inline-end:1rem;\n margin-inline-start:1rem;\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 .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{\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 .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{\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 box-sizing:border-box;\n padding:0 2rem 0 2rem;\n color:var(--cds-text-primary, #161616);\n min-block-size:100%;\n}\n:host .cds-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__footer{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--disclaimer__accept-button{\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--wide-width 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__footer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__footer{\n justify-content:stretch;\n}\n:host .cds-custom-aichat--narrow-width cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n margin-inline-start:0;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-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--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{\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}\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:host .cds-custom-aichat--i-frame-panel,\n:host .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--custom-panel{\n box-sizing:border-box;\n block-size:100%;\n border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n border-start-end-radius:var(--cds-aichat-border-radius-start-end, 0);\n border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host{\n}\n:host .cds-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(0, 0, 0, 0.6));\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-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-aichat-messages-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--modal-host{\n position:fixed;\n z-index:calc(var(--cds-aichat-z-index, 99999) + 1);\n display:none;\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--modal-host:has(> *){\n display:block;\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\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--widget--max-width .cds-custom-aichat--home-screen__home-screen-bottom-element,\n:host .cds-custom-aichat--home-screen{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--home-screen{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\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 .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: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: 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:host .cds-custom-aichat--home-screen__starter-wrapper{\n display:block;\n margin-block-end:0.75rem;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:last-child{\n margin-block-end:0;\n}\n:host cds-custom-aichat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n max-inline-size:100%;\n will-change:opacity;\n word-break:break-word;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(1){\n --cds-aichat-homescreen-starter-index:1;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(2){\n --cds-aichat-homescreen-starter-index:2;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(3){\n --cds-aichat-homescreen-starter-index:3;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(4){\n --cds-aichat-homescreen-starter-index:4;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(5){\n --cds-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starter-wrapper{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-aichat-homescreen-starter-index) * 120ms) both;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group .cds-custom-aichat--home-screen__starter-wrapper{\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: 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 display:block;\n margin-block-end:1rem;\n margin-block-start:auto;\n margin-inline:auto;\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{\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-in-up-back-button{\n 0%{\n opacity:0;\n transform:translateY(2rem);\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-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{\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 .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 .cds-custom--popover--bottom:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:-0.25rem;\n}\n:host .cds-custom--popover--top:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:-0.25rem;\n}\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem);\n}\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(100% + 0.25rem);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(100% + 0.25rem);\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 display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-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::-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__button svg{\n fill:var(--cds-icon-primary, #161616);\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 display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-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::-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:focus{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n}\n:host .cds-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--btn-set--fluid{\n container-type:inline-size;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner{\n --flex-direction:row;\n display:flex;\n flex-direction:var(--flex-direction);\n align-items:stretch;\n justify-content:flex-end;\n inline-size:100%;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn{\n flex:0 1 25%;\n max-inline-size:14.5rem;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack .cds-custom--btn{\n min-inline-size:11rem;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn--ghost,\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn--danger--ghost{\n flex:1 1 25%;\n max-inline-size:none;\n padding-inline-start:2rem;\n}\n@container (width <= 11rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 22rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 33rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 44rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 44rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds-custom--btn{\n flex-basis:50%;\n max-inline-size:none;\n }\n}\n@container (width <= 33rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds-custom--btn{\n flex:1 1 100%;\n max-inline-size:none;\n }\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 padding:2px;\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}\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-aichat-messages-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--input-and-completions{\n position:relative;\n border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n inline-size:100%;\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n box-sizing:border-box;\n flex-wrap:wrap;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n min-block-size:0;\n outline:2px solid transparent;\n outline-offset:-2px;\n padding-block:0.75rem;\n padding-inline:1rem 0.5rem;\n}\n:host .cds-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--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat--container-disable-mobile-enhancements .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions,\n:host .cds-custom-aichat--container--render:not(.cds-custom-aichat--is-phone-portrait-mode) .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions{\n margin:0 auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat--container-disable-mobile-enhancements .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-container,\n:host .cds-custom-aichat--container--render:not(.cds-custom-aichat--is-phone-portrait-mode) .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\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 display:flex;\n flex-basis:100%;\n flex-wrap:wrap;\n inline-size:100%;\n margin-block-start:0.5rem;\n max-block-size:200px;\n overflow-x:hidden;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0.5rem;\n margin-inline-end:0.5rem;\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-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__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 .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 order:1;\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--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{\n position:relative;\n z-index:2;\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--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--text-area-placeholder{\n position:absolute;\n z-index:1;\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n inset:0;\n pointer-events:none;\n white-space:pre-wrap;\n word-wrap:break-word;\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-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--input-container__send-button-container{\n order: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[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\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 fill:var(--cds-interactive, #0f62fe);\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-aichat--before-input-element{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat-launcher{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher{\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n:host [dir=rtl] .cds-custom-aichat-launcher{\n inset-inline:var(--cds-aichat-launcher-position-right, 2rem) unset;\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--hidden{\n visibility:hidden;\n}\n:host{\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n:host .cds-custom-aichat-launcher{\n border-radius:28px;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher{\n transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n}\n:host .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-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n color:var(--cds-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n min-block-size:20px;\n min-inline-size:20px;\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n position:static;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border-radius:28px;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n@media (prefers-reduced-motion: no-preference){\n :host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background 250ms ease-in-out, transform 150ms ease;\n }\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-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__wrapper{\n display:flex;\n}\n:host .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n overflow:hidden;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n inline-size:0;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n inline-size:calc(100% - 12px);\n inset-block-end:0;\n opacity:0;\n word-break:break-word;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-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-button.cds-custom-aichat--launcher-extended__close-button{\n position:absolute;\n z-index:2;\n inset-block-start:-24px;\n inset-inline-end:0;\n transform:translate(50%, 50%);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__close-button::part(button){\n padding:0;\n border-radius:50%;\n block-size:24px;\n inline-size:24px;\n}\n:host{\n}\n@keyframes cds-custom-aichat-launcher-opening-text-holder{\n from{\n inline-size:0;\n }\n to{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-closing-text-holder{\n from{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n to{\n inline-size:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-opening-greeting{\n from{\n opacity:0;\n }\n to{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-closing-greeting{\n from{\n opacity:1;\n }\n to{\n opacity:0;\n }\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher--opening .cds-custom-aichat--launcher-extended__text-holder{\n animation:cds-custom-aichat-launcher-opening-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n }\n :host .cds-custom-aichat-launcher--opening .cds-custom-aichat--launcher-extended__greeting{\n animation:cds-custom-aichat-launcher-opening-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n animation-delay:240ms;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--open .cds-custom-aichat--launcher-extended__text-holder{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat-launcher--open .cds-custom-aichat--launcher-extended__greeting{\n opacity:1;\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher--closing .cds-custom-aichat--launcher-extended__greeting{\n animation:cds-custom-aichat-launcher-closing-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n }\n :host .cds-custom-aichat-launcher--closing .cds-custom-aichat--launcher-extended__text-holder{\n animation:cds-custom-aichat-launcher-closing-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n animation-delay:70ms;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--closed .cds-custom-aichat--launcher-extended__text-holder{\n display:none;\n inline-size:0;\n}\n:host .cds-custom-aichat-launcher--closed .cds-custom-aichat--launcher-extended__greeting{\n opacity:0;\n}\n:host .cds-custom-aichat-launcher--closed .cds-custom-aichat--launcher-extended__close-button{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--opening,\n:host .cds-custom-aichat-launcher--open{\n inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host .cds-custom-aichat-launcher--opening cds-custom-button.cds-custom-aichat--launcher__button::part(button),\n:host .cds-custom-aichat-launcher--open cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--closing,\n:host .cds-custom-aichat-launcher--closed{\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host .cds-custom-aichat-launcher--closing cds-custom-button.cds-custom-aichat--launcher__button::part(button),\n:host .cds-custom-aichat-launcher--closed cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host [dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host [dir=rtl] cds-custom-button.cds-custom-aichat--launcher-extended__close-button{\n transform:translate(-50%, 50%);\n}\n:host [dir=rtl] .cds-custom-aichat-launcher .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host [dir=rtl] .cds-custom-aichat-launcher .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host [dir=rtl] cds-custom-button.cds-custom-aichat--launcher__button,\n:host [dir=rtl] cds-custom-button.cds-custom-aichat--launcher-extended__close-button{\n direction:ltr;\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-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:host .cds-custom-aichat-preview-card__sm{\n max-inline-size:18.1875rem;\n}\n:host .cds-custom-aichat-preview-card [slot=body]{\n padding:1rem;\n}\n:host .cds-custom-aichat-preview-card [slot=body] .cds-custom-aichat-preview-card--title{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n margin-block-end:0.125rem;\n}\n:host .cds-custom-aichat-preview-card [slot=body] .cds-custom-aichat-preview-card--subtitle{\n font-size:var(--cds-helper-text-01-font-size, 0.75rem);\n line-height:var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px);\n color:var(--cds-text-secondary, #525252);\n}\n:host{\n}\n:host :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-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-slides-offset-before);\n scroll-margin-inline-start:var(--swiper-slides-offset-before);\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child{\n margin-inline-end:var(--swiper-slides-offset-after);\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-slides-offset-before);\n scroll-margin-block-start:var(--swiper-slides-offset-before);\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child{\n margin-block-end:var(--swiper-slides-offset-after);\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-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--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide{\n max-inline-size:100%;\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:12px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-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--conversational-search-text__CitationsToggleContainer{\n padding-block-start:0.75rem;\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 .cds-custom-aichat--grid .cds-custom-aichat--media-player__root .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\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@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:host .cds-custom-aichat--image__image--loaded{\n block-size:auto;\n opacity:1;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-aichat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n}\n:host{\n}\n:host .cds-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:0.5rem;\n background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n block-size:calc(1rem + 0.75rem * 2);\n color:var(--cds-icon-on-color, #ffffff);\n fill:var(--cds-icon-on-color, #ffffff);\n inline-size:calc(1rem + 0.75rem * 2);\n}\n:host svg.cds-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--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 .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width .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--body-message-components__message-wrapper--full-width .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--body-message-components__message-wrapper--full-width .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host{\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-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--clickable-image{\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\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:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\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-aichat-card .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-aichat-card .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-card .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-card .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-aichat-card .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-aichat-card .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-aichat-card .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-card .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--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--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--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--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-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .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-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .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--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--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-aichat-border-radius-end-end, 0) - 0.0625rem);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--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,\n.cds-custom-aichat--widget--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--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,\n.cds-custom-aichat--widget--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--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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-aichat-card{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-aichat-card,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-aichat-card{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:none;\n }\n}\n:host .cds-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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-aichat-card{\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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-aichat-card{\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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-aichat-card{\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 background-color:var(--cds-background, #ffffff);\n block-size:100%;\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--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n text-align:center;\n}\n:host .cds-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--system-message-standalone{\n display:flex;\n align-items:center;\n justify-content:center;\n margin:2rem 1rem 0 1rem;\n}\n:host .cds-custom-aichat--system-message-standalone-text{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n text-align:center;\n}\n:host .cds-custom-aichat--received .cds-custom-aichat--system-message-inline,\n:host .cds-custom-aichat--sent .cds-custom-aichat--system-message-inline{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n text-align:center;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-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 --cds-aichat-border-radius-start-start:0;\n --cds-aichat-border-radius-start-end:0;\n --cds-aichat-border-radius-end-start:0;\n --cds-aichat-border-radius-end-end:0;\n}\n:host .cds-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.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@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--message .cds-custom-aichat--received .cds-custom-aichat--message .cds-custom-aichat--received,\n :host .cds-custom-aichat--message .cds-custom-aichat--received .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n :host .cds-custom-aichat--message .cds-custom-aichat--sent-container .cds-custom-aichat--message .cds-custom-aichat--received,\n :host .cds-custom-aichat--message .cds-custom-aichat--sent-container .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n :host .cds-custom-aichat--message .cds-custom-aichat--received .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 .cds-custom-aichat--sent-container .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n transition:margin-block-start 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n :host .cds-custom-aichat--message .cds-custom-aichat--received .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n :host .cds-custom-aichat--message .cds-custom-aichat--sent-container .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\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.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@keyframes cds-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\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-aichat-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__reasoning{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__reasoning-separator{\n color:var(--cds-text-secondary, #525252);\n margin-inline-end:0.5rem;\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--received--chain-of-thought{\n margin-block-start:0.75rem;\n}\n:host .cds-custom-aichat--message__reasoning-steps{\n display:none;\n}\n:host .cds-custom-aichat--message__reasoning-steps--open{\n display:block;\n padding-block-end:0.75rem;\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--container--render{\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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 .cds-custom-aichat--container--render :where(cds-custom-aichat-shell){\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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 .cds-custom-aichat--container--render{\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).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, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).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.5rem;\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:1rem;\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]){\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:1rem;\n}\n:host .cds-custom-aichat--container--render{\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[show-workspace]) .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--message-footer{\n display:flex;\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--typing-indicator--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-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:absolute;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n outline:none;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--messages--scroll-handle-desktop{\n overflow:hidden;\n padding:0 1rem;\n margin:auto;\n block-size:0;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages--scroll-handle-desktop:focus{\n padding:1rem;\n block-size:auto;\n pointer-events:auto;\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-aichat-messages-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@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\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 block-size:32px;\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n opacity:0;\n padding-inline-start:0.125rem;\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--processing-label{\n animation:cds-custom-aichat-fade-in 600ms forwards;\n animation-delay:1200ms;\n }\n}\n:host .cds-custom-aichat__scroll-to-bottom{\n position:sticky;\n z-index:1;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:50%;\n margin-block-start:-2rem;\n transform:translateX(-50%);\n}\n:host .cds-custom-aichat__scroll-to-bottom-button--hidden{\n display:none;\n}\n:host{\n}\n:host :root{\n --cds-aichat-messages-max-width:672px;\n --cds-aichat-messages-min-width:320px;\n --cds-aichat-workspace-min-width:480px;\n --cds-aichat-history-width:320px;\n --cds-aichat-card-max-width:424px;\n --cds-aichat-border-radius:0;\n --cds-aichat-card-border-radius:0.5rem;\n --cds-aichat-border-radius:0;\n --cds-aichat-border-radius-start-start:0.5rem;\n --cds-aichat-border-radius-start-end:0.5rem;\n --cds-aichat-border-radius-end-start:0.5rem;\n --cds-aichat-border-radius-end-end:0.5rem;\n}\n:host .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n --cds-aichat-max-height:640px;\n --cds-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-aichat-bottom-position))\n );\n --cds-aichat-bottom-position:3rem;\n --cds-aichat-right-position:2rem;\n --cds-aichat-top-position:auto;\n --cds-aichat-left-position:auto;\n --cds-aichat-width:min(380px, var(--cds-aichat-max-width));\n --cds-aichat-height:calc(100vh - (2 * 2rem));\n --cds-aichat-z-index:99999;\n --cds-aichat-launcher-default-size:56px;\n --cds-aichat-launcher-position-bottom:3rem;\n --cds-aichat-launcher-position-right:2rem;\n --cds-aichat-launcher-extended-width:280px;\n --cds-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat--is-phone{\n --cds-aichat-width:calc(100vw - 4px);\n --cds-aichat-height:calc(100vh - 4px);\n --cds-aichat-left-position:2;\n --cds-aichat-top-position:2;\n --cds-aichat-max-width:auto;\n --cds-aichat-max-height:auto;\n --cds-aichat-min-height:auto;\n --cds-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat--is-phone{\n --cds-aichat-width:calc(100dvw - 4px);\n --cds-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-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-agent-text:#161616;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-bubble-user-text:#161616;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-header-text:#161616;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-prompt-text:#161616;\n --cds-chat-shell-background:#ffffff;\n --cds-color-scheme:light;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#697077;\n --cds-syntax-annotation:#007d79;\n --cds-syntax-arithmetic-operator:#343a3f;\n --cds-syntax-atom:#161616;\n --cds-syntax-attribute:#00539a;\n --cds-syntax-attribute-name:#00539a;\n --cds-syntax-attribute-value:#161616;\n --cds-syntax-bitwise-operator:#343a3f;\n --cds-syntax-block-comment:#198038;\n --cds-syntax-bool:#161616;\n --cds-syntax-brace:#343a3f;\n --cds-syntax-bracket:#343a3f;\n --cds-syntax-character:#161616;\n --cds-syntax-class-name:#007d79;\n --cds-syntax-color:#161616;\n --cds-syntax-comment:#198038;\n --cds-syntax-compare-operator:#343a3f;\n --cds-syntax-constant:#0f62fe;\n --cds-syntax-content:#161616;\n --cds-syntax-content-separator:#343a3f;\n --cds-syntax-control-keyword:#6929c4;\n --cds-syntax-control-operator:#6929c4;\n --cds-syntax-definition:#00539a;\n --cds-syntax-definition-keyword:#00539a;\n --cds-syntax-definition-operator:#00539a;\n --cds-syntax-deref-operator:#343a3f;\n --cds-syntax-doc-comment:#198038;\n --cds-syntax-doc-string:#161616;\n --cds-syntax-document-meta:#198038;\n --cds-syntax-emphasis:#161616;\n --cds-syntax-escape:#343a3f;\n --cds-syntax-float:#198038;\n --cds-syntax-function:#8e6a00;\n --cds-syntax-heading:#00539a;\n --cds-syntax-heading-1:#00539a;\n --cds-syntax-heading-2:#00539a;\n --cds-syntax-heading-3:#00539a;\n --cds-syntax-heading-4:#00539a;\n --cds-syntax-heading-5:#00539a;\n --cds-syntax-heading-6:#00539a;\n --cds-syntax-integer:#198038;\n --cds-syntax-invalid:#da1e28;\n --cds-syntax-keyword:#0f62fe;\n --cds-syntax-label-name:#0f62fe;\n --cds-syntax-line-comment:#198038;\n --cds-syntax-link:#0f62fe;\n --cds-syntax-list:#161616;\n --cds-syntax-literal:#161616;\n --cds-syntax-local:#0f62fe;\n --cds-syntax-logic-operator:#343a3f;\n --cds-syntax-macro-name:#161616;\n --cds-syntax-meta:#198038;\n --cds-syntax-modifier:#0f62fe;\n --cds-syntax-module-keyword:#6929c4;\n --cds-syntax-monospace:#161616;\n --cds-syntax-name:#0f62fe;\n --cds-syntax-namespace:#007d79;\n --cds-syntax-null:#161616;\n --cds-syntax-number:#198038;\n --cds-syntax-operator:#343a3f;\n --cds-syntax-operator-keyword:#0f62fe;\n --cds-syntax-paren:#343a3f;\n --cds-syntax-processing-instruction:#161616;\n --cds-syntax-property-name:#00539a;\n --cds-syntax-punctuation:#343a3f;\n --cds-syntax-quote:#198038;\n --cds-syntax-regexp:#6929c4;\n --cds-syntax-self:#007d79;\n --cds-syntax-separator:#343a3f;\n --cds-syntax-special:#0f62fe;\n --cds-syntax-special-string:#8a3ffc;\n --cds-syntax-square-bracket:#343a3f;\n --cds-syntax-standard:#0f62fe;\n --cds-syntax-strikethrough:#161616;\n --cds-syntax-string:#161616;\n --cds-syntax-strong:#161616;\n --cds-syntax-tag:#007d79;\n --cds-syntax-tag-name:#007d79;\n --cds-syntax-type:#007d79;\n --cds-syntax-type-name:#007d79;\n --cds-syntax-type-operator:#007d79;\n --cds-syntax-unit:#198038;\n --cds-syntax-update-operator:#343a3f;\n --cds-syntax-url:#343a3f;\n --cds-syntax-variable:#0f62fe;\n --cds-syntax-variable-name:#0f62fe;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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-agent-text:#161616;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-bubble-user-text:#161616;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-header-text:#161616;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-prompt-text:#161616;\n --cds-chat-shell-background:#ffffff;\n --cds-color-scheme:light;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#697077;\n --cds-syntax-annotation:#007d79;\n --cds-syntax-arithmetic-operator:#343a3f;\n --cds-syntax-atom:#161616;\n --cds-syntax-attribute:#00539a;\n --cds-syntax-attribute-name:#00539a;\n --cds-syntax-attribute-value:#161616;\n --cds-syntax-bitwise-operator:#343a3f;\n --cds-syntax-block-comment:#198038;\n --cds-syntax-bool:#161616;\n --cds-syntax-brace:#343a3f;\n --cds-syntax-bracket:#343a3f;\n --cds-syntax-character:#161616;\n --cds-syntax-class-name:#007d79;\n --cds-syntax-color:#161616;\n --cds-syntax-comment:#198038;\n --cds-syntax-compare-operator:#343a3f;\n --cds-syntax-constant:#0f62fe;\n --cds-syntax-content:#161616;\n --cds-syntax-content-separator:#343a3f;\n --cds-syntax-control-keyword:#6929c4;\n --cds-syntax-control-operator:#6929c4;\n --cds-syntax-definition:#00539a;\n --cds-syntax-definition-keyword:#00539a;\n --cds-syntax-definition-operator:#00539a;\n --cds-syntax-deref-operator:#343a3f;\n --cds-syntax-doc-comment:#198038;\n --cds-syntax-doc-string:#161616;\n --cds-syntax-document-meta:#198038;\n --cds-syntax-emphasis:#161616;\n --cds-syntax-escape:#343a3f;\n --cds-syntax-float:#198038;\n --cds-syntax-function:#8e6a00;\n --cds-syntax-heading:#00539a;\n --cds-syntax-heading-1:#00539a;\n --cds-syntax-heading-2:#00539a;\n --cds-syntax-heading-3:#00539a;\n --cds-syntax-heading-4:#00539a;\n --cds-syntax-heading-5:#00539a;\n --cds-syntax-heading-6:#00539a;\n --cds-syntax-integer:#198038;\n --cds-syntax-invalid:#da1e28;\n --cds-syntax-keyword:#0f62fe;\n --cds-syntax-label-name:#0f62fe;\n --cds-syntax-line-comment:#198038;\n --cds-syntax-link:#0f62fe;\n --cds-syntax-list:#161616;\n --cds-syntax-literal:#161616;\n --cds-syntax-local:#0f62fe;\n --cds-syntax-logic-operator:#343a3f;\n --cds-syntax-macro-name:#161616;\n --cds-syntax-meta:#198038;\n --cds-syntax-modifier:#0f62fe;\n --cds-syntax-module-keyword:#6929c4;\n --cds-syntax-monospace:#161616;\n --cds-syntax-name:#0f62fe;\n --cds-syntax-namespace:#007d79;\n --cds-syntax-null:#161616;\n --cds-syntax-number:#198038;\n --cds-syntax-operator:#343a3f;\n --cds-syntax-operator-keyword:#0f62fe;\n --cds-syntax-paren:#343a3f;\n --cds-syntax-processing-instruction:#161616;\n --cds-syntax-property-name:#00539a;\n --cds-syntax-punctuation:#343a3f;\n --cds-syntax-quote:#198038;\n --cds-syntax-regexp:#6929c4;\n --cds-syntax-self:#007d79;\n --cds-syntax-separator:#343a3f;\n --cds-syntax-special:#0f62fe;\n --cds-syntax-special-string:#8a3ffc;\n --cds-syntax-square-bracket:#343a3f;\n --cds-syntax-standard:#0f62fe;\n --cds-syntax-strikethrough:#161616;\n --cds-syntax-string:#161616;\n --cds-syntax-strong:#161616;\n --cds-syntax-tag:#007d79;\n --cds-syntax-tag-name:#007d79;\n --cds-syntax-type:#007d79;\n --cds-syntax-type-name:#007d79;\n --cds-syntax-type-operator:#007d79;\n --cds-syntax-unit:#198038;\n --cds-syntax-update-operator:#343a3f;\n --cds-syntax-url:#343a3f;\n --cds-syntax-variable:#0f62fe;\n --cds-syntax-variable-name:#0f62fe;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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-agent-text:#f4f4f4;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-bubble-user-text:#f4f4f4;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-header-text:#f4f4f4;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-prompt-text:#f4f4f4;\n --cds-chat-shell-background:#262626;\n --cds-color-scheme:dark;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#8d8d8d;\n --cds-syntax-annotation:#08bdba;\n --cds-syntax-arithmetic-operator:#e0e0e0;\n --cds-syntax-atom:#f4f4f4;\n --cds-syntax-attribute:#33b1ff;\n --cds-syntax-attribute-name:#33b1ff;\n --cds-syntax-attribute-value:#f4f4f4;\n --cds-syntax-bitwise-operator:#e0e0e0;\n --cds-syntax-block-comment:#42be65;\n --cds-syntax-bool:#f4f4f4;\n --cds-syntax-brace:#e0e0e0;\n --cds-syntax-bracket:#e0e0e0;\n --cds-syntax-character:#f4f4f4;\n --cds-syntax-class-name:#3ddbd9;\n --cds-syntax-color:#f4f4f4;\n --cds-syntax-comment:#42be65;\n --cds-syntax-compare-operator:#e0e0e0;\n --cds-syntax-constant:#4589ff;\n --cds-syntax-content:#f4f4f4;\n --cds-syntax-content-separator:#e0e0e0;\n --cds-syntax-control-keyword:#be95ff;\n --cds-syntax-control-operator:#be95ff;\n --cds-syntax-definition:#33b1ff;\n --cds-syntax-definition-keyword:#33b1ff;\n --cds-syntax-definition-operator:#33b1ff;\n --cds-syntax-deref-operator:#e0e0e0;\n --cds-syntax-doc-comment:#42be65;\n --cds-syntax-doc-string:#f4f4f4;\n --cds-syntax-document-meta:#42be65;\n --cds-syntax-emphasis:#f4f4f4;\n --cds-syntax-escape:#e0e0e0;\n --cds-syntax-float:#6fdc8c;\n --cds-syntax-function:#f1c21b;\n --cds-syntax-heading:#33b1ff;\n --cds-syntax-heading-1:#33b1ff;\n --cds-syntax-heading-2:#33b1ff;\n --cds-syntax-heading-3:#33b1ff;\n --cds-syntax-heading-4:#33b1ff;\n --cds-syntax-heading-5:#33b1ff;\n --cds-syntax-heading-6:#33b1ff;\n --cds-syntax-integer:#6fdc8c;\n --cds-syntax-invalid:#fa4d56;\n --cds-syntax-keyword:#4589ff;\n --cds-syntax-label-name:#a6c8ff;\n --cds-syntax-line-comment:#42be65;\n --cds-syntax-link:#4589ff;\n --cds-syntax-list:#f4f4f4;\n --cds-syntax-literal:#f4f4f4;\n --cds-syntax-local:#a6c8ff;\n --cds-syntax-logic-operator:#e0e0e0;\n --cds-syntax-macro-name:#f4f4f4;\n --cds-syntax-meta:#42be65;\n --cds-syntax-modifier:#4589ff;\n --cds-syntax-module-keyword:#be95ff;\n --cds-syntax-monospace:#f4f4f4;\n --cds-syntax-name:#a6c8ff;\n --cds-syntax-namespace:#3ddbd9;\n --cds-syntax-null:#f4f4f4;\n --cds-syntax-number:#6fdc8c;\n --cds-syntax-operator:#e0e0e0;\n --cds-syntax-operator-keyword:#4589ff;\n --cds-syntax-paren:#e0e0e0;\n --cds-syntax-processing-instruction:#f4f4f4;\n --cds-syntax-property-name:#33b1ff;\n --cds-syntax-punctuation:#e0e0e0;\n --cds-syntax-quote:#42be65;\n --cds-syntax-regexp:#be95ff;\n --cds-syntax-self:#3ddbd9;\n --cds-syntax-separator:#e0e0e0;\n --cds-syntax-special:#4589ff;\n --cds-syntax-special-string:#be95ff;\n --cds-syntax-square-bracket:#e0e0e0;\n --cds-syntax-standard:#4589ff;\n --cds-syntax-strikethrough:#f4f4f4;\n --cds-syntax-string:#f4f4f4;\n --cds-syntax-strong:#f4f4f4;\n --cds-syntax-tag:#3ddbd9;\n --cds-syntax-tag-name:#3ddbd9;\n --cds-syntax-type:#3ddbd9;\n --cds-syntax-type-name:#3ddbd9;\n --cds-syntax-type-operator:#3ddbd9;\n --cds-syntax-unit:#6fdc8c;\n --cds-syntax-update-operator:#e0e0e0;\n --cds-syntax-url:#e0e0e0;\n --cds-syntax-variable:#a6c8ff;\n --cds-syntax-variable-name:#a6c8ff;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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-agent-text:#f4f4f4;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-bubble-user-text:#f4f4f4;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-header-text:#f4f4f4;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-prompt-text:#f4f4f4;\n --cds-chat-shell-background:#262626;\n --cds-color-scheme:dark;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#292929;\n --cds-skeleton-element:#393939;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#fa4d56;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#8d8d8d;\n --cds-syntax-annotation:#08bdba;\n --cds-syntax-arithmetic-operator:#e0e0e0;\n --cds-syntax-atom:#f4f4f4;\n --cds-syntax-attribute:#33b1ff;\n --cds-syntax-attribute-name:#33b1ff;\n --cds-syntax-attribute-value:#f4f4f4;\n --cds-syntax-bitwise-operator:#e0e0e0;\n --cds-syntax-block-comment:#42be65;\n --cds-syntax-bool:#f4f4f4;\n --cds-syntax-brace:#e0e0e0;\n --cds-syntax-bracket:#e0e0e0;\n --cds-syntax-character:#f4f4f4;\n --cds-syntax-class-name:#3ddbd9;\n --cds-syntax-color:#f4f4f4;\n --cds-syntax-comment:#42be65;\n --cds-syntax-compare-operator:#e0e0e0;\n --cds-syntax-constant:#4589ff;\n --cds-syntax-content:#f4f4f4;\n --cds-syntax-content-separator:#e0e0e0;\n --cds-syntax-control-keyword:#be95ff;\n --cds-syntax-control-operator:#be95ff;\n --cds-syntax-definition:#33b1ff;\n --cds-syntax-definition-keyword:#33b1ff;\n --cds-syntax-definition-operator:#33b1ff;\n --cds-syntax-deref-operator:#e0e0e0;\n --cds-syntax-doc-comment:#42be65;\n --cds-syntax-doc-string:#f4f4f4;\n --cds-syntax-document-meta:#42be65;\n --cds-syntax-emphasis:#f4f4f4;\n --cds-syntax-escape:#e0e0e0;\n --cds-syntax-float:#6fdc8c;\n --cds-syntax-function:#f1c21b;\n --cds-syntax-heading:#33b1ff;\n --cds-syntax-heading-1:#33b1ff;\n --cds-syntax-heading-2:#33b1ff;\n --cds-syntax-heading-3:#33b1ff;\n --cds-syntax-heading-4:#33b1ff;\n --cds-syntax-heading-5:#33b1ff;\n --cds-syntax-heading-6:#33b1ff;\n --cds-syntax-integer:#6fdc8c;\n --cds-syntax-invalid:#fa4d56;\n --cds-syntax-keyword:#4589ff;\n --cds-syntax-label-name:#a6c8ff;\n --cds-syntax-line-comment:#42be65;\n --cds-syntax-link:#4589ff;\n --cds-syntax-list:#f4f4f4;\n --cds-syntax-literal:#f4f4f4;\n --cds-syntax-local:#a6c8ff;\n --cds-syntax-logic-operator:#e0e0e0;\n --cds-syntax-macro-name:#f4f4f4;\n --cds-syntax-meta:#42be65;\n --cds-syntax-modifier:#4589ff;\n --cds-syntax-module-keyword:#be95ff;\n --cds-syntax-monospace:#f4f4f4;\n --cds-syntax-name:#a6c8ff;\n --cds-syntax-namespace:#3ddbd9;\n --cds-syntax-null:#f4f4f4;\n --cds-syntax-number:#6fdc8c;\n --cds-syntax-operator:#e0e0e0;\n --cds-syntax-operator-keyword:#4589ff;\n --cds-syntax-paren:#e0e0e0;\n --cds-syntax-processing-instruction:#f4f4f4;\n --cds-syntax-property-name:#33b1ff;\n --cds-syntax-punctuation:#e0e0e0;\n --cds-syntax-quote:#42be65;\n --cds-syntax-regexp:#be95ff;\n --cds-syntax-self:#3ddbd9;\n --cds-syntax-separator:#e0e0e0;\n --cds-syntax-special:#4589ff;\n --cds-syntax-special-string:#be95ff;\n --cds-syntax-square-bracket:#e0e0e0;\n --cds-syntax-standard:#4589ff;\n --cds-syntax-strikethrough:#f4f4f4;\n --cds-syntax-string:#f4f4f4;\n --cds-syntax-strong:#f4f4f4;\n --cds-syntax-tag:#3ddbd9;\n --cds-syntax-tag-name:#3ddbd9;\n --cds-syntax-type:#3ddbd9;\n --cds-syntax-type-name:#3ddbd9;\n --cds-syntax-type-operator:#3ddbd9;\n --cds-syntax-unit:#6fdc8c;\n --cds-syntax-update-operator:#e0e0e0;\n --cds-syntax-url:#e0e0e0;\n --cds-syntax-variable:#a6c8ff;\n --cds-syntax-variable-name:#a6c8ff;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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{\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}\n:host{\n}\n:host .cds-custom-aichat--widget--expand-to-fit{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n min-block-size:0;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--workspace-writeable-element ::slotted(*){\n block-size:100%;\n max-block-size:100%;\n}\n:host .cds-custom-aichat--history-writeable-element ::slotted(*){\n display:block;\n block-size:100%;\n}\n:host .cds-custom-aichat--history-panel__content-container{\n block-size:100%;\n}\n:host .cds-custom-aichat--history-panel__content-container ::slotted(*){\n --history-shell-border:none;\n block-size:100%;\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{\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host{\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{\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n z-index:1;\n display:flex;\n flex:1;\n flex-direction:column;\n block-size:100%;\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n inline-size:100%;\n -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n text-rendering:optimizelegibility;\n visibility:visible;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-custom-aichat-float--open{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host{\n}\n:host .cds-custom-aichat-float--opening{\n animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--opening:not(.cds-custom-aichat-float--mobile){\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--closing{\n animation:cds-custom-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat-float--closing{\n animation:none;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--close{\n display:none;\n overflow:hidden;\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat-float--mobile{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:100%;\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n@keyframes cds-custom-aichat-float-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-float-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n:host{\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{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\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--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__layer--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--panel-header-content{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--panel-header{\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds-custom-aichat--panel-header--full-width .cds-custom-aichat--panel-header-content{\n max-inline-size:100%;\n}";
|
|
15563
|
+
var css_248z = "@charset \"UTF-8\";\n.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 --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-size:1em;\n vertical-align:baseline;\n}\n\nbutton,\nselect,\ninput,\ntextarea{\n border-radius:0;\n font-family:inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection{\n display:block;\n}\n\nol,\nul{\n list-style:none;\n}\n\nblockquote,\nq{\n quotes:none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after{\n content:none;\n}\n\ntable{\n border-collapse:collapse;\n border-spacing:0;\n}\n\n:host{\n block-size:100%;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n}\n:host .cds-custom-aichat-float--open{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host{\n}\n:host .cds-custom-aichat-float--opening{\n animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--opening:not(.cds-custom-aichat-float--mobile){\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--closing{\n animation:cds-custom-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat-float--closing{\n animation:none;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--close{\n display:none;\n overflow:hidden;\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat-float--mobile{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:100%;\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n@keyframes cds-custom-aichat-float-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-float-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header-bottom-element.cds-custom-aichat--header-constrain-width{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--header__container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n border-start-end-radius:var(--cds-aichat-border-radius-start-end, 0);\n border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host .cds-custom-aichat--header__container.cds-custom-aichat--header-constrain-width{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__container:not(.cds-custom-aichat--header-constrain-width){\n margin-inline-end:1rem;\n margin-inline-start:1rem;\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 .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{\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 .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{\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 box-sizing:border-box;\n padding:0 2rem 0 2rem;\n color:var(--cds-text-primary, #161616);\n min-block-size:100%;\n}\n:host .cds-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__footer{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--disclaimer__accept-button{\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--wide-width 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__footer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__footer{\n justify-content:stretch;\n}\n:host .cds-custom-aichat--narrow-width cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n margin-inline-start:0;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-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--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{\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}\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:host .cds-custom-aichat--i-frame-panel,\n:host .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--custom-panel{\n box-sizing:border-box;\n block-size:100%;\n border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n border-start-end-radius:var(--cds-aichat-border-radius-start-end, 0);\n border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host{\n}\n:host .cds-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(0, 0, 0, 0.6));\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-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-aichat-messages-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--modal-host{\n position:fixed;\n z-index:calc(var(--cds-aichat-z-index, 99999) + 1);\n display:none;\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n pointer-events:none;\n}\n:host{\n}\n:host .cds-custom-aichat--modal-host:has(> *){\n display:block;\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\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--widget--max-width .cds-custom-aichat--home-screen__home-screen-bottom-element,\n:host .cds-custom-aichat--home-screen{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--home-screen{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\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 .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: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: 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:host .cds-custom-aichat--home-screen__starter-wrapper{\n display:block;\n margin-block-end:0.75rem;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:last-child{\n margin-block-end:0;\n}\n:host cds-custom-aichat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n max-inline-size:100%;\n will-change:opacity;\n word-break:break-word;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(1){\n --cds-aichat-homescreen-starter-index:1;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(2){\n --cds-aichat-homescreen-starter-index:2;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(3){\n --cds-aichat-homescreen-starter-index:3;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(4){\n --cds-aichat-homescreen-starter-index:4;\n}\n:host .cds-custom-aichat--home-screen__starter-wrapper:nth-child(5){\n --cds-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starter-wrapper{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-aichat-homescreen-starter-index) * 120ms) both;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group .cds-custom-aichat--home-screen__starter-wrapper{\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: 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 display:block;\n margin-block-end:1rem;\n margin-block-start:auto;\n margin-inline:auto;\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{\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-in-up-back-button{\n 0%{\n opacity:0;\n transform:translateY(2rem);\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translateY(0);\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-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{\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 .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 .cds-custom--popover--bottom:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:-0.25rem;\n}\n:host .cds-custom--popover--top:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-start:-0.25rem;\n}\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem);\n}\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem);\n}\n:host .cds-custom--popover--right:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(100% + 0.25rem);\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--caret):not(.cds-custom--popover--auto-align):not(.cds-custom--popover--tab-tip) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(100% + 0.25rem);\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 display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-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::-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__button svg{\n fill:var(--cds-icon-primary, #161616);\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 display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n}\n:host .cds-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::-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@media (any-hover: hover){\n :host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n }\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@media (any-hover: hover){\n :host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n }\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@media (any-hover: hover){\n :host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n }\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@media (any-hover: hover){\n :host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n }\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@media (any-hover: hover){\n :host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n }\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@media (hover: hover){\n :host .cds-custom--btn--ghost:hover{\n color:var(--cds-link-primary-hover, #0043ce);\n }\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-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:focus{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n}\n:host .cds-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@media (any-hover: hover){\n :host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n }\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@media (any-hover: hover){\n :host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n }\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@media (hover: hover){\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}\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@media (any-hover: hover){\n :host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n }\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@media (hover: hover){\n :host .cds-custom--btn--danger--ghost:hover{\n color:var(--cds-text-on-color, #ffffff);\n }\n}\n: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--btn-set--fluid{\n container-type:inline-size;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner{\n --flex-direction:row;\n display:flex;\n flex-direction:var(--flex-direction);\n align-items:stretch;\n justify-content:flex-end;\n inline-size:100%;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn{\n flex:0 1 25%;\n max-inline-size:14.5rem;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack .cds-custom--btn{\n min-inline-size:11rem;\n}\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn--ghost,\n:host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner .cds-custom--btn--danger--ghost{\n flex:1 1 25%;\n max-inline-size:none;\n padding-inline-start:2rem;\n}\n@container (width <= 11rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 22rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 33rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 44rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child){\n --flex-direction:column;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds-custom--btn{\n flex:initial;\n inline-size:100%;\n max-inline-size:none;\n }\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds-custom--btn--ghost{\n padding-inline-start:1rem;\n }\n}\n@container (width <= 44rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds-custom--btn{\n flex-basis:50%;\n max-inline-size:none;\n }\n}\n@container (width <= 33rem){\n :host .cds-custom--btn-set--fluid .cds-custom--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds-custom--btn{\n flex:1 1 100%;\n max-inline-size:none;\n }\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 padding:2px;\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}\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-aichat-messages-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--input-and-completions{\n position:relative;\n border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n inline-size:100%;\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n box-sizing:border-box;\n flex-wrap:wrap;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n min-block-size:0;\n outline:2px solid transparent;\n outline-offset:-2px;\n padding-block:0.75rem;\n padding-inline:1rem 0.5rem;\n}\n:host .cds-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--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat--container-disable-mobile-enhancements .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions,\n:host .cds-custom-aichat--container--render:not(.cds-custom-aichat--is-phone-portrait-mode) .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions{\n margin:0 auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat--container-disable-mobile-enhancements .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-container,\n:host .cds-custom-aichat--container--render:not(.cds-custom-aichat--is-phone-portrait-mode) .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\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 display:flex;\n flex-basis:100%;\n flex-wrap:wrap;\n inline-size:100%;\n margin-block-start:0.5rem;\n max-block-size:200px;\n overflow-x:hidden;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0.5rem;\n margin-inline-end:0.5rem;\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-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__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 .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 order:1;\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--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{\n position:relative;\n z-index:2;\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--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--text-area-placeholder{\n position:absolute;\n z-index:1;\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n inset:0;\n pointer-events:none;\n white-space:pre-wrap;\n word-wrap:break-word;\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-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--input-container__send-button-container{\n order: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[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\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 fill:var(--cds-interactive, #0f62fe);\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-aichat--before-input-element{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat-launcher{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher{\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n:host [dir=rtl] .cds-custom-aichat-launcher{\n inset-inline:var(--cds-aichat-launcher-position-right, 2rem) unset;\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--hidden{\n visibility:hidden;\n}\n:host{\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n:host .cds-custom-aichat-launcher{\n border-radius:28px;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher{\n transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n}\n:host .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-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n color:var(--cds-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n min-block-size:20px;\n min-inline-size:20px;\n font-size:var(--cds-caption-01-font-size, 0.75rem);\n font-weight:var(--cds-caption-01-font-weight, 400);\n line-height:var(--cds-caption-01-line-height, 1.33333);\n letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n position:static;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n border-radius:28px;\n background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n@media (prefers-reduced-motion: no-preference){\n :host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background 250ms ease-in-out, transform 150ms ease;\n }\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-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__wrapper{\n display:flex;\n}\n:host .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n overflow:hidden;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n inline-size:0;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n inline-size:calc(100% - 12px);\n inset-block-end:0;\n opacity:0;\n word-break:break-word;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-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-button.cds-custom-aichat--launcher-extended__close-button{\n position:absolute;\n z-index:2;\n inset-block-start:-24px;\n inset-inline-end:0;\n transform:translate(50%, 50%);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__close-button::part(button){\n padding:0;\n border-radius:50%;\n block-size:24px;\n inline-size:24px;\n}\n:host{\n}\n@keyframes cds-custom-aichat-launcher-opening-text-holder{\n from{\n inline-size:0;\n }\n to{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-closing-text-holder{\n from{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n }\n to{\n inline-size:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-opening-greeting{\n from{\n opacity:0;\n }\n to{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-closing-greeting{\n from{\n opacity:1;\n }\n to{\n opacity:0;\n }\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher--opening .cds-custom-aichat--launcher-extended__text-holder{\n animation:cds-custom-aichat-launcher-opening-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n }\n :host .cds-custom-aichat-launcher--opening .cds-custom-aichat--launcher-extended__greeting{\n animation:cds-custom-aichat-launcher-opening-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n animation-delay:240ms;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--open .cds-custom-aichat--launcher-extended__text-holder{\n inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat-launcher--open .cds-custom-aichat--launcher-extended__greeting{\n opacity:1;\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-launcher--closing .cds-custom-aichat--launcher-extended__greeting{\n animation:cds-custom-aichat-launcher-closing-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n }\n :host .cds-custom-aichat-launcher--closing .cds-custom-aichat--launcher-extended__text-holder{\n animation:cds-custom-aichat-launcher-closing-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n animation-delay:70ms;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--closed .cds-custom-aichat--launcher-extended__text-holder{\n display:none;\n inline-size:0;\n}\n:host .cds-custom-aichat-launcher--closed .cds-custom-aichat--launcher-extended__greeting{\n opacity:0;\n}\n:host .cds-custom-aichat-launcher--closed .cds-custom-aichat--launcher-extended__close-button{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--opening,\n:host .cds-custom-aichat-launcher--open{\n inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host .cds-custom-aichat-launcher--opening cds-custom-button.cds-custom-aichat--launcher__button::part(button),\n:host .cds-custom-aichat-launcher--open cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host{\n}\n:host .cds-custom-aichat-launcher--closing,\n:host .cds-custom-aichat-launcher--closed{\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host .cds-custom-aichat-launcher--closing cds-custom-button.cds-custom-aichat--launcher__button::part(button),\n:host .cds-custom-aichat-launcher--closed cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host [dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host [dir=rtl] cds-custom-button.cds-custom-aichat--launcher-extended__close-button{\n transform:translate(-50%, 50%);\n}\n:host [dir=rtl] .cds-custom-aichat-launcher .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host [dir=rtl] .cds-custom-aichat-launcher .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host [dir=rtl] cds-custom-button.cds-custom-aichat--launcher__button,\n:host [dir=rtl] cds-custom-button.cds-custom-aichat--launcher-extended__close-button{\n direction:ltr;\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-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 max-inline-size:var(--cds-aichat-card-max-width, auto);\n}\n:host .cds-custom-aichat--card-message-component.cds-custom-aichat--max-width-small{\n max-inline-size:min(291px, var(--cds-aichat-card-max-width, 291px));\n}\n:host .cds-custom-aichat--card-message-component.cds-custom-aichat--max-width-medium{\n max-inline-size:min(438px, var(--cds-aichat-card-max-width, 438px));\n}\n:host .cds-custom-aichat--card-message-component.cds-custom-aichat--max-width-large{\n max-inline-size:min(585px, var(--cds-aichat-card-max-width, 585px));\n}\n:host{\n}\n:host .cds-custom-aichat-preview-card__sm{\n max-inline-size:18.1875rem;\n}\n:host .cds-custom-aichat-preview-card [slot=body]{\n padding:1rem;\n}\n:host .cds-custom-aichat-preview-card [slot=body] .cds-custom-aichat-preview-card--title{\n font-size:var(--cds-body-compact-02-font-size, 1rem);\n font-weight:var(--cds-body-compact-02-font-weight, 400);\n line-height:var(--cds-body-compact-02-line-height, 1.375);\n letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n margin-block-end:0.125rem;\n}\n:host .cds-custom-aichat-preview-card [slot=body] .cds-custom-aichat-preview-card--subtitle{\n font-size:var(--cds-helper-text-01-font-size, 0.75rem);\n line-height:var(--cds-helper-text-01-line-height, 1.33333);\n letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px);\n color:var(--cds-text-secondary, #525252);\n}\n:host{\n}\n:host button.cds-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-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--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide{\n max-inline-size:100%;\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:12px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .carousel-container{\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n max-inline-size:400px;\n padding-block-start:16px;\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--conversational-search-text__CitationsToggleContainer{\n padding-block-start:0.75rem;\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 .cds-custom-aichat--grid .cds-custom-aichat--media-player__root .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\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@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:host .cds-custom-aichat--image__image--loaded{\n block-size:auto;\n opacity:1;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-aichat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n}\n:host{\n}\n:host .cds-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:0.5rem;\n background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n block-size:calc(1rem + 0.75rem * 2);\n color:var(--cds-icon-on-color, #ffffff);\n fill:var(--cds-icon-on-color, #ffffff);\n inline-size:calc(1rem + 0.75rem * 2);\n}\n:host svg.cds-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--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 .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width .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--body-message-components__message-wrapper--full-width .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--body-message-components__message-wrapper--full-width .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host{\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-aichat-card-border-radius, 0.5rem);\n background-color:unset;\n color:unset;\n cursor:pointer;\n inline-size:100%;\n max-inline-size:var(--cds-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--clickable-image{\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\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:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\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-aichat-card .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-aichat-card .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-card .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-card .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-aichat-card .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-aichat-card .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-aichat-card .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-card .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--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--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--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--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-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .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-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .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--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--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-aichat-border-radius-end-end, 0) - 0.0625rem);\n border-end-start-radius:max(0px, var(--cds-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--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,\n.cds-custom-aichat--widget--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--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,\n.cds-custom-aichat--widget--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--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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-aichat-card{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-aichat-card,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-aichat-card{\n border:none;\n box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n transition:none;\n }\n}\n:host .cds-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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-aichat-card{\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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-aichat-card{\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-aichat-card,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-aichat-card{\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 background-color:var(--cds-background, #ffffff);\n block-size:100%;\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--response-stopped{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n margin-block-start:1rem;\n text-align:center;\n}\n:host .cds-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--system-message-standalone{\n display:flex;\n align-items:center;\n justify-content:center;\n margin:2rem 1rem 0 1rem;\n}\n:host .cds-custom-aichat--system-message-standalone-text{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n text-align:center;\n}\n:host .cds-custom-aichat--received .cds-custom-aichat--system-message-inline,\n:host .cds-custom-aichat--sent .cds-custom-aichat--system-message-inline{\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n text-align:center;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-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 --cds-aichat-border-radius-start-start:0;\n --cds-aichat-border-radius-start-end:0;\n --cds-aichat-border-radius-end-start:0;\n --cds-aichat-border-radius-end-end:0;\n}\n:host .cds-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.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@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--message .cds-custom-aichat--received .cds-custom-aichat--message .cds-custom-aichat--received,\n :host .cds-custom-aichat--message .cds-custom-aichat--received .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n :host .cds-custom-aichat--message .cds-custom-aichat--sent-container .cds-custom-aichat--message .cds-custom-aichat--received,\n :host .cds-custom-aichat--message .cds-custom-aichat--sent-container .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n :host .cds-custom-aichat--message .cds-custom-aichat--received .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 .cds-custom-aichat--sent-container .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n transition:margin-block-start 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n :host .cds-custom-aichat--message .cds-custom-aichat--received .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n :host .cds-custom-aichat--message .cds-custom-aichat--sent-container .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\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.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@keyframes cds-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\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-aichat-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__reasoning{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__reasoning-separator{\n color:var(--cds-text-secondary, #525252);\n margin-inline-end:0.5rem;\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--received--chain-of-thought{\n margin-block-start:0.75rem;\n}\n:host .cds-custom-aichat--message__reasoning-steps{\n display:none;\n}\n:host .cds-custom-aichat--message__reasoning-steps--open{\n display:block;\n padding-block-end:0.75rem;\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--container--render{\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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 .cds-custom-aichat--container--render :where(cds-custom-aichat-shell){\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell).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 .cds-custom-aichat--container--render{\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).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, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).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.5rem;\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:1rem;\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]){\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container, :host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[workspace-in-container]).cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:1rem;\n}\n:host .cds-custom-aichat--container--render{\n}\n:host .cds-custom-aichat--container--render :where(cds-custom-aichat-shell[show-workspace]) .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--message-footer{\n display:flex;\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--typing-indicator--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-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:absolute;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n outline:none;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--messages--scroll-handle-desktop{\n overflow:hidden;\n padding:0 1rem;\n margin:auto;\n block-size:0;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages--scroll-handle-desktop:focus{\n padding:1rem;\n block-size:auto;\n pointer-events:auto;\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-aichat-messages-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@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\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 block-size:32px;\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n opacity:0;\n padding-inline-start:0.125rem;\n}\n@media (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--processing-label{\n animation:cds-custom-aichat-fade-in 600ms forwards;\n animation-delay:1200ms;\n }\n}\n:host .cds-custom-aichat__scroll-to-bottom{\n position:sticky;\n z-index:1;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:50%;\n margin-block-start:-2rem;\n transform:translateX(-50%);\n}\n:host .cds-custom-aichat__scroll-to-bottom-button--hidden{\n display:none;\n}\n:host{\n}\n:host .carousel__view-stack .carousel__itemsWrapper{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n min-inline-size:20vh;\n}\n:host :host(.carousel__live-region),\n:host .carousel__live-region{\n position:absolute;\n overflow:hidden;\n padding:0;\n border:0;\n margin:-1px;\n block-size:1px;\n clip:rect(0 0 0 0);\n clip-path:inset(50%);\n inline-size:1px;\n white-space:nowrap;\n}\n:host :host(.carousel__view),\n:host .carousel__view{\n visibility:hidden;\n}\n:host :host(.carousel__view-active),\n:host .carousel__view-active,\n:host :host(.carousel__view-recycle-out),\n:host .carousel__view-recycle-out,\n:host :host(.carousel__view-recycle-in),\n:host .carousel__view-recycle-in{\n visibility:visible;\n}\n@keyframes out-to-active{\n from{\n transform:translateX(-100%);\n }\n to{\n transform:translateX(-200%);\n }\n}\n@keyframes active-to-out{\n from{\n transform:translateX(-100%);\n }\n to{\n transform:translateX(0);\n }\n}\n:host :host(.carousel__view),\n:host .carousel__view{\n z-index:80;\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n inset-inline-start:100%;\n transform:translateX(0);\n}\n@media (prefers-reduced-motion: no-preference){\n :host :host(.carousel__view),\n :host .carousel__view{\n transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n}\n@media (prefers-reduced-motion: reduce){\n :host :host(.carousel__view),\n :host .carousel__view{\n animation:none;\n transition:none;\n }\n}\n:host :host(.carousel__view:focus),\n:host .carousel__view:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host :host(.carousel__view:focus),\n :host .carousel__view:focus{\n outline-style:dotted;\n }\n}\n:host :host(.carousel__view-active),\n:host .carousel__view-active{\n z-index:100;\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n inset-inline-start:100%;\n transform:translateX(-100%);\n}\n@media (prefers-reduced-motion: no-preference){\n :host :host(.carousel__view-active),\n :host .carousel__view-active{\n transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n}\n@media (prefers-reduced-motion: reduce){\n :host :host(.carousel__view-active),\n :host .carousel__view-active{\n animation:none;\n transition:none;\n }\n}\n:host :host(.carousel__view-active:focus),\n:host .carousel__view-active:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host :host(.carousel__view-active:focus),\n :host .carousel__view-active:focus{\n outline-style:dotted;\n }\n}\n:host :host(.carousel__view-in-stack),\n:host .carousel__view-in-stack{\n z-index:90;\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n inset-inline-start:100%;\n transform:translateX(-200%);\n}\n@media (prefers-reduced-motion: no-preference){\n :host :host(.carousel__view-in-stack),\n :host .carousel__view-in-stack{\n transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n }\n}\n@media (prefers-reduced-motion: reduce){\n :host :host(.carousel__view-in-stack),\n :host .carousel__view-in-stack{\n animation:none;\n transition:none;\n }\n}\n:host :host(.carousel__view-in-stack:focus),\n:host .carousel__view-in-stack:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host :host(.carousel__view-in-stack:focus),\n :host .carousel__view-in-stack:focus{\n outline-style:dotted;\n }\n}\n:host :host(.carousel__view-recycle-in),\n:host .carousel__view-recycle-in{\n z-index:100;\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n}\n@media (prefers-reduced-motion: no-preference){\n :host :host(.carousel__view-recycle-in),\n :host .carousel__view-recycle-in{\n animation:out-to-active 240ms cubic-bezier(0.5, 0, 0.1, 1) forwards;\n }\n}\n@media (prefers-reduced-motion: reduce){\n :host :host(.carousel__view-recycle-in),\n :host .carousel__view-recycle-in{\n animation:none;\n transition:none;\n }\n}\n:host :host(.carousel__view-recycle-in:focus),\n:host .carousel__view-recycle-in:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host :host(.carousel__view-recycle-in:focus),\n :host .carousel__view-recycle-in:focus{\n outline-style:dotted;\n }\n}\n:host :host(.carousel__view-recycle-out),\n:host .carousel__view-recycle-out{\n z-index:90;\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n}\n@media (prefers-reduced-motion: no-preference){\n :host :host(.carousel__view-recycle-out),\n :host .carousel__view-recycle-out{\n animation:active-to-out 240ms cubic-bezier(0.5, 0, 0.1, 1) forwards;\n }\n}\n@media (prefers-reduced-motion: reduce){\n :host :host(.carousel__view-recycle-out),\n :host .carousel__view-recycle-out{\n animation:none;\n transition:none;\n }\n}\n:host :host(.carousel__view-recycle-out:focus),\n:host .carousel__view-recycle-out:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n :host :host(.carousel__view-recycle-out:focus),\n :host .carousel__view-recycle-out:focus{\n outline-style:dotted;\n }\n}\n:host{\n}\n:host :root{\n --cds-aichat-messages-max-width:672px;\n --cds-aichat-messages-min-width:320px;\n --cds-aichat-workspace-min-width:480px;\n --cds-aichat-history-width:320px;\n --cds-aichat-card-max-width:424px;\n --cds-aichat-border-radius:0;\n --cds-aichat-card-border-radius:0.5rem;\n --cds-aichat-border-radius:0;\n --cds-aichat-border-radius-start-start:0.5rem;\n --cds-aichat-border-radius-start-end:0.5rem;\n --cds-aichat-border-radius-end-start:0.5rem;\n --cds-aichat-border-radius-end-end:0.5rem;\n}\n:host .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n inline-size:100%;\n --cds-aichat-max-height:640px;\n --cds-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-aichat-bottom-position))\n );\n --cds-aichat-bottom-position:3rem;\n --cds-aichat-right-position:2rem;\n --cds-aichat-top-position:auto;\n --cds-aichat-left-position:auto;\n --cds-aichat-width:min(380px, var(--cds-aichat-max-width));\n --cds-aichat-height:calc(100vh - (2 * 2rem));\n --cds-aichat-z-index:99999;\n --cds-aichat-launcher-default-size:56px;\n --cds-aichat-launcher-position-bottom:3rem;\n --cds-aichat-launcher-position-right:2rem;\n --cds-aichat-launcher-extended-width:280px;\n --cds-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat--is-phone{\n --cds-aichat-width:calc(100vw - 4px);\n --cds-aichat-height:calc(100vh - 4px);\n --cds-aichat-left-position:2;\n --cds-aichat-top-position:2;\n --cds-aichat-max-width:auto;\n --cds-aichat-max-height:auto;\n --cds-aichat-min-height:auto;\n --cds-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat--is-phone{\n --cds-aichat-width:calc(100dvw - 4px);\n --cds-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-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-agent-text:#161616;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-bubble-user-text:#161616;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-header-text:#161616;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-prompt-text:#161616;\n --cds-chat-shell-background:#ffffff;\n --cds-color-scheme:light;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#697077;\n --cds-syntax-annotation:#007d79;\n --cds-syntax-arithmetic-operator:#343a3f;\n --cds-syntax-atom:#161616;\n --cds-syntax-attribute:#00539a;\n --cds-syntax-attribute-name:#00539a;\n --cds-syntax-attribute-value:#161616;\n --cds-syntax-bitwise-operator:#343a3f;\n --cds-syntax-block-comment:#198038;\n --cds-syntax-bool:#161616;\n --cds-syntax-brace:#343a3f;\n --cds-syntax-bracket:#343a3f;\n --cds-syntax-character:#161616;\n --cds-syntax-class-name:#007d79;\n --cds-syntax-color:#161616;\n --cds-syntax-comment:#198038;\n --cds-syntax-compare-operator:#343a3f;\n --cds-syntax-constant:#0f62fe;\n --cds-syntax-content:#161616;\n --cds-syntax-content-separator:#343a3f;\n --cds-syntax-control-keyword:#6929c4;\n --cds-syntax-control-operator:#6929c4;\n --cds-syntax-definition:#00539a;\n --cds-syntax-definition-keyword:#00539a;\n --cds-syntax-definition-operator:#00539a;\n --cds-syntax-deleted:#ffd7d9;\n --cds-syntax-deref-operator:#343a3f;\n --cds-syntax-doc-comment:#198038;\n --cds-syntax-doc-string:#161616;\n --cds-syntax-document-meta:#198038;\n --cds-syntax-emphasis:#161616;\n --cds-syntax-escape:#343a3f;\n --cds-syntax-float:#198038;\n --cds-syntax-function:#8e6a00;\n --cds-syntax-heading:#00539a;\n --cds-syntax-heading-1:#00539a;\n --cds-syntax-heading-2:#00539a;\n --cds-syntax-heading-3:#00539a;\n --cds-syntax-heading-4:#00539a;\n --cds-syntax-heading-5:#00539a;\n --cds-syntax-heading-6:#00539a;\n --cds-syntax-inserted:#a7f0ba;\n --cds-syntax-integer:#198038;\n --cds-syntax-invalid:#da1e28;\n --cds-syntax-keyword:#0f62fe;\n --cds-syntax-label-name:#0f62fe;\n --cds-syntax-line-comment:#198038;\n --cds-syntax-link:#0f62fe;\n --cds-syntax-list:#161616;\n --cds-syntax-literal:#161616;\n --cds-syntax-local:#0f62fe;\n --cds-syntax-logic-operator:#343a3f;\n --cds-syntax-macro-name:#161616;\n --cds-syntax-meta:#198038;\n --cds-syntax-modifier:#0f62fe;\n --cds-syntax-module-keyword:#6929c4;\n --cds-syntax-monospace:#161616;\n --cds-syntax-name:#0f62fe;\n --cds-syntax-namespace:#007d79;\n --cds-syntax-null:#161616;\n --cds-syntax-number:#198038;\n --cds-syntax-operator:#343a3f;\n --cds-syntax-operator-keyword:#0f62fe;\n --cds-syntax-paren:#343a3f;\n --cds-syntax-processing-instruction:#161616;\n --cds-syntax-property-name:#00539a;\n --cds-syntax-punctuation:#343a3f;\n --cds-syntax-quote:#198038;\n --cds-syntax-regexp:#6929c4;\n --cds-syntax-self:#007d79;\n --cds-syntax-separator:#343a3f;\n --cds-syntax-special:#0f62fe;\n --cds-syntax-special-string:#8a3ffc;\n --cds-syntax-square-bracket:#343a3f;\n --cds-syntax-standard:#0f62fe;\n --cds-syntax-strikethrough:#161616;\n --cds-syntax-string:#161616;\n --cds-syntax-strong:#161616;\n --cds-syntax-tag:#007d79;\n --cds-syntax-tag-name:#007d79;\n --cds-syntax-type:#007d79;\n --cds-syntax-type-name:#007d79;\n --cds-syntax-type-operator:#007d79;\n --cds-syntax-unit:#198038;\n --cds-syntax-update-operator:#343a3f;\n --cds-syntax-url:#343a3f;\n --cds-syntax-variable:#0f62fe;\n --cds-syntax-variable-name:#0f62fe;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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-agent-text:#161616;\n --cds-chat-bubble-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\n --cds-chat-bubble-user-text:#161616;\n --cds-chat-button:#0f62fe;\n --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n --cds-chat-button-text-hover:#0043ce;\n --cds-chat-button-text-selected:#525252;\n --cds-chat-header-background:#ffffff;\n --cds-chat-header-text:#161616;\n --cds-chat-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-prompt-text:#161616;\n --cds-chat-shell-background:#ffffff;\n --cds-color-scheme:light;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.3);\n --cds-skeleton-background:#e8e8e8;\n --cds-skeleton-element:#c6c6c6;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#8a3ffc;\n --cds-support-error:#da1e28;\n --cds-support-error-inverse:#fa4d56;\n --cds-support-info:#0043ce;\n --cds-support-info-inverse:#4589ff;\n --cds-support-success:#24a148;\n --cds-support-success-inverse:#42be65;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#697077;\n --cds-syntax-annotation:#007d79;\n --cds-syntax-arithmetic-operator:#343a3f;\n --cds-syntax-atom:#161616;\n --cds-syntax-attribute:#00539a;\n --cds-syntax-attribute-name:#00539a;\n --cds-syntax-attribute-value:#161616;\n --cds-syntax-bitwise-operator:#343a3f;\n --cds-syntax-block-comment:#198038;\n --cds-syntax-bool:#161616;\n --cds-syntax-brace:#343a3f;\n --cds-syntax-bracket:#343a3f;\n --cds-syntax-character:#161616;\n --cds-syntax-class-name:#007d79;\n --cds-syntax-color:#161616;\n --cds-syntax-comment:#198038;\n --cds-syntax-compare-operator:#343a3f;\n --cds-syntax-constant:#0f62fe;\n --cds-syntax-content:#161616;\n --cds-syntax-content-separator:#343a3f;\n --cds-syntax-control-keyword:#6929c4;\n --cds-syntax-control-operator:#6929c4;\n --cds-syntax-definition:#00539a;\n --cds-syntax-definition-keyword:#00539a;\n --cds-syntax-definition-operator:#00539a;\n --cds-syntax-deleted:#ffd7d9;\n --cds-syntax-deref-operator:#343a3f;\n --cds-syntax-doc-comment:#198038;\n --cds-syntax-doc-string:#161616;\n --cds-syntax-document-meta:#198038;\n --cds-syntax-emphasis:#161616;\n --cds-syntax-escape:#343a3f;\n --cds-syntax-float:#198038;\n --cds-syntax-function:#8e6a00;\n --cds-syntax-heading:#00539a;\n --cds-syntax-heading-1:#00539a;\n --cds-syntax-heading-2:#00539a;\n --cds-syntax-heading-3:#00539a;\n --cds-syntax-heading-4:#00539a;\n --cds-syntax-heading-5:#00539a;\n --cds-syntax-heading-6:#00539a;\n --cds-syntax-inserted:#a7f0ba;\n --cds-syntax-integer:#198038;\n --cds-syntax-invalid:#da1e28;\n --cds-syntax-keyword:#0f62fe;\n --cds-syntax-label-name:#0f62fe;\n --cds-syntax-line-comment:#198038;\n --cds-syntax-link:#0f62fe;\n --cds-syntax-list:#161616;\n --cds-syntax-literal:#161616;\n --cds-syntax-local:#0f62fe;\n --cds-syntax-logic-operator:#343a3f;\n --cds-syntax-macro-name:#161616;\n --cds-syntax-meta:#198038;\n --cds-syntax-modifier:#0f62fe;\n --cds-syntax-module-keyword:#6929c4;\n --cds-syntax-monospace:#161616;\n --cds-syntax-name:#0f62fe;\n --cds-syntax-namespace:#007d79;\n --cds-syntax-null:#161616;\n --cds-syntax-number:#198038;\n --cds-syntax-operator:#343a3f;\n --cds-syntax-operator-keyword:#0f62fe;\n --cds-syntax-paren:#343a3f;\n --cds-syntax-processing-instruction:#161616;\n --cds-syntax-property-name:#00539a;\n --cds-syntax-punctuation:#343a3f;\n --cds-syntax-quote:#198038;\n --cds-syntax-regexp:#6929c4;\n --cds-syntax-self:#007d79;\n --cds-syntax-separator:#343a3f;\n --cds-syntax-special:#0f62fe;\n --cds-syntax-special-string:#8a3ffc;\n --cds-syntax-square-bracket:#343a3f;\n --cds-syntax-standard:#0f62fe;\n --cds-syntax-strikethrough:#161616;\n --cds-syntax-string:#161616;\n --cds-syntax-strong:#161616;\n --cds-syntax-tag:#007d79;\n --cds-syntax-tag-name:#007d79;\n --cds-syntax-type:#007d79;\n --cds-syntax-type-name:#007d79;\n --cds-syntax-type-operator:#007d79;\n --cds-syntax-unit:#198038;\n --cds-syntax-update-operator:#343a3f;\n --cds-syntax-url:#343a3f;\n --cds-syntax-variable:#0f62fe;\n --cds-syntax-variable-name:#0f62fe;\n --cds-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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-agent-text:#f4f4f4;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-bubble-user-text:#f4f4f4;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-header-text:#f4f4f4;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-prompt-text:#f4f4f4;\n --cds-chat-shell-background:#262626;\n --cds-color-scheme:dark;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#333333;\n --cds-skeleton-element:#525252;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#ff8389;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#8d8d8d;\n --cds-syntax-annotation:#08bdba;\n --cds-syntax-arithmetic-operator:#e0e0e0;\n --cds-syntax-atom:#f4f4f4;\n --cds-syntax-attribute:#33b1ff;\n --cds-syntax-attribute-name:#33b1ff;\n --cds-syntax-attribute-value:#f4f4f4;\n --cds-syntax-bitwise-operator:#e0e0e0;\n --cds-syntax-block-comment:#42be65;\n --cds-syntax-bool:#f4f4f4;\n --cds-syntax-brace:#e0e0e0;\n --cds-syntax-bracket:#e0e0e0;\n --cds-syntax-character:#f4f4f4;\n --cds-syntax-class-name:#3ddbd9;\n --cds-syntax-color:#f4f4f4;\n --cds-syntax-comment:#42be65;\n --cds-syntax-compare-operator:#e0e0e0;\n --cds-syntax-constant:#4589ff;\n --cds-syntax-content:#f4f4f4;\n --cds-syntax-content-separator:#e0e0e0;\n --cds-syntax-control-keyword:#be95ff;\n --cds-syntax-control-operator:#be95ff;\n --cds-syntax-definition:#33b1ff;\n --cds-syntax-definition-keyword:#33b1ff;\n --cds-syntax-definition-operator:#33b1ff;\n --cds-syntax-deleted:#a2191f;\n --cds-syntax-deref-operator:#e0e0e0;\n --cds-syntax-doc-comment:#42be65;\n --cds-syntax-doc-string:#f4f4f4;\n --cds-syntax-document-meta:#42be65;\n --cds-syntax-emphasis:#f4f4f4;\n --cds-syntax-escape:#e0e0e0;\n --cds-syntax-float:#6fdc8c;\n --cds-syntax-function:#f1c21b;\n --cds-syntax-heading:#33b1ff;\n --cds-syntax-heading-1:#33b1ff;\n --cds-syntax-heading-2:#33b1ff;\n --cds-syntax-heading-3:#33b1ff;\n --cds-syntax-heading-4:#33b1ff;\n --cds-syntax-heading-5:#33b1ff;\n --cds-syntax-heading-6:#33b1ff;\n --cds-syntax-inserted:#198038;\n --cds-syntax-integer:#6fdc8c;\n --cds-syntax-invalid:#fa4d56;\n --cds-syntax-keyword:#4589ff;\n --cds-syntax-label-name:#a6c8ff;\n --cds-syntax-line-comment:#42be65;\n --cds-syntax-link:#4589ff;\n --cds-syntax-list:#f4f4f4;\n --cds-syntax-literal:#f4f4f4;\n --cds-syntax-local:#a6c8ff;\n --cds-syntax-logic-operator:#e0e0e0;\n --cds-syntax-macro-name:#f4f4f4;\n --cds-syntax-meta:#42be65;\n --cds-syntax-modifier:#4589ff;\n --cds-syntax-module-keyword:#be95ff;\n --cds-syntax-monospace:#f4f4f4;\n --cds-syntax-name:#a6c8ff;\n --cds-syntax-namespace:#3ddbd9;\n --cds-syntax-null:#f4f4f4;\n --cds-syntax-number:#6fdc8c;\n --cds-syntax-operator:#e0e0e0;\n --cds-syntax-operator-keyword:#4589ff;\n --cds-syntax-paren:#e0e0e0;\n --cds-syntax-processing-instruction:#f4f4f4;\n --cds-syntax-property-name:#33b1ff;\n --cds-syntax-punctuation:#e0e0e0;\n --cds-syntax-quote:#42be65;\n --cds-syntax-regexp:#be95ff;\n --cds-syntax-self:#3ddbd9;\n --cds-syntax-separator:#e0e0e0;\n --cds-syntax-special:#4589ff;\n --cds-syntax-special-string:#be95ff;\n --cds-syntax-square-bracket:#e0e0e0;\n --cds-syntax-standard:#4589ff;\n --cds-syntax-strikethrough:#f4f4f4;\n --cds-syntax-string:#f4f4f4;\n --cds-syntax-strong:#f4f4f4;\n --cds-syntax-tag:#3ddbd9;\n --cds-syntax-tag-name:#3ddbd9;\n --cds-syntax-type:#3ddbd9;\n --cds-syntax-type-name:#3ddbd9;\n --cds-syntax-type-operator:#3ddbd9;\n --cds-syntax-unit:#6fdc8c;\n --cds-syntax-update-operator:#e0e0e0;\n --cds-syntax-url:#e0e0e0;\n --cds-syntax-variable:#a6c8ff;\n --cds-syntax-variable-name:#a6c8ff;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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-agent-text:#f4f4f4;\n --cds-chat-bubble-border:#525252;\n --cds-chat-bubble-user:#393939;\n --cds-chat-bubble-user-text:#f4f4f4;\n --cds-chat-button:#78a9ff;\n --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n --cds-chat-button-text-hover:#a6c8ff;\n --cds-chat-button-text-selected:#c6c6c6;\n --cds-chat-header-background:#262626;\n --cds-chat-header-text:#f4f4f4;\n --cds-chat-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-prompt-text:#f4f4f4;\n --cds-chat-shell-background:#262626;\n --cds-color-scheme:dark;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.6);\n --cds-shadow:rgba(0, 0, 0, 0.8);\n --cds-skeleton-background:#292929;\n --cds-skeleton-element:#393939;\n --cds-support-caution-major:#ff832b;\n --cds-support-caution-minor:#f1c21b;\n --cds-support-caution-undefined:#a56eff;\n --cds-support-error:#fa4d56;\n --cds-support-error-inverse:#da1e28;\n --cds-support-info:#4589ff;\n --cds-support-info-inverse:#0043ce;\n --cds-support-success:#42be65;\n --cds-support-success-inverse:#24a148;\n --cds-support-warning:#f1c21b;\n --cds-support-warning-inverse:#f1c21b;\n --cds-syntax-angle-bracket:#8d8d8d;\n --cds-syntax-annotation:#08bdba;\n --cds-syntax-arithmetic-operator:#e0e0e0;\n --cds-syntax-atom:#f4f4f4;\n --cds-syntax-attribute:#33b1ff;\n --cds-syntax-attribute-name:#33b1ff;\n --cds-syntax-attribute-value:#f4f4f4;\n --cds-syntax-bitwise-operator:#e0e0e0;\n --cds-syntax-block-comment:#42be65;\n --cds-syntax-bool:#f4f4f4;\n --cds-syntax-brace:#e0e0e0;\n --cds-syntax-bracket:#e0e0e0;\n --cds-syntax-character:#f4f4f4;\n --cds-syntax-class-name:#3ddbd9;\n --cds-syntax-color:#f4f4f4;\n --cds-syntax-comment:#42be65;\n --cds-syntax-compare-operator:#e0e0e0;\n --cds-syntax-constant:#4589ff;\n --cds-syntax-content:#f4f4f4;\n --cds-syntax-content-separator:#e0e0e0;\n --cds-syntax-control-keyword:#be95ff;\n --cds-syntax-control-operator:#be95ff;\n --cds-syntax-definition:#33b1ff;\n --cds-syntax-definition-keyword:#33b1ff;\n --cds-syntax-definition-operator:#33b1ff;\n --cds-syntax-deleted:#a2191f;\n --cds-syntax-deref-operator:#e0e0e0;\n --cds-syntax-doc-comment:#42be65;\n --cds-syntax-doc-string:#f4f4f4;\n --cds-syntax-document-meta:#42be65;\n --cds-syntax-emphasis:#f4f4f4;\n --cds-syntax-escape:#e0e0e0;\n --cds-syntax-float:#6fdc8c;\n --cds-syntax-function:#f1c21b;\n --cds-syntax-heading:#33b1ff;\n --cds-syntax-heading-1:#33b1ff;\n --cds-syntax-heading-2:#33b1ff;\n --cds-syntax-heading-3:#33b1ff;\n --cds-syntax-heading-4:#33b1ff;\n --cds-syntax-heading-5:#33b1ff;\n --cds-syntax-heading-6:#33b1ff;\n --cds-syntax-inserted:#198038;\n --cds-syntax-integer:#6fdc8c;\n --cds-syntax-invalid:#fa4d56;\n --cds-syntax-keyword:#4589ff;\n --cds-syntax-label-name:#a6c8ff;\n --cds-syntax-line-comment:#42be65;\n --cds-syntax-link:#4589ff;\n --cds-syntax-list:#f4f4f4;\n --cds-syntax-literal:#f4f4f4;\n --cds-syntax-local:#a6c8ff;\n --cds-syntax-logic-operator:#e0e0e0;\n --cds-syntax-macro-name:#f4f4f4;\n --cds-syntax-meta:#42be65;\n --cds-syntax-modifier:#4589ff;\n --cds-syntax-module-keyword:#be95ff;\n --cds-syntax-monospace:#f4f4f4;\n --cds-syntax-name:#a6c8ff;\n --cds-syntax-namespace:#3ddbd9;\n --cds-syntax-null:#f4f4f4;\n --cds-syntax-number:#6fdc8c;\n --cds-syntax-operator:#e0e0e0;\n --cds-syntax-operator-keyword:#4589ff;\n --cds-syntax-paren:#e0e0e0;\n --cds-syntax-processing-instruction:#f4f4f4;\n --cds-syntax-property-name:#33b1ff;\n --cds-syntax-punctuation:#e0e0e0;\n --cds-syntax-quote:#42be65;\n --cds-syntax-regexp:#be95ff;\n --cds-syntax-self:#3ddbd9;\n --cds-syntax-separator:#e0e0e0;\n --cds-syntax-special:#4589ff;\n --cds-syntax-special-string:#be95ff;\n --cds-syntax-square-bracket:#e0e0e0;\n --cds-syntax-standard:#4589ff;\n --cds-syntax-strikethrough:#f4f4f4;\n --cds-syntax-string:#f4f4f4;\n --cds-syntax-strong:#f4f4f4;\n --cds-syntax-tag:#3ddbd9;\n --cds-syntax-tag-name:#3ddbd9;\n --cds-syntax-type:#3ddbd9;\n --cds-syntax-type-name:#3ddbd9;\n --cds-syntax-type-operator:#3ddbd9;\n --cds-syntax-unit:#6fdc8c;\n --cds-syntax-update-operator:#e0e0e0;\n --cds-syntax-url:#e0e0e0;\n --cds-syntax-variable:#a6c8ff;\n --cds-syntax-variable-name:#a6c8ff;\n --cds-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-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{\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}\n:host{\n}\n:host .cds-custom-aichat--widget--expand-to-fit{\n block-size:100%;\n inline-size:100%;\n max-block-size:100%;\n max-inline-size:100%;\n min-block-size:0;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--workspace-writeable-element ::slotted(*){\n block-size:100%;\n max-block-size:100%;\n}\n:host .cds-custom-aichat--history-writeable-element ::slotted(*){\n display:block;\n block-size:100%;\n}\n:host .cds-custom-aichat--history-panel__content-container{\n block-size:100%;\n}\n:host .cds-custom-aichat--history-panel__content-container ::slotted(*){\n --history-shell-border:none;\n block-size:100%;\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{\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host{\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{\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n z-index:1;\n display:flex;\n flex:1;\n flex-direction:column;\n block-size:100%;\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n inline-size:100%;\n -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n text-rendering:optimizelegibility;\n visibility:visible;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-custom-aichat-float--open{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host{\n}\n:host .cds-custom-aichat-float--opening{\n animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--opening:not(.cds-custom-aichat-float--mobile){\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--closing{\n animation:cds-custom-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat-float--closing{\n animation:none;\n }\n}\n:host{\n}\n:host .cds-custom-aichat-float--close{\n display:none;\n overflow:hidden;\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat-float--mobile{\n position:fixed;\n z-index:var(--cds-aichat-z-index, 99999);\n block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-aichat-width, 380px);\n inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n inset-block-start:var(--cds-aichat-top-position, auto);\n inset-inline-end:var(--cds-aichat-right-position, 2rem);\n inset-inline-start:var(--cds-aichat-left-position, auto);\n max-block-size:var(--cds-aichat-max-height, 640px);\n max-inline-size:100%;\n min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat-float--mobile.cds-custom-aichat-float--opening{\n animation:cds-custom-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n }\n}\n:host{\n}\n@keyframes cds-custom-aichat-float-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-float-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n:host{\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{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\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--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__layer--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--panel-header-content{\n margin:auto;\n max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-custom-aichat--panel-header{\n border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds-custom-aichat--panel-header--full-width .cds-custom-aichat--panel-header-content{\n max-inline-size:100%;\n}";
|
|
15571
15564
|
|
|
15572
15565
|
const applicationStylesheet = typeof CSSStyleSheet !== "undefined" ? new CSSStyleSheet : null;
|
|
15573
15566
|
|
|
@@ -15581,14 +15574,60 @@ const WIDTH_BREAKPOINT_NARROW = "cds-custom-aichat--narrow-width";
|
|
|
15581
15574
|
|
|
15582
15575
|
const WIDTH_BREAKPOINT_WIDE = "cds-custom-aichat--wide-width";
|
|
15583
15576
|
|
|
15577
|
+
const selectConfig = state => state.config;
|
|
15578
|
+
|
|
15579
|
+
const selectPersistedToBrowserStorage = state => state.persistedToBrowserStorage;
|
|
15580
|
+
|
|
15581
|
+
const selectIsHydrated = state => state.isHydrated;
|
|
15582
|
+
|
|
15583
|
+
const selectAssistantMessageState = state => state.assistantMessageState;
|
|
15584
|
+
|
|
15585
|
+
const selectHumanAgentStateSlice = state => state.humanAgentState;
|
|
15586
|
+
|
|
15587
|
+
const selectWorkspacePanelState = state => state.workspacePanelState;
|
|
15588
|
+
|
|
15589
|
+
const selectHistoryPanelState = state => state.historyPanelState;
|
|
15590
|
+
|
|
15591
|
+
const selectAllMessageItemsByID = state => state.allMessageItemsByID;
|
|
15592
|
+
|
|
15593
|
+
const selectAllMessagesByID = state => state.allMessagesByID;
|
|
15594
|
+
|
|
15595
|
+
const selectCatastrophicErrorType = state => state.catastrophicErrorType;
|
|
15596
|
+
|
|
15597
|
+
const selectCatastrophicErrorPanelState = state => state.catastrophicErrorPanelState;
|
|
15598
|
+
|
|
15599
|
+
const selectIFramePanelState = state => state.iFramePanelState;
|
|
15600
|
+
|
|
15601
|
+
const selectViewSourcePanelState = state => state.viewSourcePanelState;
|
|
15602
|
+
|
|
15603
|
+
const selectCustomPanelState = state => state.customPanelState;
|
|
15604
|
+
|
|
15605
|
+
const selectResponsePanelState = state => state.responsePanelState;
|
|
15606
|
+
|
|
15607
|
+
const selectChatWidthBreakpoint = state => state.chatWidthBreakpoint;
|
|
15608
|
+
|
|
15584
15609
|
function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
15585
15610
|
const intl = useIntl();
|
|
15586
15611
|
const ariaAnnouncer = useAriaAnnouncer();
|
|
15587
15612
|
useEffect(() => {
|
|
15588
15613
|
serviceManager.ariaAnnouncer = ariaAnnouncer;
|
|
15589
15614
|
}, [ serviceManager, ariaAnnouncer ]);
|
|
15590
|
-
const
|
|
15591
|
-
const
|
|
15615
|
+
const config = useSelector(selectConfig);
|
|
15616
|
+
const persistedToBrowserStorage = useSelector(selectPersistedToBrowserStorage);
|
|
15617
|
+
const isHydrated = useSelector(selectIsHydrated);
|
|
15618
|
+
const assistantMessageState = useSelector(selectAssistantMessageState);
|
|
15619
|
+
const humanAgentState = useSelector(selectHumanAgentStateSlice);
|
|
15620
|
+
const workspacePanelState = useSelector(selectWorkspacePanelState);
|
|
15621
|
+
const historyPanelState = useSelector(selectHistoryPanelState);
|
|
15622
|
+
const allMessageItemsByID = useSelector(selectAllMessageItemsByID);
|
|
15623
|
+
const allMessagesByID = useSelector(selectAllMessagesByID);
|
|
15624
|
+
const catastrophicErrorType = useSelector(selectCatastrophicErrorType);
|
|
15625
|
+
const catastrophicErrorPanelState = useSelector(selectCatastrophicErrorPanelState);
|
|
15626
|
+
const iFramePanelState = useSelector(selectIFramePanelState);
|
|
15627
|
+
const viewSourcePanelState = useSelector(selectViewSourcePanelState);
|
|
15628
|
+
const customPanelState = useSelector(selectCustomPanelState);
|
|
15629
|
+
const responsePanelState = useSelector(selectResponsePanelState);
|
|
15630
|
+
const chatWidthBreakpoint = useSelector(selectChatWidthBreakpoint);
|
|
15592
15631
|
const {derived: {themeWithDefaults: theme, layout, languagePack, launcher, cssVariableOverrides, header}, public: publicConfig} = config;
|
|
15593
15632
|
const namespaceName = serviceManager.namespace.originalName;
|
|
15594
15633
|
const languageKey = namespaceName ? "window_ariaChatRegionNamespace" : "window_ariaChatRegion";
|
|
@@ -15621,8 +15660,8 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15621
15660
|
const messagesToArray = useMemo(() => createUnmappingMemoizer(), []);
|
|
15622
15661
|
const useCustomHostElement = Boolean(hostElement);
|
|
15623
15662
|
const headerDisplayName = header?.name;
|
|
15624
|
-
const inputState = selectInputState
|
|
15625
|
-
const agentDisplayState = selectHumanAgentDisplayState
|
|
15663
|
+
const inputState = useSelector(selectInputState);
|
|
15664
|
+
const agentDisplayState = useSelector(selectHumanAgentDisplayState, shallowEqual);
|
|
15626
15665
|
const {showDisclaimer, showHomeScreen, shouldShowHydrationPanel, isHydratingComplete} = useDerivedState({
|
|
15627
15666
|
publicConfig,
|
|
15628
15667
|
persistedToBrowserStorage,
|
|
@@ -15680,11 +15719,11 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15680
15719
|
});
|
|
15681
15720
|
const {onSendInput, onRestart, onClose, onToggleHomeScreen, onAcceptDisclaimer, requestInputFocus, shouldDisableInput, shouldDisableSend, showUploadButtonDisabled} = useInputCallbacks({
|
|
15682
15721
|
serviceManager,
|
|
15683
|
-
appState,
|
|
15684
15722
|
inputState,
|
|
15685
15723
|
agentDisplayState,
|
|
15686
15724
|
isHydrated,
|
|
15687
|
-
messagesRef
|
|
15725
|
+
messagesRef,
|
|
15726
|
+
humanAgentFileUploadInProgress: humanAgentState.fileUploadInProgress
|
|
15688
15727
|
});
|
|
15689
15728
|
const {showEndChatConfirmation, showConfirmEndChat, hideConfirmEndChat, confirmHumanAgentEndChat, onUserTyping, onFilesSelectedForUpload} = useHumanAgentCallbacks({
|
|
15690
15729
|
serviceManager,
|
|
@@ -15710,7 +15749,8 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15710
15749
|
requestFocus
|
|
15711
15750
|
});
|
|
15712
15751
|
const headerConfigOverride = useMemo(() => {
|
|
15713
|
-
|
|
15752
|
+
const showMobileMenu = publicConfig.history?.showMobileMenu ?? true;
|
|
15753
|
+
if (!publicConfig.history?.isOn || !historyPanelState.isMobile || !showMobileMenu) {
|
|
15714
15754
|
return undefined;
|
|
15715
15755
|
}
|
|
15716
15756
|
return {
|
|
@@ -15732,7 +15772,12 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15732
15772
|
}
|
|
15733
15773
|
}, ...config.derived.header?.menuOptions || [] ]
|
|
15734
15774
|
};
|
|
15735
|
-
}, [ historyPanelState.isMobile, config.derived.header, serviceManager, languagePack.history_new_chat, languagePack.history_view_chats, publicConfig.history?.isOn ]);
|
|
15775
|
+
}, [ historyPanelState.isMobile, config.derived.header, serviceManager, languagePack.history_new_chat, languagePack.history_view_chats, publicConfig.history?.isOn, publicConfig.history?.showMobileMenu ]);
|
|
15776
|
+
const updateHistoryMobileDetection = useHistoryMobileDetection({
|
|
15777
|
+
container: widgetContainerRef.current,
|
|
15778
|
+
useCustomHostElement,
|
|
15779
|
+
serviceManager
|
|
15780
|
+
});
|
|
15736
15781
|
const handleResize = useCallback(() => {
|
|
15737
15782
|
const container = widgetContainerRef.current;
|
|
15738
15783
|
if (!container) {
|
|
@@ -15744,13 +15789,8 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15744
15789
|
serviceManager.store.dispatch(actions.setAppStateValue("chatWidth", width));
|
|
15745
15790
|
serviceManager.store.dispatch(actions.setAppStateValue("chatHeight", height));
|
|
15746
15791
|
serviceManager.store.dispatch(actions.setAppStateValue("chatWidthBreakpoint", breakpoint));
|
|
15747
|
-
updateHistoryMobileDetection(
|
|
15748
|
-
|
|
15749
|
-
container,
|
|
15750
|
-
useCustomHostElement,
|
|
15751
|
-
serviceManager
|
|
15752
|
-
});
|
|
15753
|
-
}, [ widgetContainerRef, useCustomHostElement, serviceManager ]);
|
|
15792
|
+
updateHistoryMobileDetection(width);
|
|
15793
|
+
}, [ widgetContainerRef, serviceManager, updateHistoryMobileDetection ]);
|
|
15754
15794
|
useResizeObserver({
|
|
15755
15795
|
containerRef: widgetContainerRef,
|
|
15756
15796
|
onResize: handleResize
|
|
@@ -15793,6 +15833,7 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15793
15833
|
consoleError("An error occurred in handleFocusToggle", error);
|
|
15794
15834
|
}
|
|
15795
15835
|
}, []);
|
|
15836
|
+
const onSendInputFromInput = useCallback(text => onSendInput(text, MessageSendSource.MESSAGE_INPUT), [ onSendInput ]);
|
|
15796
15837
|
useEffect(() => {
|
|
15797
15838
|
const shortcutConfig = publicConfig.keyboardShortcuts?.messageFocusToggle || DEFAULT_MESSAGE_FOCUS_TOGGLE_SHORTCUT;
|
|
15798
15839
|
const shortcutsEnabled = shortcutConfig.is_on === true;
|
|
@@ -15895,7 +15936,7 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15895
15936
|
contentMaxWidth: layout.hasContentMaxWidth,
|
|
15896
15937
|
showWorkspace: workspacePanelState.isOpen,
|
|
15897
15938
|
workspaceLocation: workspacePanelState.options.preferredLocation,
|
|
15898
|
-
showHistory: config.public.history?.isOn ?? false,
|
|
15939
|
+
showHistory: (config.public.history?.isOn ?? false) && historyPanelState.isOpen,
|
|
15899
15940
|
workspaceAriaLabel: languagePack.aria_workspaceRegion,
|
|
15900
15941
|
historyAriaLabel: languagePack.aria_historyRegion,
|
|
15901
15942
|
messagesAriaLabel: languagePack.aria_messagesRegion,
|
|
@@ -15940,7 +15981,7 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15940
15981
|
allMessagesByID,
|
|
15941
15982
|
inputState,
|
|
15942
15983
|
config,
|
|
15943
|
-
|
|
15984
|
+
catastrophicErrorPanelState
|
|
15944
15985
|
}), (config.derived.header?.isOn || headerConfigOverride?.isOn) && React.createElement("div", {
|
|
15945
15986
|
slot: "header"
|
|
15946
15987
|
}, React.createElement(HeaderExport, {
|
|
@@ -15984,7 +16025,7 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
15984
16025
|
disableInput: shouldDisableInput(),
|
|
15985
16026
|
disableSend: shouldDisableSend(),
|
|
15986
16027
|
isInputVisible: inputState.fieldVisible,
|
|
15987
|
-
onSendInput:
|
|
16028
|
+
onSendInput: onSendInputFromInput,
|
|
15988
16029
|
onUserTyping,
|
|
15989
16030
|
showUploadButton: inputState.allowFileUploads || isAssistantUploadEnabled,
|
|
15990
16031
|
disableUploadButton: inputState.allowFileUploads ? showUploadButtonDisabled : assistantUploadButtonDisabled,
|
|
@@ -16021,6 +16062,8 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
|
|
|
16021
16062
|
}));
|
|
16022
16063
|
}
|
|
16023
16064
|
|
|
16065
|
+
var AppShell$1 = React.memo(AppShell);
|
|
16066
|
+
|
|
16024
16067
|
function ChatAppEntry({config, strings, onBeforeRender, onAfterRender, renderUserDefinedResponse, renderCustomMessageFooter, renderWriteableElements, container, setParentInstance, element, chatWrapper, serviceDeskFactory, serviceDesk}) {
|
|
16025
16068
|
const [instance, setInstance] = useState(null);
|
|
16026
16069
|
const [serviceManager, setServiceManager] = useState(null);
|
|
@@ -16181,7 +16224,7 @@ function ChatAppEntry({config, strings, onBeforeRender, onAfterRender, renderUse
|
|
|
16181
16224
|
serviceManager
|
|
16182
16225
|
}, React.createElement(IntlProvider, {
|
|
16183
16226
|
intl: serviceManager.intl
|
|
16184
|
-
}, React.createElement(LanguagePackProvider, null, React.createElement(AriaAnnouncerProvider, null, React.createElement(AppShell, {
|
|
16227
|
+
}, React.createElement(LanguagePackProvider, null, React.createElement(AriaAnnouncerProvider, null, React.createElement(AppShell$1, {
|
|
16185
16228
|
serviceManager,
|
|
16186
16229
|
hostElement: serviceManager.customHostElement,
|
|
16187
16230
|
renderWriteableElements
|