@carbon/ai-chat 0.1.6 → 0.1.7-test-no-cjs

package/dist/cjs/export.js

@@ -1,27 +0,0 @@
-/*
-
-
-(C) Copyright IBM Corp. 2017, 2025. All Rights Reserved.
-
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
-in compliance with the License. You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under the License
-is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
-or implied. See the License for the specific language governing permissions and limitations under
-the License.
-
-@carbon/ai-chat 0.1.6
-
-Built: Feb 3 2025 9:58 am -05:00
-
-
-
-*/
-'use strict';
-
-var _export = "@charset \"UTF-8\";\n/**\n *\n * IBM Confidential\n *\n * (C) Copyright IBM Corp. 2024\n *\n * The source code for this program is not published or otherwise\n * divested of its trade secrets, irrespective of what has been\n * deposited with the U. S. Copyright Office\n *\n * US Government Users Restricted Rights - Use, duplication or\n * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n *\n */\n.cds--layout--size-xs {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xs {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds--layout-constraint--size__min-xs {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout-constraint--size__max-xs {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout--size-sm {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-sm {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds--layout-constraint--size__min-sm {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout-constraint--size__max-sm {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout--size-md {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-md {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds--layout-constraint--size__min-md {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout-constraint--size__max-md {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout--size-lg {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-lg {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds--layout-constraint--size__min-lg {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout-constraint--size__max-lg {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout--size-xl {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xl {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds--layout-constraint--size__min-xl {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout-constraint--size__max-xl {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout--size-2xl {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-2xl {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds--layout-constraint--size__min-2xl {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout-constraint--size__max-2xl {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout--density-condensed {\n  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-condensed {\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds--layout-constraint--density__min-condensed {\n  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout-constraint--density__max-condensed {\n  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout--density-normal {\n  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-normal {\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds--layout-constraint--density__min-normal {\n  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds--layout-constraint--density__max-normal {\n  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root {\n  --cds-layout-size-height-xs: 1.5rem;\n  --cds-layout-size-height-sm: 2rem;\n  --cds-layout-size-height-md: 2.5rem;\n  --cds-layout-size-height-lg: 3rem;\n  --cds-layout-size-height-xl: 4rem;\n  --cds-layout-size-height-2xl: 5rem;\n  --cds-layout-size-height-min: 0px;\n  --cds-layout-size-height-max: 999999999px;\n  --cds-layout-density-padding-inline-condensed: 0.5rem;\n  --cds-layout-density-padding-inline-normal: 1rem;\n  --cds-layout-density-padding-inline-min: 0px;\n  --cds-layout-density-padding-inline-max: 999999999px;\n}\n\n:host {\n  --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  height: 100%;\n  /* HTML5 display-role reset for older browsers */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* This file is included in each of the [theme]Variables.scss files in this folder. Those theme files provide the\n  values of the SASS variables that are transformed to CSS variables here.\n\n  Only variables we mean for Deb to edit should actually be here, the rest should get converted to SASS so stop Deb from\n  doing unsupported overrides.\n  */\n  /**\n    * These variables are attached to the topmost element of the page where the widget is attached.\n    *\n    */\n  /* We will have to think on what this looks like if we are going to remove these CSS variables and make them SASS based. */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* This file is included in each of the [theme]Variables.scss files in this folder. Those theme files provide the\n  values of the SASS variables that are transformed to CSS variables here.\n\n  Only variables we mean for Deb to edit should actually be here, the rest should get converted to SASS so stop Deb from\n  doing unsupported overrides.\n  */\n  /**\n    * These variables are attached to the topmost element of the page where the widget is attached.\n    *\n    */\n  /* HTML5 display-role reset for older browsers */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* stylelint-disable */\n  /*stylelint-enable */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* Stroke animations */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* If IE11 Don't show check animation */\n  /* stylelint-disable no-duplicate-selectors */\n  /* stylelint-enable no-duplicate-selectors */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* Ghost action button when inline */\n  /* Tertiary action button when not inline (toast) */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /* stylelint-disable */\n  /* stylelint-enable */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /*\n   * This file contains animations that don't have any other home and can be used throughout the application without being\n   * associated with any specific component.\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /*\n   * This file contains styles that don't have any other home and can be used throughout the application without being\n   * associated with any specific component.\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /*\n  Classes for developers to use in their custom markup to match the styles of web chat.\n  ibm-web-chat--default-styles is automatically applied to all text response types, and all rich text which includes\n  text responses and parts of option and suggestion (disambiguation) responses.\n  */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* In some (but not all) RTL languages, the question marks should be flipped. Arabic is the only out-of-the-box\n     translation that requires this. */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /*\n   * Delay: 250ms before the first animation starts.\n   * Spacing: 84ms between the animations of each button.\n   * Duration: 334ms for the animation of each button.\n   */\n  /* In some (but not all) RTL languages, the question marks should be flipped. Arabic is the only out-of-the-box\n     translation that requires this. */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   * Swiper 11.1.1\n   * Most modern mobile touch slider and framework with hardware accelerated transitions\n   * https://swiperjs.com\n   *\n   * Copyright 2014-2024 Vladimir Kharlampidi\n   *\n   * Released under the MIT License\n   *\n   * Released on: April 9, 2024\n   */\n  /* Auto Height */\n  /* 3D Effects */\n  /* CSS Mode */\n  /* Slide styles start */\n  /* 3D Shadows */\n  /* Slide styles end */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* Prevent the datepicker element from floating by undoing it's absolute positioning. */\n  /* For some reason the date picker component isn't updating the icon disabled state. */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* When the dropdown is opened, we want to add some temporary padding while performing the scroll calculations so that\n     it scrolls by a little more than it needs to. This class is only added while the calculation is performed. */\n  /* The dropdown button doesn't have a height set so we should set it ourselves. */\n  /* We have to manually force the date picker to fill the space it's in. */\n  /* Undo the block size set to allow the dropdown menu to scroll into view when opened. */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /*\n   * For some reason I can't explain, the textarea wants to scroll by 1px with this setup on Firefox. If we add 1px of\n   * padding to the sizer, that'll give the textarea the 1 extra pixel needed to not scroll.\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /*\n    A message wrapper should have 16px padding to make it consistent with existing card designs in web chat.\n  */\n  /*\n    Messages with short bottom padding should give their sibling element (that aren't full width) no top padding so\n    that there's 12px space between messages.\n  */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2023, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* This file is included in each of the [theme]Variables.scss files in this folder. Those theme files provide the\n  values of the SASS variables that are transformed to CSS variables here.\n\n  Only variables we mean for Deb to edit should actually be here, the rest should get converted to SASS so stop Deb from\n  doing unsupported overrides.\n  */\n  /**\n    * These variables are attached to the topmost element of the page where the widget is attached.\n    *\n    */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2025\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2022, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2021, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2023\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2020, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /* The following four blocks are duplicates so make sure to keep them all up-to-date. */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n  /**\n   *\n   * IBM Confidential\n   *\n   * (C) Copyright IBM Corp. 2019, 2024\n   *\n   * The source code for this program is not published or otherwise\n   * divested of its trade secrets, irrespective of what has been\n   * deposited with the U. S. Copyright Office\n   *\n   * US Government Users Restricted Rights - Use, duplication or\n   * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.\n   *\n   */\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea {\n  border-radius: 0;\n  font-family: inherit;\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section {\n  display: block;\n}\n:host body {\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-primary, #161616);\n  line-height: 1;\n}\n:host ol,\n:host ul {\n  list-style: none;\n}\n:host blockquote,\n:host q {\n  quotes: none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after {\n  content: \"\";\n  content: none;\n}\n:host table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n:host html {\n  box-sizing: border-box;\n}\n:host *,\n:host *::before,\n:host *::after {\n  box-sizing: inherit;\n}\n:host html {\n  font-size: 100%;\n}\n:host body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong {\n  font-weight: 600;\n}\n@media screen and (-ms-high-contrast: active) {\n  :host svg {\n    fill: ButtonText;\n  }\n}\n:host h1 {\n  font-size: var(--cds-heading-06-font-size, 2.625rem);\n  font-weight: var(--cds-heading-06-font-weight, 300);\n  line-height: var(--cds-heading-06-line-height, 1.199);\n  letter-spacing: var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2 {\n  font-size: var(--cds-heading-05-font-size, 2rem);\n  font-weight: var(--cds-heading-05-font-weight, 400);\n  line-height: var(--cds-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3 {\n  font-size: var(--cds-heading-04-font-size, 1.75rem);\n  font-weight: var(--cds-heading-04-font-weight, 400);\n  line-height: var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing: var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4 {\n  font-size: var(--cds-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-heading-03-font-weight, 400);\n  line-height: var(--cds-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5 {\n  font-size: var(--cds-heading-02-font-size, 1rem);\n  font-weight: var(--cds-heading-02-font-weight, 600);\n  line-height: var(--cds-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6 {\n  font-size: var(--cds-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-heading-01-font-weight, 600);\n  line-height: var(--cds-heading-01-line-height, 1.42857);\n  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p {\n  font-size: var(--cds-body-02-font-size, 1rem);\n  font-weight: var(--cds-body-02-font-weight, 400);\n  line-height: var(--cds-body-02-line-height, 1.5);\n  letter-spacing: var(--cds-body-02-letter-spacing, 0);\n}\n:host a {\n  color: var(--cds-link-primary, #0062fe);\n}\n:host em {\n  font-style: italic;\n}\n:host .cds--white {\n  --cds-ai-aura-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background: #edf5ff;\n  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #78a9ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong: #4589ff;\n  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay: rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background: #ffffff;\n  --cds-ai-popover-caret-bottom: #78a9ff;\n  --cds-ai-popover-caret-bottom-background: #eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions: #e9effa;\n  --cds-ai-popover-caret-center: #a0c3ff;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background: #d0e2ff;\n  --cds-ai-skeleton-element-background: #4589ff;\n  --cds-background: #ffffff;\n  --cds-background-active: rgba(141, 141, 141, 0.5);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.12);\n  --cds-background-inverse: #393939;\n  --cds-background-inverse-hover: #474747;\n  --cds-background-selected: rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: #c6c6c6;\n  --cds-border-interactive: #0f62fe;\n  --cds-border-inverse: #161616;\n  --cds-border-strong-01: #8d8d8d;\n  --cds-border-strong-02: #8d8d8d;\n  --cds-border-strong-03: #8d8d8d;\n  --cds-border-subtle-00: #e0e0e0;\n  --cds-border-subtle-01: #c6c6c6;\n  --cds-border-subtle-02: #e0e0e0;\n  --cds-border-subtle-03: #c6c6c6;\n  --cds-border-subtle-selected-01: #c6c6c6;\n  --cds-border-subtle-selected-02: #c6c6c6;\n  --cds-border-subtle-selected-03: #c6c6c6;\n  --cds-border-tile-01: #c6c6c6;\n  --cds-border-tile-02: #a8a8a8;\n  --cds-border-tile-03: #c6c6c6;\n  --cds-chat-avatar-agent: #393939;\n  --cds-chat-avatar-bot: #6f6f6f;\n  --cds-chat-avatar-user: #0f62fe;\n  --cds-chat-bubble-agent: #ffffff;\n  --cds-chat-bubble-border: #e0e0e0;\n  --cds-chat-bubble-user: #e0e0e0;\n  --cds-chat-button: #0f62fe;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover: #0043ce;\n  --cds-chat-button-text-selected: #525252;\n  --cds-chat-header-background: #ffffff;\n  --cds-chat-prompt-background: #ffffff;\n  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start: #f4f4f4;\n  --cds-chat-shell-background: #ffffff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-field-03: #f4f4f4;\n  --cds-field-hover-01: #e8e8e8;\n  --cds-field-hover-02: #e8e8e8;\n  --cds-field-hover-03: #e8e8e8;\n  --cds-focus: #0f62fe;\n  --cds-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-highlight: #d0e2ff;\n  --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive: #0f62fe;\n  --cds-icon-inverse: #ffffff;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-interactive: #0f62fe;\n  --cds-layer-01: #f4f4f4;\n  --cds-layer-02: #ffffff;\n  --cds-layer-03: #f4f4f4;\n  --cds-layer-accent-01: #e0e0e0;\n  --cds-layer-accent-02: #e0e0e0;\n  --cds-layer-accent-03: #e0e0e0;\n  --cds-layer-accent-active-01: #a8a8a8;\n  --cds-layer-accent-active-02: #a8a8a8;\n  --cds-layer-accent-active-03: #a8a8a8;\n  --cds-layer-accent-hover-01: #d1d1d1;\n  --cds-layer-accent-hover-02: #d1d1d1;\n  --cds-layer-accent-hover-03: #d1d1d1;\n  --cds-layer-active-01: #c6c6c6;\n  --cds-layer-active-02: #c6c6c6;\n  --cds-layer-active-03: #c6c6c6;\n  --cds-layer-hover-01: #e8e8e8;\n  --cds-layer-hover-02: #e8e8e8;\n  --cds-layer-hover-03: #e8e8e8;\n  --cds-layer-selected-01: #e0e0e0;\n  --cds-layer-selected-02: #e0e0e0;\n  --cds-layer-selected-03: #e0e0e0;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-layer-selected-hover-01: #d1d1d1;\n  --cds-layer-selected-hover-02: #d1d1d1;\n  --cds-layer-selected-hover-03: #d1d1d1;\n  --cds-layer-selected-inverse: #161616;\n  --cds-link-inverse: #78a9ff;\n  --cds-link-inverse-active: #f4f4f4;\n  --cds-link-inverse-hover: #a6c8ff;\n  --cds-link-inverse-visited: #be95ff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-primary-hover: #0043ce;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-shadow: rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background: #e8e8e8;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #8a3ffc;\n  --cds-support-error: #da1e28;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-info: #0043ce;\n  --cds-support-info-inverse: #4589ff;\n  --cds-support-success: #24a148;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(22, 22, 22, 0.25);\n  --cds-text-error: #da1e28;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-inverse: #ffffff;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-toggle-off: #8d8d8d;\n  --cds-spacing-01: 0.125rem;\n  --cds-spacing-02: 0.25rem;\n  --cds-spacing-03: 0.5rem;\n  --cds-spacing-04: 0.75rem;\n  --cds-spacing-05: 1rem;\n  --cds-spacing-06: 1.5rem;\n  --cds-spacing-07: 2rem;\n  --cds-spacing-08: 2.5rem;\n  --cds-spacing-09: 3rem;\n  --cds-spacing-10: 4rem;\n  --cds-spacing-11: 5rem;\n  --cds-spacing-12: 6rem;\n  --cds-spacing-13: 10rem;\n  --cds-fluid-spacing-01: 0;\n  --cds-fluid-spacing-02: 2vw;\n  --cds-fluid-spacing-03: 5vw;\n  --cds-fluid-spacing-04: 10vw;\n  --cds-caption-01-font-size: 0.75rem;\n  --cds-caption-01-font-weight: 400;\n  --cds-caption-01-line-height: 1.33333;\n  --cds-caption-01-letter-spacing: 0.32px;\n  --cds-caption-02-font-size: 0.875rem;\n  --cds-caption-02-font-weight: 400;\n  --cds-caption-02-line-height: 1.28572;\n  --cds-caption-02-letter-spacing: 0.32px;\n  --cds-label-01-font-size: 0.75rem;\n  --cds-label-01-font-weight: 400;\n  --cds-label-01-line-height: 1.33333;\n  --cds-label-01-letter-spacing: 0.32px;\n  --cds-label-02-font-size: 0.875rem;\n  --cds-label-02-font-weight: 400;\n  --cds-label-02-line-height: 1.28572;\n  --cds-label-02-letter-spacing: 0.16px;\n  --cds-helper-text-01-font-size: 0.75rem;\n  --cds-helper-text-01-line-height: 1.33333;\n  --cds-helper-text-01-letter-spacing: 0.32px;\n  --cds-helper-text-02-font-size: 0.875rem;\n  --cds-helper-text-02-font-weight: 400;\n  --cds-helper-text-02-line-height: 1.28572;\n  --cds-helper-text-02-letter-spacing: 0.16px;\n  --cds-body-short-01-font-size: 0.875rem;\n  --cds-body-short-01-font-weight: 400;\n  --cds-body-short-01-line-height: 1.28572;\n  --cds-body-short-01-letter-spacing: 0.16px;\n  --cds-body-short-02-font-size: 1rem;\n  --cds-body-short-02-font-weight: 400;\n  --cds-body-short-02-line-height: 1.375;\n  --cds-body-short-02-letter-spacing: 0;\n  --cds-body-long-01-font-size: 0.875rem;\n  --cds-body-long-01-font-weight: 400;\n  --cds-body-long-01-line-height: 1.42857;\n  --cds-body-long-01-letter-spacing: 0.16px;\n  --cds-body-long-02-font-size: 1rem;\n  --cds-body-long-02-font-weight: 400;\n  --cds-body-long-02-line-height: 1.5;\n  --cds-body-long-02-letter-spacing: 0;\n  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size: 0.75rem;\n  --cds-code-01-font-weight: 400;\n  --cds-code-01-line-height: 1.33333;\n  --cds-code-01-letter-spacing: 0.32px;\n  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size: 0.875rem;\n  --cds-code-02-font-weight: 400;\n  --cds-code-02-line-height: 1.42857;\n  --cds-code-02-letter-spacing: 0.32px;\n  --cds-heading-01-font-size: 0.875rem;\n  --cds-heading-01-font-weight: 600;\n  --cds-heading-01-line-height: 1.42857;\n  --cds-heading-01-letter-spacing: 0.16px;\n  --cds-heading-02-font-size: 1rem;\n  --cds-heading-02-font-weight: 600;\n  --cds-heading-02-line-height: 1.5;\n  --cds-heading-02-letter-spacing: 0;\n  --cds-productive-heading-01-font-size: 0.875rem;\n  --cds-productive-heading-01-font-weight: 600;\n  --cds-productive-heading-01-line-height: 1.28572;\n  --cds-productive-heading-01-letter-spacing: 0.16px;\n  --cds-productive-heading-02-font-size: 1rem;\n  --cds-productive-heading-02-font-weight: 600;\n  --cds-productive-heading-02-line-height: 1.375;\n  --cds-productive-heading-02-letter-spacing: 0;\n  --cds-productive-heading-03-font-size: 1.25rem;\n  --cds-productive-heading-03-font-weight: 400;\n  --cds-productive-heading-03-line-height: 1.4;\n  --cds-productive-heading-03-letter-spacing: 0;\n  --cds-productive-heading-04-font-size: 1.75rem;\n  --cds-productive-heading-04-font-weight: 400;\n  --cds-productive-heading-04-line-height: 1.28572;\n  --cds-productive-heading-04-letter-spacing: 0;\n  --cds-productive-heading-05-font-size: 2rem;\n  --cds-productive-heading-05-font-weight: 400;\n  --cds-productive-heading-05-line-height: 1.25;\n  --cds-productive-heading-05-letter-spacing: 0;\n  --cds-productive-heading-06-font-size: 2.625rem;\n  --cds-productive-heading-06-font-weight: 300;\n  --cds-productive-heading-06-line-height: 1.199;\n  --cds-productive-heading-06-letter-spacing: 0;\n  --cds-productive-heading-07-font-size: 3.375rem;\n  --cds-productive-heading-07-font-weight: 300;\n  --cds-productive-heading-07-line-height: 1.19;\n  --cds-productive-heading-07-letter-spacing: 0;\n  --cds-expressive-paragraph-01-font-size: 1.5rem;\n  --cds-expressive-paragraph-01-font-weight: 300;\n  --cds-expressive-paragraph-01-line-height: 1.334;\n  --cds-expressive-paragraph-01-letter-spacing: 0;\n  --cds-expressive-heading-01-font-size: 0.875rem;\n  --cds-expressive-heading-01-font-weight: 600;\n  --cds-expressive-heading-01-line-height: 1.42857;\n  --cds-expressive-heading-01-letter-spacing: 0.16px;\n  --cds-expressive-heading-02-font-size: 1rem;\n  --cds-expressive-heading-02-font-weight: 600;\n  --cds-expressive-heading-02-line-height: 1.5;\n  --cds-expressive-heading-02-letter-spacing: 0;\n  --cds-expressive-heading-03-font-size: 1.25rem;\n  --cds-expressive-heading-03-font-weight: 400;\n  --cds-expressive-heading-03-line-height: 1.4;\n  --cds-expressive-heading-03-letter-spacing: 0;\n  --cds-expressive-heading-04-font-size: 1.75rem;\n  --cds-expressive-heading-04-font-weight: 400;\n  --cds-expressive-heading-04-line-height: 1.28572;\n  --cds-expressive-heading-04-letter-spacing: 0;\n  --cds-expressive-heading-05-font-size: 2rem;\n  --cds-expressive-heading-05-font-weight: 400;\n  --cds-expressive-heading-05-line-height: 1.25;\n  --cds-expressive-heading-05-letter-spacing: 0;\n  --cds-expressive-heading-06-font-size: 2rem;\n  --cds-expressive-heading-06-font-weight: 600;\n  --cds-expressive-heading-06-line-height: 1.25;\n  --cds-expressive-heading-06-letter-spacing: 0;\n  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size: 1.25rem;\n  --cds-quotation-01-font-weight: 400;\n  --cds-quotation-01-line-height: 1.3;\n  --cds-quotation-01-letter-spacing: 0;\n  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size: 2rem;\n  --cds-quotation-02-font-weight: 300;\n  --cds-quotation-02-line-height: 1.25;\n  --cds-quotation-02-letter-spacing: 0;\n  --cds-display-01-font-size: 2.625rem;\n  --cds-display-01-font-weight: 300;\n  --cds-display-01-line-height: 1.19;\n  --cds-display-01-letter-spacing: 0;\n  --cds-display-02-font-size: 2.625rem;\n  --cds-display-02-font-weight: 600;\n  --cds-display-02-line-height: 1.19;\n  --cds-display-02-letter-spacing: 0;\n  --cds-display-03-font-size: 2.625rem;\n  --cds-display-03-font-weight: 300;\n  --cds-display-03-line-height: 1.19;\n  --cds-display-03-letter-spacing: 0;\n  --cds-display-04-font-size: 2.625rem;\n  --cds-display-04-font-weight: 300;\n  --cds-display-04-line-height: 1.19;\n  --cds-display-04-letter-spacing: 0;\n  --cds-legal-01-font-size: 0.75rem;\n  --cds-legal-01-font-weight: 400;\n  --cds-legal-01-line-height: 1.33333;\n  --cds-legal-01-letter-spacing: 0.32px;\n  --cds-legal-02-font-size: 0.875rem;\n  --cds-legal-02-font-weight: 400;\n  --cds-legal-02-line-height: 1.28572;\n  --cds-legal-02-letter-spacing: 0.16px;\n  --cds-body-compact-01-font-size: 0.875rem;\n  --cds-body-compact-01-font-weight: 400;\n  --cds-body-compact-01-line-height: 1.28572;\n  --cds-body-compact-01-letter-spacing: 0.16px;\n  --cds-body-compact-02-font-size: 1rem;\n  --cds-body-compact-02-font-weight: 400;\n  --cds-body-compact-02-line-height: 1.375;\n  --cds-body-compact-02-letter-spacing: 0;\n  --cds-heading-compact-01-font-size: 0.875rem;\n  --cds-heading-compact-01-font-weight: 600;\n  --cds-heading-compact-01-line-height: 1.28572;\n  --cds-heading-compact-01-letter-spacing: 0.16px;\n  --cds-heading-compact-02-font-size: 1rem;\n  --cds-heading-compact-02-font-weight: 600;\n  --cds-heading-compact-02-line-height: 1.375;\n  --cds-heading-compact-02-letter-spacing: 0;\n  --cds-body-01-font-size: 0.875rem;\n  --cds-body-01-font-weight: 400;\n  --cds-body-01-line-height: 1.42857;\n  --cds-body-01-letter-spacing: 0.16px;\n  --cds-body-02-font-size: 1rem;\n  --cds-body-02-font-weight: 400;\n  --cds-body-02-line-height: 1.5;\n  --cds-body-02-letter-spacing: 0;\n  --cds-heading-03-font-size: 1.25rem;\n  --cds-heading-03-font-weight: 400;\n  --cds-heading-03-line-height: 1.4;\n  --cds-heading-03-letter-spacing: 0;\n  --cds-heading-04-font-size: 1.75rem;\n  --cds-heading-04-font-weight: 400;\n  --cds-heading-04-line-height: 1.28572;\n  --cds-heading-04-letter-spacing: 0;\n  --cds-heading-05-font-size: 2rem;\n  --cds-heading-05-font-weight: 400;\n  --cds-heading-05-line-height: 1.25;\n  --cds-heading-05-letter-spacing: 0;\n  --cds-heading-06-font-size: 2.625rem;\n  --cds-heading-06-font-weight: 300;\n  --cds-heading-06-line-height: 1.199;\n  --cds-heading-06-letter-spacing: 0;\n  --cds-heading-07-font-size: 3.375rem;\n  --cds-heading-07-font-weight: 300;\n  --cds-heading-07-line-height: 1.19;\n  --cds-heading-07-letter-spacing: 0;\n  --cds-fluid-heading-03-font-size: 1.25rem;\n  --cds-fluid-heading-03-font-weight: 400;\n  --cds-fluid-heading-03-line-height: 1.4;\n  --cds-fluid-heading-03-letter-spacing: 0;\n  --cds-fluid-heading-04-font-size: 1.75rem;\n  --cds-fluid-heading-04-font-weight: 400;\n  --cds-fluid-heading-04-line-height: 1.28572;\n  --cds-fluid-heading-04-letter-spacing: 0;\n  --cds-fluid-heading-05-font-size: 2rem;\n  --cds-fluid-heading-05-font-weight: 400;\n  --cds-fluid-heading-05-line-height: 1.25;\n  --cds-fluid-heading-05-letter-spacing: 0;\n  --cds-fluid-heading-06-font-size: 2rem;\n  --cds-fluid-heading-06-font-weight: 600;\n  --cds-fluid-heading-06-line-height: 1.25;\n  --cds-fluid-heading-06-letter-spacing: 0;\n  --cds-fluid-paragraph-01-font-size: 1.5rem;\n  --cds-fluid-paragraph-01-font-weight: 300;\n  --cds-fluid-paragraph-01-line-height: 1.334;\n  --cds-fluid-paragraph-01-letter-spacing: 0;\n  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size: 1.25rem;\n  --cds-fluid-quotation-01-font-weight: 400;\n  --cds-fluid-quotation-01-line-height: 1.3;\n  --cds-fluid-quotation-01-letter-spacing: 0;\n  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size: 2rem;\n  --cds-fluid-quotation-02-font-weight: 300;\n  --cds-fluid-quotation-02-line-height: 1.25;\n  --cds-fluid-quotation-02-letter-spacing: 0;\n  --cds-fluid-display-01-font-size: 2.625rem;\n  --cds-fluid-display-01-font-weight: 300;\n  --cds-fluid-display-01-line-height: 1.19;\n  --cds-fluid-display-01-letter-spacing: 0;\n  --cds-fluid-display-02-font-size: 2.625rem;\n  --cds-fluid-display-02-font-weight: 600;\n  --cds-fluid-display-02-line-height: 1.19;\n  --cds-fluid-display-02-letter-spacing: 0;\n  --cds-fluid-display-03-font-size: 2.625rem;\n  --cds-fluid-display-03-font-weight: 300;\n  --cds-fluid-display-03-line-height: 1.19;\n  --cds-fluid-display-03-letter-spacing: 0;\n  --cds-fluid-display-04-font-size: 2.625rem;\n  --cds-fluid-display-04-font-weight: 300;\n  --cds-fluid-display-04-line-height: 1.19;\n  --cds-fluid-display-04-letter-spacing: 0;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field: var(--cds-field-01, #f4f4f4);\n  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g10 {\n  --cds-ai-aura-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background: #edf5ff;\n  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #78a9ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong: #4589ff;\n  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay: rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background: #ffffff;\n  --cds-ai-popover-caret-bottom: #78a9ff;\n  --cds-ai-popover-caret-bottom-background: #eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions: #e9effa;\n  --cds-ai-popover-caret-center: #a0c3ff;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background: #d0e2ff;\n  --cds-ai-skeleton-element-background: #4589ff;\n  --cds-background: #f4f4f4;\n  --cds-background-active: rgba(141, 141, 141, 0.5);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.12);\n  --cds-background-inverse: #393939;\n  --cds-background-inverse-hover: #474747;\n  --cds-background-selected: rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: #c6c6c6;\n  --cds-border-interactive: #0f62fe;\n  --cds-border-inverse: #161616;\n  --cds-border-strong-01: #8d8d8d;\n  --cds-border-strong-02: #8d8d8d;\n  --cds-border-strong-03: #8d8d8d;\n  --cds-border-subtle-00: #c6c6c6;\n  --cds-border-subtle-01: #e0e0e0;\n  --cds-border-subtle-02: #c6c6c6;\n  --cds-border-subtle-03: #e0e0e0;\n  --cds-border-subtle-selected-01: #c6c6c6;\n  --cds-border-subtle-selected-02: #c6c6c6;\n  --cds-border-subtle-selected-03: #c6c6c6;\n  --cds-border-tile-01: #a8a8a8;\n  --cds-border-tile-02: #c6c6c6;\n  --cds-border-tile-03: #a8a8a8;\n  --cds-chat-avatar-agent: #393939;\n  --cds-chat-avatar-bot: #6f6f6f;\n  --cds-chat-avatar-user: #0f62fe;\n  --cds-chat-bubble-agent: #ffffff;\n  --cds-chat-bubble-border: #e0e0e0;\n  --cds-chat-bubble-user: #e0e0e0;\n  --cds-chat-button: #0f62fe;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover: #0043ce;\n  --cds-chat-button-text-selected: #525252;\n  --cds-chat-header-background: #ffffff;\n  --cds-chat-prompt-background: #ffffff;\n  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start: #f4f4f4;\n  --cds-chat-shell-background: #ffffff;\n  --cds-field-01: #ffffff;\n  --cds-field-02: #f4f4f4;\n  --cds-field-03: #ffffff;\n  --cds-field-hover-01: #e8e8e8;\n  --cds-field-hover-02: #e8e8e8;\n  --cds-field-hover-03: #e8e8e8;\n  --cds-focus: #0f62fe;\n  --cds-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-highlight: #d0e2ff;\n  --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive: #0f62fe;\n  --cds-icon-inverse: #ffffff;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-interactive: #0f62fe;\n  --cds-layer-01: #ffffff;\n  --cds-layer-02: #f4f4f4;\n  --cds-layer-03: #ffffff;\n  --cds-layer-accent-01: #e0e0e0;\n  --cds-layer-accent-02: #e0e0e0;\n  --cds-layer-accent-03: #e0e0e0;\n  --cds-layer-accent-active-01: #a8a8a8;\n  --cds-layer-accent-active-02: #a8a8a8;\n  --cds-layer-accent-active-03: #a8a8a8;\n  --cds-layer-accent-hover-01: #d1d1d1;\n  --cds-layer-accent-hover-02: #d1d1d1;\n  --cds-layer-accent-hover-03: #d1d1d1;\n  --cds-layer-active-01: #c6c6c6;\n  --cds-layer-active-02: #c6c6c6;\n  --cds-layer-active-03: #c6c6c6;\n  --cds-layer-hover-01: #e8e8e8;\n  --cds-layer-hover-02: #e8e8e8;\n  --cds-layer-hover-03: #e8e8e8;\n  --cds-layer-selected-01: #e0e0e0;\n  --cds-layer-selected-02: #e0e0e0;\n  --cds-layer-selected-03: #e0e0e0;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-layer-selected-hover-01: #d1d1d1;\n  --cds-layer-selected-hover-02: #d1d1d1;\n  --cds-layer-selected-hover-03: #d1d1d1;\n  --cds-layer-selected-inverse: #161616;\n  --cds-link-inverse: #78a9ff;\n  --cds-link-inverse-active: #f4f4f4;\n  --cds-link-inverse-hover: #a6c8ff;\n  --cds-link-inverse-visited: #be95ff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-primary-hover: #0043ce;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-shadow: rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background: #e8e8e8;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #8a3ffc;\n  --cds-support-error: #da1e28;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-info: #0043ce;\n  --cds-support-info-inverse: #4589ff;\n  --cds-support-success: #24a148;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(22, 22, 22, 0.25);\n  --cds-text-error: #da1e28;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-inverse: #ffffff;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-toggle-off: #8d8d8d;\n  --cds-spacing-01: 0.125rem;\n  --cds-spacing-02: 0.25rem;\n  --cds-spacing-03: 0.5rem;\n  --cds-spacing-04: 0.75rem;\n  --cds-spacing-05: 1rem;\n  --cds-spacing-06: 1.5rem;\n  --cds-spacing-07: 2rem;\n  --cds-spacing-08: 2.5rem;\n  --cds-spacing-09: 3rem;\n  --cds-spacing-10: 4rem;\n  --cds-spacing-11: 5rem;\n  --cds-spacing-12: 6rem;\n  --cds-spacing-13: 10rem;\n  --cds-fluid-spacing-01: 0;\n  --cds-fluid-spacing-02: 2vw;\n  --cds-fluid-spacing-03: 5vw;\n  --cds-fluid-spacing-04: 10vw;\n  --cds-caption-01-font-size: 0.75rem;\n  --cds-caption-01-font-weight: 400;\n  --cds-caption-01-line-height: 1.33333;\n  --cds-caption-01-letter-spacing: 0.32px;\n  --cds-caption-02-font-size: 0.875rem;\n  --cds-caption-02-font-weight: 400;\n  --cds-caption-02-line-height: 1.28572;\n  --cds-caption-02-letter-spacing: 0.32px;\n  --cds-label-01-font-size: 0.75rem;\n  --cds-label-01-font-weight: 400;\n  --cds-label-01-line-height: 1.33333;\n  --cds-label-01-letter-spacing: 0.32px;\n  --cds-label-02-font-size: 0.875rem;\n  --cds-label-02-font-weight: 400;\n  --cds-label-02-line-height: 1.28572;\n  --cds-label-02-letter-spacing: 0.16px;\n  --cds-helper-text-01-font-size: 0.75rem;\n  --cds-helper-text-01-line-height: 1.33333;\n  --cds-helper-text-01-letter-spacing: 0.32px;\n  --cds-helper-text-02-font-size: 0.875rem;\n  --cds-helper-text-02-font-weight: 400;\n  --cds-helper-text-02-line-height: 1.28572;\n  --cds-helper-text-02-letter-spacing: 0.16px;\n  --cds-body-short-01-font-size: 0.875rem;\n  --cds-body-short-01-font-weight: 400;\n  --cds-body-short-01-line-height: 1.28572;\n  --cds-body-short-01-letter-spacing: 0.16px;\n  --cds-body-short-02-font-size: 1rem;\n  --cds-body-short-02-font-weight: 400;\n  --cds-body-short-02-line-height: 1.375;\n  --cds-body-short-02-letter-spacing: 0;\n  --cds-body-long-01-font-size: 0.875rem;\n  --cds-body-long-01-font-weight: 400;\n  --cds-body-long-01-line-height: 1.42857;\n  --cds-body-long-01-letter-spacing: 0.16px;\n  --cds-body-long-02-font-size: 1rem;\n  --cds-body-long-02-font-weight: 400;\n  --cds-body-long-02-line-height: 1.5;\n  --cds-body-long-02-letter-spacing: 0;\n  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size: 0.75rem;\n  --cds-code-01-font-weight: 400;\n  --cds-code-01-line-height: 1.33333;\n  --cds-code-01-letter-spacing: 0.32px;\n  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size: 0.875rem;\n  --cds-code-02-font-weight: 400;\n  --cds-code-02-line-height: 1.42857;\n  --cds-code-02-letter-spacing: 0.32px;\n  --cds-heading-01-font-size: 0.875rem;\n  --cds-heading-01-font-weight: 600;\n  --cds-heading-01-line-height: 1.42857;\n  --cds-heading-01-letter-spacing: 0.16px;\n  --cds-heading-02-font-size: 1rem;\n  --cds-heading-02-font-weight: 600;\n  --cds-heading-02-line-height: 1.5;\n  --cds-heading-02-letter-spacing: 0;\n  --cds-productive-heading-01-font-size: 0.875rem;\n  --cds-productive-heading-01-font-weight: 600;\n  --cds-productive-heading-01-line-height: 1.28572;\n  --cds-productive-heading-01-letter-spacing: 0.16px;\n  --cds-productive-heading-02-font-size: 1rem;\n  --cds-productive-heading-02-font-weight: 600;\n  --cds-productive-heading-02-line-height: 1.375;\n  --cds-productive-heading-02-letter-spacing: 0;\n  --cds-productive-heading-03-font-size: 1.25rem;\n  --cds-productive-heading-03-font-weight: 400;\n  --cds-productive-heading-03-line-height: 1.4;\n  --cds-productive-heading-03-letter-spacing: 0;\n  --cds-productive-heading-04-font-size: 1.75rem;\n  --cds-productive-heading-04-font-weight: 400;\n  --cds-productive-heading-04-line-height: 1.28572;\n  --cds-productive-heading-04-letter-spacing: 0;\n  --cds-productive-heading-05-font-size: 2rem;\n  --cds-productive-heading-05-font-weight: 400;\n  --cds-productive-heading-05-line-height: 1.25;\n  --cds-productive-heading-05-letter-spacing: 0;\n  --cds-productive-heading-06-font-size: 2.625rem;\n  --cds-productive-heading-06-font-weight: 300;\n  --cds-productive-heading-06-line-height: 1.199;\n  --cds-productive-heading-06-letter-spacing: 0;\n  --cds-productive-heading-07-font-size: 3.375rem;\n  --cds-productive-heading-07-font-weight: 300;\n  --cds-productive-heading-07-line-height: 1.19;\n  --cds-productive-heading-07-letter-spacing: 0;\n  --cds-expressive-paragraph-01-font-size: 1.5rem;\n  --cds-expressive-paragraph-01-font-weight: 300;\n  --cds-expressive-paragraph-01-line-height: 1.334;\n  --cds-expressive-paragraph-01-letter-spacing: 0;\n  --cds-expressive-heading-01-font-size: 0.875rem;\n  --cds-expressive-heading-01-font-weight: 600;\n  --cds-expressive-heading-01-line-height: 1.42857;\n  --cds-expressive-heading-01-letter-spacing: 0.16px;\n  --cds-expressive-heading-02-font-size: 1rem;\n  --cds-expressive-heading-02-font-weight: 600;\n  --cds-expressive-heading-02-line-height: 1.5;\n  --cds-expressive-heading-02-letter-spacing: 0;\n  --cds-expressive-heading-03-font-size: 1.25rem;\n  --cds-expressive-heading-03-font-weight: 400;\n  --cds-expressive-heading-03-line-height: 1.4;\n  --cds-expressive-heading-03-letter-spacing: 0;\n  --cds-expressive-heading-04-font-size: 1.75rem;\n  --cds-expressive-heading-04-font-weight: 400;\n  --cds-expressive-heading-04-line-height: 1.28572;\n  --cds-expressive-heading-04-letter-spacing: 0;\n  --cds-expressive-heading-05-font-size: 2rem;\n  --cds-expressive-heading-05-font-weight: 400;\n  --cds-expressive-heading-05-line-height: 1.25;\n  --cds-expressive-heading-05-letter-spacing: 0;\n  --cds-expressive-heading-06-font-size: 2rem;\n  --cds-expressive-heading-06-font-weight: 600;\n  --cds-expressive-heading-06-line-height: 1.25;\n  --cds-expressive-heading-06-letter-spacing: 0;\n  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size: 1.25rem;\n  --cds-quotation-01-font-weight: 400;\n  --cds-quotation-01-line-height: 1.3;\n  --cds-quotation-01-letter-spacing: 0;\n  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size: 2rem;\n  --cds-quotation-02-font-weight: 300;\n  --cds-quotation-02-line-height: 1.25;\n  --cds-quotation-02-letter-spacing: 0;\n  --cds-display-01-font-size: 2.625rem;\n  --cds-display-01-font-weight: 300;\n  --cds-display-01-line-height: 1.19;\n  --cds-display-01-letter-spacing: 0;\n  --cds-display-02-font-size: 2.625rem;\n  --cds-display-02-font-weight: 600;\n  --cds-display-02-line-height: 1.19;\n  --cds-display-02-letter-spacing: 0;\n  --cds-display-03-font-size: 2.625rem;\n  --cds-display-03-font-weight: 300;\n  --cds-display-03-line-height: 1.19;\n  --cds-display-03-letter-spacing: 0;\n  --cds-display-04-font-size: 2.625rem;\n  --cds-display-04-font-weight: 300;\n  --cds-display-04-line-height: 1.19;\n  --cds-display-04-letter-spacing: 0;\n  --cds-legal-01-font-size: 0.75rem;\n  --cds-legal-01-font-weight: 400;\n  --cds-legal-01-line-height: 1.33333;\n  --cds-legal-01-letter-spacing: 0.32px;\n  --cds-legal-02-font-size: 0.875rem;\n  --cds-legal-02-font-weight: 400;\n  --cds-legal-02-line-height: 1.28572;\n  --cds-legal-02-letter-spacing: 0.16px;\n  --cds-body-compact-01-font-size: 0.875rem;\n  --cds-body-compact-01-font-weight: 400;\n  --cds-body-compact-01-line-height: 1.28572;\n  --cds-body-compact-01-letter-spacing: 0.16px;\n  --cds-body-compact-02-font-size: 1rem;\n  --cds-body-compact-02-font-weight: 400;\n  --cds-body-compact-02-line-height: 1.375;\n  --cds-body-compact-02-letter-spacing: 0;\n  --cds-heading-compact-01-font-size: 0.875rem;\n  --cds-heading-compact-01-font-weight: 600;\n  --cds-heading-compact-01-line-height: 1.28572;\n  --cds-heading-compact-01-letter-spacing: 0.16px;\n  --cds-heading-compact-02-font-size: 1rem;\n  --cds-heading-compact-02-font-weight: 600;\n  --cds-heading-compact-02-line-height: 1.375;\n  --cds-heading-compact-02-letter-spacing: 0;\n  --cds-body-01-font-size: 0.875rem;\n  --cds-body-01-font-weight: 400;\n  --cds-body-01-line-height: 1.42857;\n  --cds-body-01-letter-spacing: 0.16px;\n  --cds-body-02-font-size: 1rem;\n  --cds-body-02-font-weight: 400;\n  --cds-body-02-line-height: 1.5;\n  --cds-body-02-letter-spacing: 0;\n  --cds-heading-03-font-size: 1.25rem;\n  --cds-heading-03-font-weight: 400;\n  --cds-heading-03-line-height: 1.4;\n  --cds-heading-03-letter-spacing: 0;\n  --cds-heading-04-font-size: 1.75rem;\n  --cds-heading-04-font-weight: 400;\n  --cds-heading-04-line-height: 1.28572;\n  --cds-heading-04-letter-spacing: 0;\n  --cds-heading-05-font-size: 2rem;\n  --cds-heading-05-font-weight: 400;\n  --cds-heading-05-line-height: 1.25;\n  --cds-heading-05-letter-spacing: 0;\n  --cds-heading-06-font-size: 2.625rem;\n  --cds-heading-06-font-weight: 300;\n  --cds-heading-06-line-height: 1.199;\n  --cds-heading-06-letter-spacing: 0;\n  --cds-heading-07-font-size: 3.375rem;\n  --cds-heading-07-font-weight: 300;\n  --cds-heading-07-line-height: 1.19;\n  --cds-heading-07-letter-spacing: 0;\n  --cds-fluid-heading-03-font-size: 1.25rem;\n  --cds-fluid-heading-03-font-weight: 400;\n  --cds-fluid-heading-03-line-height: 1.4;\n  --cds-fluid-heading-03-letter-spacing: 0;\n  --cds-fluid-heading-04-font-size: 1.75rem;\n  --cds-fluid-heading-04-font-weight: 400;\n  --cds-fluid-heading-04-line-height: 1.28572;\n  --cds-fluid-heading-04-letter-spacing: 0;\n  --cds-fluid-heading-05-font-size: 2rem;\n  --cds-fluid-heading-05-font-weight: 400;\n  --cds-fluid-heading-05-line-height: 1.25;\n  --cds-fluid-heading-05-letter-spacing: 0;\n  --cds-fluid-heading-06-font-size: 2rem;\n  --cds-fluid-heading-06-font-weight: 600;\n  --cds-fluid-heading-06-line-height: 1.25;\n  --cds-fluid-heading-06-letter-spacing: 0;\n  --cds-fluid-paragraph-01-font-size: 1.5rem;\n  --cds-fluid-paragraph-01-font-weight: 300;\n  --cds-fluid-paragraph-01-line-height: 1.334;\n  --cds-fluid-paragraph-01-letter-spacing: 0;\n  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size: 1.25rem;\n  --cds-fluid-quotation-01-font-weight: 400;\n  --cds-fluid-quotation-01-line-height: 1.3;\n  --cds-fluid-quotation-01-letter-spacing: 0;\n  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size: 2rem;\n  --cds-fluid-quotation-02-font-weight: 300;\n  --cds-fluid-quotation-02-line-height: 1.25;\n  --cds-fluid-quotation-02-letter-spacing: 0;\n  --cds-fluid-display-01-font-size: 2.625rem;\n  --cds-fluid-display-01-font-weight: 300;\n  --cds-fluid-display-01-line-height: 1.19;\n  --cds-fluid-display-01-letter-spacing: 0;\n  --cds-fluid-display-02-font-size: 2.625rem;\n  --cds-fluid-display-02-font-weight: 600;\n  --cds-fluid-display-02-line-height: 1.19;\n  --cds-fluid-display-02-letter-spacing: 0;\n  --cds-fluid-display-03-font-size: 2.625rem;\n  --cds-fluid-display-03-font-weight: 300;\n  --cds-fluid-display-03-line-height: 1.19;\n  --cds-fluid-display-03-letter-spacing: 0;\n  --cds-fluid-display-04-font-size: 2.625rem;\n  --cds-fluid-display-04-font-weight: 300;\n  --cds-fluid-display-04-line-height: 1.19;\n  --cds-fluid-display-04-letter-spacing: 0;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field: var(--cds-field-01, #f4f4f4);\n  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g90 {\n  --cds-ai-aura-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background: #474747;\n  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #4589ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong: #78a9ff;\n  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay: rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background: #161616;\n  --cds-ai-popover-caret-bottom: #4589ff;\n  --cds-ai-popover-caret-bottom-background: #202d45;\n  --cds-ai-popover-caret-bottom-background-actions: #1e283a;\n  --cds-ai-popover-caret-center: #4870b5;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);\n  --cds-background: #262626;\n  --cds-background-active: rgba(141, 141, 141, 0.4);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.16);\n  --cds-background-inverse: #f4f4f4;\n  --cds-background-inverse-hover: #e8e8e8;\n  --cds-background-selected: rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: rgba(141, 141, 141, 0.5);\n  --cds-border-interactive: #4589ff;\n  --cds-border-inverse: #f4f4f4;\n  --cds-border-strong-01: #8d8d8d;\n  --cds-border-strong-02: #a8a8a8;\n  --cds-border-strong-03: #c6c6c6;\n  --cds-border-subtle-00: #525252;\n  --cds-border-subtle-01: #6f6f6f;\n  --cds-border-subtle-02: #8d8d8d;\n  --cds-border-subtle-03: #8d8d8d;\n  --cds-border-subtle-selected-01: #8d8d8d;\n  --cds-border-subtle-selected-02: #a8a8a8;\n  --cds-border-subtle-selected-03: #a8a8a8;\n  --cds-border-tile-01: #6f6f6f;\n  --cds-border-tile-02: #8d8d8d;\n  --cds-border-tile-03: #a8a8a8;\n  --cds-chat-avatar-agent: #c6c6c6;\n  --cds-chat-avatar-bot: #8d8d8d;\n  --cds-chat-avatar-user: #4589ff;\n  --cds-chat-bubble-agent: #262626;\n  --cds-chat-bubble-border: #525252;\n  --cds-chat-bubble-user: #393939;\n  --cds-chat-button: #78a9ff;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover: #a6c8ff;\n  --cds-chat-button-text-selected: #c6c6c6;\n  --cds-chat-header-background: #262626;\n  --cds-chat-prompt-background: #161616;\n  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start: #262626;\n  --cds-chat-shell-background: #262626;\n  --cds-field-01: #393939;\n  --cds-field-02: #525252;\n  --cds-field-03: #6f6f6f;\n  --cds-field-hover-01: #474747;\n  --cds-field-hover-02: #636363;\n  --cds-field-hover-03: #5e5e5e;\n  --cds-focus: #ffffff;\n  --cds-focus-inset: #161616;\n  --cds-focus-inverse: #0f62fe;\n  --cds-highlight: #002d9c;\n  --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive: #ffffff;\n  --cds-icon-inverse: #161616;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-icon-primary: #f4f4f4;\n  --cds-icon-secondary: #c6c6c6;\n  --cds-interactive: #4589ff;\n  --cds-layer-01: #393939;\n  --cds-layer-02: #525252;\n  --cds-layer-03: #6f6f6f;\n  --cds-layer-accent-01: #525252;\n  --cds-layer-accent-02: #6f6f6f;\n  --cds-layer-accent-03: #8d8d8d;\n  --cds-layer-accent-active-01: #8d8d8d;\n  --cds-layer-accent-active-02: #393939;\n  --cds-layer-accent-active-03: #525252;\n  --cds-layer-accent-hover-01: #636363;\n  --cds-layer-accent-hover-02: #5e5e5e;\n  --cds-layer-accent-hover-03: #7a7a7a;\n  --cds-layer-active-01: #6f6f6f;\n  --cds-layer-active-02: #8d8d8d;\n  --cds-layer-active-03: #393939;\n  --cds-layer-hover-01: #474747;\n  --cds-layer-hover-02: #636363;\n  --cds-layer-hover-03: #5e5e5e;\n  --cds-layer-selected-01: #525252;\n  --cds-layer-selected-02: #6f6f6f;\n  --cds-layer-selected-03: #525252;\n  --cds-layer-selected-disabled: #a8a8a8;\n  --cds-layer-selected-hover-01: #636363;\n  --cds-layer-selected-hover-02: #5e5e5e;\n  --cds-layer-selected-hover-03: #636363;\n  --cds-layer-selected-inverse: #f4f4f4;\n  --cds-link-inverse: #0f62fe;\n  --cds-link-inverse-active: #161616;\n  --cds-link-inverse-hover: #0043ce;\n  --cds-link-inverse-visited: #8a3ffc;\n  --cds-link-primary: #78a9ff;\n  --cds-link-primary-hover: #a6c8ff;\n  --cds-link-secondary: #a6c8ff;\n  --cds-link-visited: #be95ff;\n  --cds-overlay: rgba(0, 0, 0, 0.65);\n  --cds-shadow: rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background: #333333;\n  --cds-skeleton-element: #525252;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #a56eff;\n  --cds-support-error: #ff8389;\n  --cds-support-error-inverse: #da1e28;\n  --cds-support-info: #4589ff;\n  --cds-support-info-inverse: #0043ce;\n  --cds-support-success: #42be65;\n  --cds-support-success-inverse: #24a148;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(244, 244, 244, 0.25);\n  --cds-text-error: #ffb3b8;\n  --cds-text-helper: #c6c6c6;\n  --cds-text-inverse: #161616;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n  --cds-text-primary: #f4f4f4;\n  --cds-text-secondary: #c6c6c6;\n  --cds-toggle-off: #8d8d8d;\n  --cds-spacing-01: 0.125rem;\n  --cds-spacing-02: 0.25rem;\n  --cds-spacing-03: 0.5rem;\n  --cds-spacing-04: 0.75rem;\n  --cds-spacing-05: 1rem;\n  --cds-spacing-06: 1.5rem;\n  --cds-spacing-07: 2rem;\n  --cds-spacing-08: 2.5rem;\n  --cds-spacing-09: 3rem;\n  --cds-spacing-10: 4rem;\n  --cds-spacing-11: 5rem;\n  --cds-spacing-12: 6rem;\n  --cds-spacing-13: 10rem;\n  --cds-fluid-spacing-01: 0;\n  --cds-fluid-spacing-02: 2vw;\n  --cds-fluid-spacing-03: 5vw;\n  --cds-fluid-spacing-04: 10vw;\n  --cds-caption-01-font-size: 0.75rem;\n  --cds-caption-01-font-weight: 400;\n  --cds-caption-01-line-height: 1.33333;\n  --cds-caption-01-letter-spacing: 0.32px;\n  --cds-caption-02-font-size: 0.875rem;\n  --cds-caption-02-font-weight: 400;\n  --cds-caption-02-line-height: 1.28572;\n  --cds-caption-02-letter-spacing: 0.32px;\n  --cds-label-01-font-size: 0.75rem;\n  --cds-label-01-font-weight: 400;\n  --cds-label-01-line-height: 1.33333;\n  --cds-label-01-letter-spacing: 0.32px;\n  --cds-label-02-font-size: 0.875rem;\n  --cds-label-02-font-weight: 400;\n  --cds-label-02-line-height: 1.28572;\n  --cds-label-02-letter-spacing: 0.16px;\n  --cds-helper-text-01-font-size: 0.75rem;\n  --cds-helper-text-01-line-height: 1.33333;\n  --cds-helper-text-01-letter-spacing: 0.32px;\n  --cds-helper-text-02-font-size: 0.875rem;\n  --cds-helper-text-02-font-weight: 400;\n  --cds-helper-text-02-line-height: 1.28572;\n  --cds-helper-text-02-letter-spacing: 0.16px;\n  --cds-body-short-01-font-size: 0.875rem;\n  --cds-body-short-01-font-weight: 400;\n  --cds-body-short-01-line-height: 1.28572;\n  --cds-body-short-01-letter-spacing: 0.16px;\n  --cds-body-short-02-font-size: 1rem;\n  --cds-body-short-02-font-weight: 400;\n  --cds-body-short-02-line-height: 1.375;\n  --cds-body-short-02-letter-spacing: 0;\n  --cds-body-long-01-font-size: 0.875rem;\n  --cds-body-long-01-font-weight: 400;\n  --cds-body-long-01-line-height: 1.42857;\n  --cds-body-long-01-letter-spacing: 0.16px;\n  --cds-body-long-02-font-size: 1rem;\n  --cds-body-long-02-font-weight: 400;\n  --cds-body-long-02-line-height: 1.5;\n  --cds-body-long-02-letter-spacing: 0;\n  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size: 0.75rem;\n  --cds-code-01-font-weight: 400;\n  --cds-code-01-line-height: 1.33333;\n  --cds-code-01-letter-spacing: 0.32px;\n  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size: 0.875rem;\n  --cds-code-02-font-weight: 400;\n  --cds-code-02-line-height: 1.42857;\n  --cds-code-02-letter-spacing: 0.32px;\n  --cds-heading-01-font-size: 0.875rem;\n  --cds-heading-01-font-weight: 600;\n  --cds-heading-01-line-height: 1.42857;\n  --cds-heading-01-letter-spacing: 0.16px;\n  --cds-heading-02-font-size: 1rem;\n  --cds-heading-02-font-weight: 600;\n  --cds-heading-02-line-height: 1.5;\n  --cds-heading-02-letter-spacing: 0;\n  --cds-productive-heading-01-font-size: 0.875rem;\n  --cds-productive-heading-01-font-weight: 600;\n  --cds-productive-heading-01-line-height: 1.28572;\n  --cds-productive-heading-01-letter-spacing: 0.16px;\n  --cds-productive-heading-02-font-size: 1rem;\n  --cds-productive-heading-02-font-weight: 600;\n  --cds-productive-heading-02-line-height: 1.375;\n  --cds-productive-heading-02-letter-spacing: 0;\n  --cds-productive-heading-03-font-size: 1.25rem;\n  --cds-productive-heading-03-font-weight: 400;\n  --cds-productive-heading-03-line-height: 1.4;\n  --cds-productive-heading-03-letter-spacing: 0;\n  --cds-productive-heading-04-font-size: 1.75rem;\n  --cds-productive-heading-04-font-weight: 400;\n  --cds-productive-heading-04-line-height: 1.28572;\n  --cds-productive-heading-04-letter-spacing: 0;\n  --cds-productive-heading-05-font-size: 2rem;\n  --cds-productive-heading-05-font-weight: 400;\n  --cds-productive-heading-05-line-height: 1.25;\n  --cds-productive-heading-05-letter-spacing: 0;\n  --cds-productive-heading-06-font-size: 2.625rem;\n  --cds-productive-heading-06-font-weight: 300;\n  --cds-productive-heading-06-line-height: 1.199;\n  --cds-productive-heading-06-letter-spacing: 0;\n  --cds-productive-heading-07-font-size: 3.375rem;\n  --cds-productive-heading-07-font-weight: 300;\n  --cds-productive-heading-07-line-height: 1.19;\n  --cds-productive-heading-07-letter-spacing: 0;\n  --cds-expressive-paragraph-01-font-size: 1.5rem;\n  --cds-expressive-paragraph-01-font-weight: 300;\n  --cds-expressive-paragraph-01-line-height: 1.334;\n  --cds-expressive-paragraph-01-letter-spacing: 0;\n  --cds-expressive-heading-01-font-size: 0.875rem;\n  --cds-expressive-heading-01-font-weight: 600;\n  --cds-expressive-heading-01-line-height: 1.42857;\n  --cds-expressive-heading-01-letter-spacing: 0.16px;\n  --cds-expressive-heading-02-font-size: 1rem;\n  --cds-expressive-heading-02-font-weight: 600;\n  --cds-expressive-heading-02-line-height: 1.5;\n  --cds-expressive-heading-02-letter-spacing: 0;\n  --cds-expressive-heading-03-font-size: 1.25rem;\n  --cds-expressive-heading-03-font-weight: 400;\n  --cds-expressive-heading-03-line-height: 1.4;\n  --cds-expressive-heading-03-letter-spacing: 0;\n  --cds-expressive-heading-04-font-size: 1.75rem;\n  --cds-expressive-heading-04-font-weight: 400;\n  --cds-expressive-heading-04-line-height: 1.28572;\n  --cds-expressive-heading-04-letter-spacing: 0;\n  --cds-expressive-heading-05-font-size: 2rem;\n  --cds-expressive-heading-05-font-weight: 400;\n  --cds-expressive-heading-05-line-height: 1.25;\n  --cds-expressive-heading-05-letter-spacing: 0;\n  --cds-expressive-heading-06-font-size: 2rem;\n  --cds-expressive-heading-06-font-weight: 600;\n  --cds-expressive-heading-06-line-height: 1.25;\n  --cds-expressive-heading-06-letter-spacing: 0;\n  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size: 1.25rem;\n  --cds-quotation-01-font-weight: 400;\n  --cds-quotation-01-line-height: 1.3;\n  --cds-quotation-01-letter-spacing: 0;\n  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size: 2rem;\n  --cds-quotation-02-font-weight: 300;\n  --cds-quotation-02-line-height: 1.25;\n  --cds-quotation-02-letter-spacing: 0;\n  --cds-display-01-font-size: 2.625rem;\n  --cds-display-01-font-weight: 300;\n  --cds-display-01-line-height: 1.19;\n  --cds-display-01-letter-spacing: 0;\n  --cds-display-02-font-size: 2.625rem;\n  --cds-display-02-font-weight: 600;\n  --cds-display-02-line-height: 1.19;\n  --cds-display-02-letter-spacing: 0;\n  --cds-display-03-font-size: 2.625rem;\n  --cds-display-03-font-weight: 300;\n  --cds-display-03-line-height: 1.19;\n  --cds-display-03-letter-spacing: 0;\n  --cds-display-04-font-size: 2.625rem;\n  --cds-display-04-font-weight: 300;\n  --cds-display-04-line-height: 1.19;\n  --cds-display-04-letter-spacing: 0;\n  --cds-legal-01-font-size: 0.75rem;\n  --cds-legal-01-font-weight: 400;\n  --cds-legal-01-line-height: 1.33333;\n  --cds-legal-01-letter-spacing: 0.32px;\n  --cds-legal-02-font-size: 0.875rem;\n  --cds-legal-02-font-weight: 400;\n  --cds-legal-02-line-height: 1.28572;\n  --cds-legal-02-letter-spacing: 0.16px;\n  --cds-body-compact-01-font-size: 0.875rem;\n  --cds-body-compact-01-font-weight: 400;\n  --cds-body-compact-01-line-height: 1.28572;\n  --cds-body-compact-01-letter-spacing: 0.16px;\n  --cds-body-compact-02-font-size: 1rem;\n  --cds-body-compact-02-font-weight: 400;\n  --cds-body-compact-02-line-height: 1.375;\n  --cds-body-compact-02-letter-spacing: 0;\n  --cds-heading-compact-01-font-size: 0.875rem;\n  --cds-heading-compact-01-font-weight: 600;\n  --cds-heading-compact-01-line-height: 1.28572;\n  --cds-heading-compact-01-letter-spacing: 0.16px;\n  --cds-heading-compact-02-font-size: 1rem;\n  --cds-heading-compact-02-font-weight: 600;\n  --cds-heading-compact-02-line-height: 1.375;\n  --cds-heading-compact-02-letter-spacing: 0;\n  --cds-body-01-font-size: 0.875rem;\n  --cds-body-01-font-weight: 400;\n  --cds-body-01-line-height: 1.42857;\n  --cds-body-01-letter-spacing: 0.16px;\n  --cds-body-02-font-size: 1rem;\n  --cds-body-02-font-weight: 400;\n  --cds-body-02-line-height: 1.5;\n  --cds-body-02-letter-spacing: 0;\n  --cds-heading-03-font-size: 1.25rem;\n  --cds-heading-03-font-weight: 400;\n  --cds-heading-03-line-height: 1.4;\n  --cds-heading-03-letter-spacing: 0;\n  --cds-heading-04-font-size: 1.75rem;\n  --cds-heading-04-font-weight: 400;\n  --cds-heading-04-line-height: 1.28572;\n  --cds-heading-04-letter-spacing: 0;\n  --cds-heading-05-font-size: 2rem;\n  --cds-heading-05-font-weight: 400;\n  --cds-heading-05-line-height: 1.25;\n  --cds-heading-05-letter-spacing: 0;\n  --cds-heading-06-font-size: 2.625rem;\n  --cds-heading-06-font-weight: 300;\n  --cds-heading-06-line-height: 1.199;\n  --cds-heading-06-letter-spacing: 0;\n  --cds-heading-07-font-size: 3.375rem;\n  --cds-heading-07-font-weight: 300;\n  --cds-heading-07-line-height: 1.19;\n  --cds-heading-07-letter-spacing: 0;\n  --cds-fluid-heading-03-font-size: 1.25rem;\n  --cds-fluid-heading-03-font-weight: 400;\n  --cds-fluid-heading-03-line-height: 1.4;\n  --cds-fluid-heading-03-letter-spacing: 0;\n  --cds-fluid-heading-04-font-size: 1.75rem;\n  --cds-fluid-heading-04-font-weight: 400;\n  --cds-fluid-heading-04-line-height: 1.28572;\n  --cds-fluid-heading-04-letter-spacing: 0;\n  --cds-fluid-heading-05-font-size: 2rem;\n  --cds-fluid-heading-05-font-weight: 400;\n  --cds-fluid-heading-05-line-height: 1.25;\n  --cds-fluid-heading-05-letter-spacing: 0;\n  --cds-fluid-heading-06-font-size: 2rem;\n  --cds-fluid-heading-06-font-weight: 600;\n  --cds-fluid-heading-06-line-height: 1.25;\n  --cds-fluid-heading-06-letter-spacing: 0;\n  --cds-fluid-paragraph-01-font-size: 1.5rem;\n  --cds-fluid-paragraph-01-font-weight: 300;\n  --cds-fluid-paragraph-01-line-height: 1.334;\n  --cds-fluid-paragraph-01-letter-spacing: 0;\n  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size: 1.25rem;\n  --cds-fluid-quotation-01-font-weight: 400;\n  --cds-fluid-quotation-01-line-height: 1.3;\n  --cds-fluid-quotation-01-letter-spacing: 0;\n  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size: 2rem;\n  --cds-fluid-quotation-02-font-weight: 300;\n  --cds-fluid-quotation-02-line-height: 1.25;\n  --cds-fluid-quotation-02-letter-spacing: 0;\n  --cds-fluid-display-01-font-size: 2.625rem;\n  --cds-fluid-display-01-font-weight: 300;\n  --cds-fluid-display-01-line-height: 1.19;\n  --cds-fluid-display-01-letter-spacing: 0;\n  --cds-fluid-display-02-font-size: 2.625rem;\n  --cds-fluid-display-02-font-weight: 600;\n  --cds-fluid-display-02-line-height: 1.19;\n  --cds-fluid-display-02-letter-spacing: 0;\n  --cds-fluid-display-03-font-size: 2.625rem;\n  --cds-fluid-display-03-font-weight: 300;\n  --cds-fluid-display-03-line-height: 1.19;\n  --cds-fluid-display-03-letter-spacing: 0;\n  --cds-fluid-display-04-font-size: 2.625rem;\n  --cds-fluid-display-04-font-weight: 300;\n  --cds-fluid-display-04-line-height: 1.19;\n  --cds-fluid-display-04-letter-spacing: 0;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field: var(--cds-field-01, #f4f4f4);\n  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g100 {\n  --cds-ai-aura-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background: #333333;\n  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #4589ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong: #78a9ff;\n  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay: rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background: #161616;\n  --cds-ai-popover-caret-bottom: #4589ff;\n  --cds-ai-popover-caret-bottom-background: #202d45;\n  --cds-ai-popover-caret-bottom-background-actions: #1e283a;\n  --cds-ai-popover-caret-center: #4870b5;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);\n  --cds-background: #161616;\n  --cds-background-active: rgba(141, 141, 141, 0.4);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.16);\n  --cds-background-inverse: #f4f4f4;\n  --cds-background-inverse-hover: #e8e8e8;\n  --cds-background-selected: rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: rgba(141, 141, 141, 0.5);\n  --cds-border-interactive: #4589ff;\n  --cds-border-inverse: #f4f4f4;\n  --cds-border-strong-01: #6f6f6f;\n  --cds-border-strong-02: #8d8d8d;\n  --cds-border-strong-03: #a8a8a8;\n  --cds-border-subtle-00: #393939;\n  --cds-border-subtle-01: #525252;\n  --cds-border-subtle-02: #6f6f6f;\n  --cds-border-subtle-03: #6f6f6f;\n  --cds-border-subtle-selected-01: #6f6f6f;\n  --cds-border-subtle-selected-02: #8d8d8d;\n  --cds-border-subtle-selected-03: #8d8d8d;\n  --cds-border-tile-01: #525252;\n  --cds-border-tile-02: #6f6f6f;\n  --cds-border-tile-03: #8d8d8d;\n  --cds-chat-avatar-agent: #c6c6c6;\n  --cds-chat-avatar-bot: #8d8d8d;\n  --cds-chat-avatar-user: #4589ff;\n  --cds-chat-bubble-agent: #262626;\n  --cds-chat-bubble-border: #525252;\n  --cds-chat-bubble-user: #393939;\n  --cds-chat-button: #78a9ff;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover: #a6c8ff;\n  --cds-chat-button-text-selected: #c6c6c6;\n  --cds-chat-header-background: #262626;\n  --cds-chat-prompt-background: #161616;\n  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start: #262626;\n  --cds-chat-shell-background: #262626;\n  --cds-field-01: #262626;\n  --cds-field-02: #393939;\n  --cds-field-03: #525252;\n  --cds-field-hover-01: #333333;\n  --cds-field-hover-02: #474747;\n  --cds-field-hover-03: #636363;\n  --cds-focus: #ffffff;\n  --cds-focus-inset: #161616;\n  --cds-focus-inverse: #0f62fe;\n  --cds-highlight: #001d6c;\n  --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive: #ffffff;\n  --cds-icon-inverse: #161616;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-icon-primary: #f4f4f4;\n  --cds-icon-secondary: #c6c6c6;\n  --cds-interactive: #4589ff;\n  --cds-layer-01: #262626;\n  --cds-layer-02: #393939;\n  --cds-layer-03: #525252;\n  --cds-layer-accent-01: #393939;\n  --cds-layer-accent-02: #525252;\n  --cds-layer-accent-03: #6f6f6f;\n  --cds-layer-accent-active-01: #6f6f6f;\n  --cds-layer-accent-active-02: #8d8d8d;\n  --cds-layer-accent-active-03: #393939;\n  --cds-layer-accent-hover-01: #474747;\n  --cds-layer-accent-hover-02: #636363;\n  --cds-layer-accent-hover-03: #5e5e5e;\n  --cds-layer-active-01: #525252;\n  --cds-layer-active-02: #6f6f6f;\n  --cds-layer-active-03: #8d8d8d;\n  --cds-layer-hover-01: #333333;\n  --cds-layer-hover-02: #474747;\n  --cds-layer-hover-03: #636363;\n  --cds-layer-selected-01: #393939;\n  --cds-layer-selected-02: #525252;\n  --cds-layer-selected-03: #6f6f6f;\n  --cds-layer-selected-disabled: #a8a8a8;\n  --cds-layer-selected-hover-01: #474747;\n  --cds-layer-selected-hover-02: #636363;\n  --cds-layer-selected-hover-03: #5e5e5e;\n  --cds-layer-selected-inverse: #f4f4f4;\n  --cds-link-inverse: #0f62fe;\n  --cds-link-inverse-active: #161616;\n  --cds-link-inverse-hover: #0043ce;\n  --cds-link-inverse-visited: #8a3ffc;\n  --cds-link-primary: #78a9ff;\n  --cds-link-primary-hover: #a6c8ff;\n  --cds-link-secondary: #a6c8ff;\n  --cds-link-visited: #be95ff;\n  --cds-overlay: rgba(0, 0, 0, 0.65);\n  --cds-shadow: rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background: #292929;\n  --cds-skeleton-element: #393939;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #a56eff;\n  --cds-support-error: #fa4d56;\n  --cds-support-error-inverse: #da1e28;\n  --cds-support-info: #4589ff;\n  --cds-support-info-inverse: #0043ce;\n  --cds-support-success: #42be65;\n  --cds-support-success-inverse: #24a148;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(244, 244, 244, 0.25);\n  --cds-text-error: #ff8389;\n  --cds-text-helper: #a8a8a8;\n  --cds-text-inverse: #161616;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n  --cds-text-primary: #f4f4f4;\n  --cds-text-secondary: #c6c6c6;\n  --cds-toggle-off: #6f6f6f;\n  --cds-spacing-01: 0.125rem;\n  --cds-spacing-02: 0.25rem;\n  --cds-spacing-03: 0.5rem;\n  --cds-spacing-04: 0.75rem;\n  --cds-spacing-05: 1rem;\n  --cds-spacing-06: 1.5rem;\n  --cds-spacing-07: 2rem;\n  --cds-spacing-08: 2.5rem;\n  --cds-spacing-09: 3rem;\n  --cds-spacing-10: 4rem;\n  --cds-spacing-11: 5rem;\n  --cds-spacing-12: 6rem;\n  --cds-spacing-13: 10rem;\n  --cds-fluid-spacing-01: 0;\n  --cds-fluid-spacing-02: 2vw;\n  --cds-fluid-spacing-03: 5vw;\n  --cds-fluid-spacing-04: 10vw;\n  --cds-caption-01-font-size: 0.75rem;\n  --cds-caption-01-font-weight: 400;\n  --cds-caption-01-line-height: 1.33333;\n  --cds-caption-01-letter-spacing: 0.32px;\n  --cds-caption-02-font-size: 0.875rem;\n  --cds-caption-02-font-weight: 400;\n  --cds-caption-02-line-height: 1.28572;\n  --cds-caption-02-letter-spacing: 0.32px;\n  --cds-label-01-font-size: 0.75rem;\n  --cds-label-01-font-weight: 400;\n  --cds-label-01-line-height: 1.33333;\n  --cds-label-01-letter-spacing: 0.32px;\n  --cds-label-02-font-size: 0.875rem;\n  --cds-label-02-font-weight: 400;\n  --cds-label-02-line-height: 1.28572;\n  --cds-label-02-letter-spacing: 0.16px;\n  --cds-helper-text-01-font-size: 0.75rem;\n  --cds-helper-text-01-line-height: 1.33333;\n  --cds-helper-text-01-letter-spacing: 0.32px;\n  --cds-helper-text-02-font-size: 0.875rem;\n  --cds-helper-text-02-font-weight: 400;\n  --cds-helper-text-02-line-height: 1.28572;\n  --cds-helper-text-02-letter-spacing: 0.16px;\n  --cds-body-short-01-font-size: 0.875rem;\n  --cds-body-short-01-font-weight: 400;\n  --cds-body-short-01-line-height: 1.28572;\n  --cds-body-short-01-letter-spacing: 0.16px;\n  --cds-body-short-02-font-size: 1rem;\n  --cds-body-short-02-font-weight: 400;\n  --cds-body-short-02-line-height: 1.375;\n  --cds-body-short-02-letter-spacing: 0;\n  --cds-body-long-01-font-size: 0.875rem;\n  --cds-body-long-01-font-weight: 400;\n  --cds-body-long-01-line-height: 1.42857;\n  --cds-body-long-01-letter-spacing: 0.16px;\n  --cds-body-long-02-font-size: 1rem;\n  --cds-body-long-02-font-weight: 400;\n  --cds-body-long-02-line-height: 1.5;\n  --cds-body-long-02-letter-spacing: 0;\n  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size: 0.75rem;\n  --cds-code-01-font-weight: 400;\n  --cds-code-01-line-height: 1.33333;\n  --cds-code-01-letter-spacing: 0.32px;\n  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size: 0.875rem;\n  --cds-code-02-font-weight: 400;\n  --cds-code-02-line-height: 1.42857;\n  --cds-code-02-letter-spacing: 0.32px;\n  --cds-heading-01-font-size: 0.875rem;\n  --cds-heading-01-font-weight: 600;\n  --cds-heading-01-line-height: 1.42857;\n  --cds-heading-01-letter-spacing: 0.16px;\n  --cds-heading-02-font-size: 1rem;\n  --cds-heading-02-font-weight: 600;\n  --cds-heading-02-line-height: 1.5;\n  --cds-heading-02-letter-spacing: 0;\n  --cds-productive-heading-01-font-size: 0.875rem;\n  --cds-productive-heading-01-font-weight: 600;\n  --cds-productive-heading-01-line-height: 1.28572;\n  --cds-productive-heading-01-letter-spacing: 0.16px;\n  --cds-productive-heading-02-font-size: 1rem;\n  --cds-productive-heading-02-font-weight: 600;\n  --cds-productive-heading-02-line-height: 1.375;\n  --cds-productive-heading-02-letter-spacing: 0;\n  --cds-productive-heading-03-font-size: 1.25rem;\n  --cds-productive-heading-03-font-weight: 400;\n  --cds-productive-heading-03-line-height: 1.4;\n  --cds-productive-heading-03-letter-spacing: 0;\n  --cds-productive-heading-04-font-size: 1.75rem;\n  --cds-productive-heading-04-font-weight: 400;\n  --cds-productive-heading-04-line-height: 1.28572;\n  --cds-productive-heading-04-letter-spacing: 0;\n  --cds-productive-heading-05-font-size: 2rem;\n  --cds-productive-heading-05-font-weight: 400;\n  --cds-productive-heading-05-line-height: 1.25;\n  --cds-productive-heading-05-letter-spacing: 0;\n  --cds-productive-heading-06-font-size: 2.625rem;\n  --cds-productive-heading-06-font-weight: 300;\n  --cds-productive-heading-06-line-height: 1.199;\n  --cds-productive-heading-06-letter-spacing: 0;\n  --cds-productive-heading-07-font-size: 3.375rem;\n  --cds-productive-heading-07-font-weight: 300;\n  --cds-productive-heading-07-line-height: 1.19;\n  --cds-productive-heading-07-letter-spacing: 0;\n  --cds-expressive-paragraph-01-font-size: 1.5rem;\n  --cds-expressive-paragraph-01-font-weight: 300;\n  --cds-expressive-paragraph-01-line-height: 1.334;\n  --cds-expressive-paragraph-01-letter-spacing: 0;\n  --cds-expressive-heading-01-font-size: 0.875rem;\n  --cds-expressive-heading-01-font-weight: 600;\n  --cds-expressive-heading-01-line-height: 1.42857;\n  --cds-expressive-heading-01-letter-spacing: 0.16px;\n  --cds-expressive-heading-02-font-size: 1rem;\n  --cds-expressive-heading-02-font-weight: 600;\n  --cds-expressive-heading-02-line-height: 1.5;\n  --cds-expressive-heading-02-letter-spacing: 0;\n  --cds-expressive-heading-03-font-size: 1.25rem;\n  --cds-expressive-heading-03-font-weight: 400;\n  --cds-expressive-heading-03-line-height: 1.4;\n  --cds-expressive-heading-03-letter-spacing: 0;\n  --cds-expressive-heading-04-font-size: 1.75rem;\n  --cds-expressive-heading-04-font-weight: 400;\n  --cds-expressive-heading-04-line-height: 1.28572;\n  --cds-expressive-heading-04-letter-spacing: 0;\n  --cds-expressive-heading-05-font-size: 2rem;\n  --cds-expressive-heading-05-font-weight: 400;\n  --cds-expressive-heading-05-line-height: 1.25;\n  --cds-expressive-heading-05-letter-spacing: 0;\n  --cds-expressive-heading-06-font-size: 2rem;\n  --cds-expressive-heading-06-font-weight: 600;\n  --cds-expressive-heading-06-line-height: 1.25;\n  --cds-expressive-heading-06-letter-spacing: 0;\n  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size: 1.25rem;\n  --cds-quotation-01-font-weight: 400;\n  --cds-quotation-01-line-height: 1.3;\n  --cds-quotation-01-letter-spacing: 0;\n  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size: 2rem;\n  --cds-quotation-02-font-weight: 300;\n  --cds-quotation-02-line-height: 1.25;\n  --cds-quotation-02-letter-spacing: 0;\n  --cds-display-01-font-size: 2.625rem;\n  --cds-display-01-font-weight: 300;\n  --cds-display-01-line-height: 1.19;\n  --cds-display-01-letter-spacing: 0;\n  --cds-display-02-font-size: 2.625rem;\n  --cds-display-02-font-weight: 600;\n  --cds-display-02-line-height: 1.19;\n  --cds-display-02-letter-spacing: 0;\n  --cds-display-03-font-size: 2.625rem;\n  --cds-display-03-font-weight: 300;\n  --cds-display-03-line-height: 1.19;\n  --cds-display-03-letter-spacing: 0;\n  --cds-display-04-font-size: 2.625rem;\n  --cds-display-04-font-weight: 300;\n  --cds-display-04-line-height: 1.19;\n  --cds-display-04-letter-spacing: 0;\n  --cds-legal-01-font-size: 0.75rem;\n  --cds-legal-01-font-weight: 400;\n  --cds-legal-01-line-height: 1.33333;\n  --cds-legal-01-letter-spacing: 0.32px;\n  --cds-legal-02-font-size: 0.875rem;\n  --cds-legal-02-font-weight: 400;\n  --cds-legal-02-line-height: 1.28572;\n  --cds-legal-02-letter-spacing: 0.16px;\n  --cds-body-compact-01-font-size: 0.875rem;\n  --cds-body-compact-01-font-weight: 400;\n  --cds-body-compact-01-line-height: 1.28572;\n  --cds-body-compact-01-letter-spacing: 0.16px;\n  --cds-body-compact-02-font-size: 1rem;\n  --cds-body-compact-02-font-weight: 400;\n  --cds-body-compact-02-line-height: 1.375;\n  --cds-body-compact-02-letter-spacing: 0;\n  --cds-heading-compact-01-font-size: 0.875rem;\n  --cds-heading-compact-01-font-weight: 600;\n  --cds-heading-compact-01-line-height: 1.28572;\n  --cds-heading-compact-01-letter-spacing: 0.16px;\n  --cds-heading-compact-02-font-size: 1rem;\n  --cds-heading-compact-02-font-weight: 600;\n  --cds-heading-compact-02-line-height: 1.375;\n  --cds-heading-compact-02-letter-spacing: 0;\n  --cds-body-01-font-size: 0.875rem;\n  --cds-body-01-font-weight: 400;\n  --cds-body-01-line-height: 1.42857;\n  --cds-body-01-letter-spacing: 0.16px;\n  --cds-body-02-font-size: 1rem;\n  --cds-body-02-font-weight: 400;\n  --cds-body-02-line-height: 1.5;\n  --cds-body-02-letter-spacing: 0;\n  --cds-heading-03-font-size: 1.25rem;\n  --cds-heading-03-font-weight: 400;\n  --cds-heading-03-line-height: 1.4;\n  --cds-heading-03-letter-spacing: 0;\n  --cds-heading-04-font-size: 1.75rem;\n  --cds-heading-04-font-weight: 400;\n  --cds-heading-04-line-height: 1.28572;\n  --cds-heading-04-letter-spacing: 0;\n  --cds-heading-05-font-size: 2rem;\n  --cds-heading-05-font-weight: 400;\n  --cds-heading-05-line-height: 1.25;\n  --cds-heading-05-letter-spacing: 0;\n  --cds-heading-06-font-size: 2.625rem;\n  --cds-heading-06-font-weight: 300;\n  --cds-heading-06-line-height: 1.199;\n  --cds-heading-06-letter-spacing: 0;\n  --cds-heading-07-font-size: 3.375rem;\n  --cds-heading-07-font-weight: 300;\n  --cds-heading-07-line-height: 1.19;\n  --cds-heading-07-letter-spacing: 0;\n  --cds-fluid-heading-03-font-size: 1.25rem;\n  --cds-fluid-heading-03-font-weight: 400;\n  --cds-fluid-heading-03-line-height: 1.4;\n  --cds-fluid-heading-03-letter-spacing: 0;\n  --cds-fluid-heading-04-font-size: 1.75rem;\n  --cds-fluid-heading-04-font-weight: 400;\n  --cds-fluid-heading-04-line-height: 1.28572;\n  --cds-fluid-heading-04-letter-spacing: 0;\n  --cds-fluid-heading-05-font-size: 2rem;\n  --cds-fluid-heading-05-font-weight: 400;\n  --cds-fluid-heading-05-line-height: 1.25;\n  --cds-fluid-heading-05-letter-spacing: 0;\n  --cds-fluid-heading-06-font-size: 2rem;\n  --cds-fluid-heading-06-font-weight: 600;\n  --cds-fluid-heading-06-line-height: 1.25;\n  --cds-fluid-heading-06-letter-spacing: 0;\n  --cds-fluid-paragraph-01-font-size: 1.5rem;\n  --cds-fluid-paragraph-01-font-weight: 300;\n  --cds-fluid-paragraph-01-line-height: 1.334;\n  --cds-fluid-paragraph-01-letter-spacing: 0;\n  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size: 1.25rem;\n  --cds-fluid-quotation-01-font-weight: 400;\n  --cds-fluid-quotation-01-line-height: 1.3;\n  --cds-fluid-quotation-01-letter-spacing: 0;\n  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size: 2rem;\n  --cds-fluid-quotation-02-font-weight: 300;\n  --cds-fluid-quotation-02-line-height: 1.25;\n  --cds-fluid-quotation-02-letter-spacing: 0;\n  --cds-fluid-display-01-font-size: 2.625rem;\n  --cds-fluid-display-01-font-weight: 300;\n  --cds-fluid-display-01-line-height: 1.19;\n  --cds-fluid-display-01-letter-spacing: 0;\n  --cds-fluid-display-02-font-size: 2.625rem;\n  --cds-fluid-display-02-font-weight: 600;\n  --cds-fluid-display-02-line-height: 1.19;\n  --cds-fluid-display-02-letter-spacing: 0;\n  --cds-fluid-display-03-font-size: 2.625rem;\n  --cds-fluid-display-03-font-weight: 300;\n  --cds-fluid-display-03-line-height: 1.19;\n  --cds-fluid-display-03-letter-spacing: 0;\n  --cds-fluid-display-04-font-size: 2.625rem;\n  --cds-fluid-display-04-font-weight: 300;\n  --cds-fluid-display-04-line-height: 1.19;\n  --cds-fluid-display-04-letter-spacing: 0;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\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--white,\n:host .cds--g10 {\n  /*!\n    Theme: a11y-light\n    Author: @ericwbailey\n    Maintainer: @ericwbailey\n\n    Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css\n  */\n  /* Comment */\n  /* Red */\n  /* Orange */\n  /* Yellow */\n  /* Green */\n  /* Blue */\n  /* Purple */\n}\n:host .cds--white pre code.hljs,\n:host .cds--g10 pre code.hljs {\n  display: block;\n  overflow-x: auto;\n  padding: 1em;\n}\n:host .cds--white code.hljs,\n:host .cds--g10 code.hljs {\n  padding: 3px 5px;\n}\n:host .cds--white .hljs,\n:host .cds--g10 .hljs {\n  background: #fefefe;\n  color: #545454;\n}\n:host .cds--white .hljs-comment,\n:host .cds--white .hljs-quote,\n:host .cds--g10 .hljs-comment,\n:host .cds--g10 .hljs-quote {\n  color: #696969;\n}\n:host .cds--white .hljs-variable,\n:host .cds--white .hljs-template-variable,\n:host .cds--white .hljs-tag,\n:host .cds--white .hljs-name,\n:host .cds--white .hljs-selector-id,\n:host .cds--white .hljs-selector-class,\n:host .cds--white .hljs-regexp,\n:host .cds--white .hljs-deletion,\n:host .cds--g10 .hljs-variable,\n:host .cds--g10 .hljs-template-variable,\n:host .cds--g10 .hljs-tag,\n:host .cds--g10 .hljs-name,\n:host .cds--g10 .hljs-selector-id,\n:host .cds--g10 .hljs-selector-class,\n:host .cds--g10 .hljs-regexp,\n:host .cds--g10 .hljs-deletion {\n  color: #d91e18;\n}\n:host .cds--white .hljs-number,\n:host .cds--white .hljs-built_in,\n:host .cds--white .hljs-literal,\n:host .cds--white .hljs-type,\n:host .cds--white .hljs-params,\n:host .cds--white .hljs-meta,\n:host .cds--white .hljs-link,\n:host .cds--g10 .hljs-number,\n:host .cds--g10 .hljs-built_in,\n:host .cds--g10 .hljs-literal,\n:host .cds--g10 .hljs-type,\n:host .cds--g10 .hljs-params,\n:host .cds--g10 .hljs-meta,\n:host .cds--g10 .hljs-link {\n  color: #aa5d00;\n}\n:host .cds--white .hljs-attribute,\n:host .cds--g10 .hljs-attribute {\n  color: #aa5d00;\n}\n:host .cds--white .hljs-string,\n:host .cds--white .hljs-symbol,\n:host .cds--white .hljs-bullet,\n:host .cds--white .hljs-addition,\n:host .cds--g10 .hljs-string,\n:host .cds--g10 .hljs-symbol,\n:host .cds--g10 .hljs-bullet,\n:host .cds--g10 .hljs-addition {\n  color: #008000;\n}\n:host .cds--white .hljs-title,\n:host .cds--white .hljs-section,\n:host .cds--g10 .hljs-title,\n:host .cds--g10 .hljs-section {\n  color: #007faa;\n}\n:host .cds--white .hljs-keyword,\n:host .cds--white .hljs-selector-tag,\n:host .cds--g10 .hljs-keyword,\n:host .cds--g10 .hljs-selector-tag {\n  color: #7928a1;\n}\n:host .cds--white .hljs-emphasis,\n:host .cds--g10 .hljs-emphasis {\n  font-style: italic;\n}\n:host .cds--white .hljs-strong,\n:host .cds--g10 .hljs-strong {\n  font-weight: bold;\n}\n@media screen and (-ms-high-contrast: active) {\n  :host .cds--white .hljs-addition,\n  :host .cds--white .hljs-attribute,\n  :host .cds--white .hljs-built_in,\n  :host .cds--white .hljs-bullet,\n  :host .cds--white .hljs-comment,\n  :host .cds--white .hljs-link,\n  :host .cds--white .hljs-literal,\n  :host .cds--white .hljs-meta,\n  :host .cds--white .hljs-number,\n  :host .cds--white .hljs-params,\n  :host .cds--white .hljs-string,\n  :host .cds--white .hljs-symbol,\n  :host .cds--white .hljs-type,\n  :host .cds--white .hljs-quote,\n  :host .cds--g10 .hljs-addition,\n  :host .cds--g10 .hljs-attribute,\n  :host .cds--g10 .hljs-built_in,\n  :host .cds--g10 .hljs-bullet,\n  :host .cds--g10 .hljs-comment,\n  :host .cds--g10 .hljs-link,\n  :host .cds--g10 .hljs-literal,\n  :host .cds--g10 .hljs-meta,\n  :host .cds--g10 .hljs-number,\n  :host .cds--g10 .hljs-params,\n  :host .cds--g10 .hljs-string,\n  :host .cds--g10 .hljs-symbol,\n  :host .cds--g10 .hljs-type,\n  :host .cds--g10 .hljs-quote {\n    color: highlight;\n  }\n  :host .cds--white .hljs-keyword,\n  :host .cds--white .hljs-selector-tag,\n  :host .cds--g10 .hljs-keyword,\n  :host .cds--g10 .hljs-selector-tag {\n    font-weight: bold;\n  }\n}\n:host .cds--g90,\n:host .cds--g100 {\n  /*!\n    Theme: a11y-dark\n    Author: @ericwbailey\n    Maintainer: @ericwbailey\n\n    Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css\n  */\n  /* Comment */\n  /* Red */\n  /* Orange */\n  /* Yellow */\n  /* Green */\n  /* Blue */\n  /* Purple */\n}\n:host .cds--g90 pre code.hljs,\n:host .cds--g100 pre code.hljs {\n  display: block;\n  overflow-x: auto;\n  padding: 1em;\n}\n:host .cds--g90 code.hljs,\n:host .cds--g100 code.hljs {\n  padding: 3px 5px;\n}\n:host .cds--g90 .hljs,\n:host .cds--g100 .hljs {\n  background: #2b2b2b;\n  color: #f8f8f2;\n}\n:host .cds--g90 .hljs-comment,\n:host .cds--g90 .hljs-quote,\n:host .cds--g100 .hljs-comment,\n:host .cds--g100 .hljs-quote {\n  color: #d4d0ab;\n}\n:host .cds--g90 .hljs-variable,\n:host .cds--g90 .hljs-template-variable,\n:host .cds--g90 .hljs-tag,\n:host .cds--g90 .hljs-name,\n:host .cds--g90 .hljs-selector-id,\n:host .cds--g90 .hljs-selector-class,\n:host .cds--g90 .hljs-regexp,\n:host .cds--g90 .hljs-deletion,\n:host .cds--g100 .hljs-variable,\n:host .cds--g100 .hljs-template-variable,\n:host .cds--g100 .hljs-tag,\n:host .cds--g100 .hljs-name,\n:host .cds--g100 .hljs-selector-id,\n:host .cds--g100 .hljs-selector-class,\n:host .cds--g100 .hljs-regexp,\n:host .cds--g100 .hljs-deletion {\n  color: #ffa07a;\n}\n:host .cds--g90 .hljs-number,\n:host .cds--g90 .hljs-built_in,\n:host .cds--g90 .hljs-literal,\n:host .cds--g90 .hljs-type,\n:host .cds--g90 .hljs-params,\n:host .cds--g90 .hljs-meta,\n:host .cds--g90 .hljs-link,\n:host .cds--g100 .hljs-number,\n:host .cds--g100 .hljs-built_in,\n:host .cds--g100 .hljs-literal,\n:host .cds--g100 .hljs-type,\n:host .cds--g100 .hljs-params,\n:host .cds--g100 .hljs-meta,\n:host .cds--g100 .hljs-link {\n  color: #f5ab35;\n}\n:host .cds--g90 .hljs-attribute,\n:host .cds--g100 .hljs-attribute {\n  color: #ffd700;\n}\n:host .cds--g90 .hljs-string,\n:host .cds--g90 .hljs-symbol,\n:host .cds--g90 .hljs-bullet,\n:host .cds--g90 .hljs-addition,\n:host .cds--g100 .hljs-string,\n:host .cds--g100 .hljs-symbol,\n:host .cds--g100 .hljs-bullet,\n:host .cds--g100 .hljs-addition {\n  color: #abe338;\n}\n:host .cds--g90 .hljs-title,\n:host .cds--g90 .hljs-section,\n:host .cds--g100 .hljs-title,\n:host .cds--g100 .hljs-section {\n  color: #00e0e0;\n}\n:host .cds--g90 .hljs-keyword,\n:host .cds--g90 .hljs-selector-tag,\n:host .cds--g100 .hljs-keyword,\n:host .cds--g100 .hljs-selector-tag {\n  color: #dcc6e0;\n}\n:host .cds--g90 .hljs-emphasis,\n:host .cds--g100 .hljs-emphasis {\n  font-style: italic;\n}\n:host .cds--g90 .hljs-strong,\n:host .cds--g100 .hljs-strong {\n  font-weight: bold;\n}\n@media screen and (-ms-high-contrast: active) {\n  :host .cds--g90 .hljs-addition,\n  :host .cds--g90 .hljs-attribute,\n  :host .cds--g90 .hljs-built_in,\n  :host .cds--g90 .hljs-bullet,\n  :host .cds--g90 .hljs-comment,\n  :host .cds--g90 .hljs-link,\n  :host .cds--g90 .hljs-literal,\n  :host .cds--g90 .hljs-meta,\n  :host .cds--g90 .hljs-number,\n  :host .cds--g90 .hljs-params,\n  :host .cds--g90 .hljs-string,\n  :host .cds--g90 .hljs-symbol,\n  :host .cds--g90 .hljs-type,\n  :host .cds--g90 .hljs-quote,\n  :host .cds--g100 .hljs-addition,\n  :host .cds--g100 .hljs-attribute,\n  :host .cds--g100 .hljs-built_in,\n  :host .cds--g100 .hljs-bullet,\n  :host .cds--g100 .hljs-comment,\n  :host .cds--g100 .hljs-link,\n  :host .cds--g100 .hljs-literal,\n  :host .cds--g100 .hljs-meta,\n  :host .cds--g100 .hljs-number,\n  :host .cds--g100 .hljs-params,\n  :host .cds--g100 .hljs-string,\n  :host .cds--g100 .hljs-symbol,\n  :host .cds--g100 .hljs-type,\n  :host .cds--g100 .hljs-quote {\n    color: highlight;\n  }\n  :host .cds--g90 .hljs-keyword,\n  :host .cds--g90 .hljs-selector-tag,\n  :host .cds--g100 .hljs-keyword,\n  :host .cds--g100 .hljs-selector-tag {\n    font-weight: bold;\n  }\n}\n:host .cds--white,\n:host .cds--g10,\n:host .cds--g90,\n:host .cds--g100 {\n  /* **************************************************************************************************************** */\n  /* Generic variables using for common values that are repeated throughout the widget. */\n  /* TODO: Start using Carbon sass variables as appropriate below. See chatTheme.scss. */\n  /* Typography */\n  --cds-chat-BASE-weight-semibold: 600;\n  --cds-chat-BASE-font-size-extra-small: 9px;\n  --cds-chat-BASE-font-size-small: 12px;\n  --cds-chat-BASE-font-size-med: 14px;\n  --cds-chat-BASE-font-size-large: 16px;\n  --cds-chat-BASE-font-size-xlarge: 20px;\n  --cds-chat-BASE-font-size-xxlarge: 28px;\n  --cds-chat-BASE-line-height-extra-small: 14px;\n  --cds-chat-BASE-line-height-small: 16px;\n  --cds-chat-BASE-line-height-med: 18px;\n  --cds-chat-BASE-line-height-large: 20px;\n  --cds-chat-BASE-line-height-xlarge: 26px;\n  --cds-chat-BASE-line-height-xxlarge: 36px;\n  /* Borders */\n  --cds-chat-BASE-border-radius-xsmall: 2px;\n  --cds-chat-BASE-border-radius-small: 4px;\n  --cds-chat-BASE-border-radius-med: 8px;\n  --cds-chat-BASE-border-radius-large: 12px;\n  --cds-chat-BASE-border-radius-xlarge: 16px;\n  --cds-chat-BASE-border-width-small: 1px;\n  --cds-chat-BASE-border-width-med: 2px;\n  --cds-chat-BASE-border-width-large: 3px;\n  --cds-chat-WIDGET-border-radius: 8px;\n  /* **************************************************************************************************************** */\n  /* Internal properties where reuse is needed */\n  /* Application */\n  --cds-chat-BASE-max-height: 640px;\n  /* WCAG 2.1 states that the widget must be usable at 320x256 (or the equivalent from zoom happening) https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n  We make sure the min-height at least 150px (to show at least the header/footer and one line of text) and is the lower of 256px minus the spacing from the bottom of the view port or 100vh - the bottom position. */\n  --cds-chat-BASE-min-height: max(150px, calc(min(256px, 100vh) - var(--cds-chat-BASE-bottom-position)));\n  --cds-chat-BASE-max-width: calc(100vw - (2 * var(--cds-chat-BASE-right-position)));\n  --cds-chat-BASE-bottom-position: 2rem;\n  --cds-chat-BASE-right-position: 2rem;\n  --cds-chat-BASE-top-position: auto;\n  --cds-chat-BASE-left-position: auto;\n  /* Launcher */\n  --cds-chat-LAUNCHER-default-size: 56px;\n  --cds-chat-LAUNCHER-position-bottom: 2rem;\n  --cds-chat-LAUNCHER-position-right: 2rem;\n  /* **************************************************************************************************************** */\n  /* Customizations applied by tooling or developer configuration */\n  /* Miscellaneous */\n  --cds-chat-BASE-z-index: 99999;\n  /* The smaller of 380px or the available width of the screen. The is to account for zoom levels pushing us to 320px. */\n  --cds-chat-BASE-width: min(380px, var(--cds-chat-BASE-max-width));\n  --cds-chat-BASE-height: calc(100vh - (2 * 2rem));\n  --cds-chat-UNREAD-INDICATOR-color-background: #da1e28;\n  --cds-chat-UNREAD-INDICATOR-color-text: #ffffff;\n  /* Font Family */\n  --cds-chat-BASE-font-family: \"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n  --cds-chat-BASE-header-font-family: \"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n  --cds-chat-HOME_SCREEN-greeting-font-family: \"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n  /* PRIMARY color customizations */\n  --cds-chat-PRIMARY-color: var(--cds-chat-header-background, #ffffff);\n  --cds-chat-PRIMARY-color-text: var(--cds-text-primary, #161616);\n  --cds-chat-PRIMARY-color-hover: var(--cds-background-hover); /* Ghost button hover */\n  --cds-chat-PRIMARY-color-active: var(--cds-background-active); /* Ghost button active */\n  --cds-chat-PRIMARY-color-focus: var(--cds-focus);\n  /* SECONDARY color customizations */\n  --cds-chat-SECONDARY-color: var(--cds-chat-bubble-user);\n  --cds-chat-SECONDARY-color-text: var(--cds-text-secondary);\n  /* ACCENT color customizations */\n  --cds-chat-ACCENT-color: var(--cds-background-brand);\n  --cds-chat-ACCENT-color-hover: var(--cds-button-tertiary-hover, #0050e6); /* Ghost button hover */\n  --cds-chat-ACCENT-color-active: var(--cds-button-tertiary-active, #002d9c); /* Ghost button hover */\n  /* The default rgb for blue-60 */\n  --cds-chat-ACCENT-color-r: 15;\n  --cds-chat-ACCENT-color-g: 98;\n  --cds-chat-ACCENT-color-b: 254;\n  --cds-chat-ACCENT-color-ghost-text: var(--cds-link-primary);\n  --cds-chat-ACCENT-color-text: var(--cds-text-on-color);\n  /* This color is either black or white and is based on the contrast difference with the accent color. Its primary use\n  is the color of button on top of the accent color. */\n  --cds-chat-ACCENT-color-bw: #ffffff;\n  --cds-chat-ACCENT-color-bw-hover: #e0e0e0;\n  --cds-chat-ACCENT-color-bw-active: #c6c6c6;\n  /* The inverse of ACCENT-color-bw. Used for accessible text within our bw buttons. */\n  --cds-chat-ACCENT-color-bw-inverse: #161616;\n  /* A slightly more gray version of our bw color in case there are different kinds of buttons on top of the same accent\n  color background. */\n  --cds-chat-ACCENT-color-bw-gray: #f4f4f4;\n  /* LAUNCHER color customizations */\n  --cds-chat-LAUNCHER-color-background: var(--cds-chat-ACCENT-color);\n  --cds-chat-LAUNCHER-color-avatar: var(--cds-chat-ACCENT-color-text);\n  --cds-chat-LAUNCHER-color-background-hover: var(--cds-button-primary-hover, #0050e6);\n  --cds-chat-LAUNCHER-color-background-active: var(--cds-button-primary-active, #002d9c);\n  --cds-chat-LAUNCHER-color-focus-border: var(--cds-chat-ACCENT-color-text);\n  --cds-chat-LAUNCHER-MOBILE-color-text: var(--cds-chat-ACCENT-color-text);\n  --cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background: var(--cds-chat-ACCENT-color);\n  --cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-text: var(--cds-chat-ACCENT-color-text);\n  --cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background-hover: var(--cds-button-primary-hover, #0050e6);\n  --cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background-active: var(--cds-button-primary-active, #002d9c);\n  --cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-focus-border: var(--cds-chat-ACCENT-color-text);\n  /*\n    BRANDING customizations\n\n    TODO: Web Chat branding colors and font should not be customizable, but not dealing with this now since it is unclear if its going to stay in new designs.\n  */\n  --cds-chat-BRANDING-color-text-01: var(--cds-text-primary);\n  --cds-chat-BRANDING-color-text-02: var(--cds-text-secondary);\n  --cds-chat-BRANDING-background: var(--cds-layer-01);\n  --cds-chat-BRANDING-link: var(--cds-link-primary);\n  --cds-chat-BRANDING-border-color: var(--cds-layer-02);\n  --cds-chat-BRANDING-font-family: \"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n  /*  Other styles */\n  --cds-chat-CONTAINER-border-radius: 0px;\n}\n:host .WACWidget--rounded {\n  --cds-chat-CONTAINER-border-radius: 8px;\n}\n:host .cds--white,\n:host .cds--g10 {\n  --cds-chat-TILE-background: #ffffff;\n}\n:host .cds--g90,\n:host .cds--g100 {\n  --cds-chat-TILE-background: #292929;\n}\n:host .WAC-isPhone {\n  --cds-chat-LAUNCHER-position-bottom: 16px;\n  --cds-chat-BASE-width: var(--cds-chat-viewport-width, \"100vw\");\n  --cds-chat-BASE-height: var(--cds-chat-viewport-height, \"100vh\");\n  --cds-chat-BASE-left-position: var(--cds-chat-viewport-offsetLeft, \"0\");\n  --cds-chat-BASE-top-position: var(--cds-chat-viewport-offsetTop, \"0\");\n  --cds-chat-BASE-max-height: auto;\n  --cds-chat-BASE-min-height: auto;\n  --cds-chat-BASE-right-position: auto;\n  --cds-chat-BASE-font-size-extra-small: 12px;\n  --cds-chat-BASE-font-size-small: 14px;\n  --cds-chat-BASE-font-size-med: 16px;\n  --cds-chat-BASE-font-size-large: 18px;\n  --cds-chat-BASE-font-size-xlarge: 24px;\n  --cds-chat-BASE-font-size-xxlarge: 32px;\n  --cds-chat-BASE-line-height-extra-small: 16px;\n  --cds-chat-BASE-line-height-small: 19px;\n  --cds-chat-BASE-line-height-med: 21px;\n  --cds-chat-BASE-line-height-large: 23px;\n  --cds-chat-BASE-line-height-xlarge: 30px;\n  --cds-chat-BASE-line-height-xxlarge: 40px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea {\n  border-radius: 0;\n  font-family: inherit;\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section {\n  display: block;\n}\n:host body {\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-primary, #161616);\n  line-height: 1;\n}\n:host ol,\n:host ul {\n  list-style: none;\n}\n:host blockquote,\n:host q {\n  quotes: none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after {\n  content: \"\";\n  content: none;\n}\n:host table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n:host html {\n  box-sizing: border-box;\n}\n:host *,\n:host *::before,\n:host *::after {\n  box-sizing: inherit;\n}\n:host html {\n  font-size: 100%;\n}\n:host body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong {\n  font-weight: 600;\n}\n@media screen and (-ms-high-contrast: active) {\n  :host svg {\n    fill: ButtonText;\n  }\n}\n:host h1 {\n  font-size: var(--cds-heading-06-font-size, 2.625rem);\n  font-weight: var(--cds-heading-06-font-weight, 300);\n  line-height: var(--cds-heading-06-line-height, 1.199);\n  letter-spacing: var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2 {\n  font-size: var(--cds-heading-05-font-size, 2rem);\n  font-weight: var(--cds-heading-05-font-weight, 400);\n  line-height: var(--cds-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3 {\n  font-size: var(--cds-heading-04-font-size, 1.75rem);\n  font-weight: var(--cds-heading-04-font-weight, 400);\n  line-height: var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing: var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4 {\n  font-size: var(--cds-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-heading-03-font-weight, 400);\n  line-height: var(--cds-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5 {\n  font-size: var(--cds-heading-02-font-size, 1rem);\n  font-weight: var(--cds-heading-02-font-weight, 600);\n  line-height: var(--cds-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6 {\n  font-size: var(--cds-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-heading-01-font-weight, 600);\n  line-height: var(--cds-heading-01-line-height, 1.42857);\n  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p {\n  font-size: var(--cds-body-02-font-size, 1rem);\n  font-weight: var(--cds-body-02-font-weight, 400);\n  line-height: var(--cds-body-02-line-height, 1.5);\n  letter-spacing: var(--cds-body-02-letter-spacing, 0);\n}\n:host a {\n  color: var(--cds-link-primary, #0062fe);\n}\n:host em {\n  font-style: italic;\n}\n:host :root {\n  --cds-grid-gutter: 2rem;\n  --cds-grid-columns: 4;\n  --cds-grid-margin: 0;\n}\n@media (min-width: 42rem) {\n  :host :root {\n    --cds-grid-columns: 8;\n    --cds-grid-margin: 1rem;\n  }\n}\n@media (min-width: 66rem) {\n  :host :root {\n    --cds-grid-columns: 16;\n  }\n}\n@media (min-width: 99rem) {\n  :host :root {\n    --cds-grid-margin: 1.5rem;\n  }\n}\n:host .cds--css-grid {\n  --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);\n  --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);\n  --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);\n  display: grid;\n  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));\n  inline-size: 100%;\n  margin-inline: auto;\n  max-inline-size: 99rem;\n  padding-inline: var(--cds-grid-margin);\n}\n:host .cds--css-grid--full-width {\n  max-inline-size: 100%;\n}\n:host .cds--css-grid-column {\n  --cds-grid-mode-start: var(--cds-grid-gutter-start);\n  --cds-grid-mode-end: var(--cds-grid-gutter-end);\n  margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);\n}\n:host [dir=rtl] .cds--css-grid-column {\n  margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);\n}\n:host .cds--css-grid--narrow {\n  --cds-grid-gutter-start: 0;\n}\n:host .cds--css-grid--condensed {\n  --cds-grid-gutter: 0.0625rem;\n  --cds-grid-column-hang: 0.96875rem;\n}\n:host .cds--css-grid--start {\n  margin-inline-start: 0;\n}\n:host .cds--css-grid--end {\n  margin-inline-end: 0;\n}\n:host .cds--subgrid {\n  display: grid;\n  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));\n  margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1);\n}\n:host [dir=rtl] .cds--subgrid {\n  margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1);\n}\n:host .cds--subgrid--wide {\n  --cds-grid-gutter-start: 1rem;\n  --cds-grid-gutter-end: 1rem;\n  --cds-grid-column-hang: 0;\n}\n:host .cds--subgrid--narrow {\n  --cds-grid-gutter-start: 0;\n  --cds-grid-gutter-end: 1rem;\n  --cds-grid-column-hang: 1rem;\n}\n:host .cds--subgrid--condensed {\n  --cds-grid-gutter-start: 0.03125rem;\n  --cds-grid-gutter-end: 0.03125rem;\n  --cds-grid-column-hang: 0.96875rem;\n}\n:host .cds--grid-column-hang {\n  margin-inline-start: var(--cds-grid-column-hang);\n}\n:host [dir=rtl] .cds--grid-column-hang {\n  margin-inline: initial var(--cds-grid-column-hang);\n}\n:host .cds--col-span-0 {\n  display: none;\n}\n:host .cds--col-span-1 {\n  --cds-grid-columns: 1;\n  display: block;\n  grid-column: span 1/span 1;\n}\n:host .cds--col-span-2 {\n  --cds-grid-columns: 2;\n  display: block;\n  grid-column: span 2/span 2;\n}\n:host .cds--col-span-3 {\n  --cds-grid-columns: 3;\n  display: block;\n  grid-column: span 3/span 3;\n}\n:host .cds--col-span-4 {\n  --cds-grid-columns: 4;\n  display: block;\n  grid-column: span 4/span 4;\n}\n:host .cds--col-span-5 {\n  --cds-grid-columns: 5;\n  display: block;\n  grid-column: span 5/span 5;\n}\n:host .cds--col-span-6 {\n  --cds-grid-columns: 6;\n  display: block;\n  grid-column: span 6/span 6;\n}\n:host .cds--col-span-7 {\n  --cds-grid-columns: 7;\n  display: block;\n  grid-column: span 7/span 7;\n}\n:host .cds--col-span-8 {\n  --cds-grid-columns: 8;\n  display: block;\n  grid-column: span 8/span 8;\n}\n:host .cds--col-span-9 {\n  --cds-grid-columns: 9;\n  display: block;\n  grid-column: span 9/span 9;\n}\n:host .cds--col-span-10 {\n  --cds-grid-columns: 10;\n  display: block;\n  grid-column: span 10/span 10;\n}\n:host .cds--col-span-11 {\n  --cds-grid-columns: 11;\n  display: block;\n  grid-column: span 11/span 11;\n}\n:host .cds--col-span-12 {\n  --cds-grid-columns: 12;\n  display: block;\n  grid-column: span 12/span 12;\n}\n:host .cds--col-span-13 {\n  --cds-grid-columns: 13;\n  display: block;\n  grid-column: span 13/span 13;\n}\n:host .cds--col-span-14 {\n  --cds-grid-columns: 14;\n  display: block;\n  grid-column: span 14/span 14;\n}\n:host .cds--col-span-15 {\n  --cds-grid-columns: 15;\n  display: block;\n  grid-column: span 15/span 15;\n}\n:host .cds--col-span-16 {\n  --cds-grid-columns: 16;\n  display: block;\n  grid-column: span 16/span 16;\n}\n:host .cds--sm\\:col-span-0 {\n  display: none;\n}\n:host .cds--sm\\:col-span-1 {\n  --cds-grid-columns: 1;\n  display: block;\n  grid-column: span 1/span 1;\n}\n:host .cds--sm\\:col-span-2 {\n  --cds-grid-columns: 2;\n  display: block;\n  grid-column: span 2/span 2;\n}\n:host .cds--sm\\:col-span-3 {\n  --cds-grid-columns: 3;\n  display: block;\n  grid-column: span 3/span 3;\n}\n:host .cds--sm\\:col-span-4 {\n  --cds-grid-columns: 4;\n  display: block;\n  grid-column: span 4/span 4;\n}\n:host .cds--sm\\:col-span-auto {\n  grid-column: auto;\n}\n:host .cds--sm\\:col-span-100 {\n  grid-column: 1/-1;\n}\n:host .cds--sm\\:col-span-75 {\n  --cds-grid-columns: 3;\n  grid-column: span 3 / span 3;\n}\n:host .cds--sm\\:col-span-50 {\n  --cds-grid-columns: 2;\n  grid-column: span 2 / span 2;\n}\n:host .cds--sm\\:col-span-25 {\n  --cds-grid-columns: 1;\n  grid-column: span 1 / span 1;\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-0 {\n    display: none;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-1 {\n    --cds-grid-columns: 1;\n    display: block;\n    grid-column: span 1/span 1;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-2 {\n    --cds-grid-columns: 2;\n    display: block;\n    grid-column: span 2/span 2;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-3 {\n    --cds-grid-columns: 3;\n    display: block;\n    grid-column: span 3/span 3;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-4 {\n    --cds-grid-columns: 4;\n    display: block;\n    grid-column: span 4/span 4;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-5 {\n    --cds-grid-columns: 5;\n    display: block;\n    grid-column: span 5/span 5;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-6 {\n    --cds-grid-columns: 6;\n    display: block;\n    grid-column: span 6/span 6;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-7 {\n    --cds-grid-columns: 7;\n    display: block;\n    grid-column: span 7/span 7;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-8 {\n    --cds-grid-columns: 8;\n    display: block;\n    grid-column: span 8/span 8;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-span-auto {\n    grid-column: auto;\n  }\n  :host .cds--md\\:col-span-100 {\n    grid-column: 1/-1;\n  }\n  :host .cds--md\\:col-span-75 {\n    --cds-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n  :host .cds--md\\:col-span-50 {\n    --cds-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n  :host .cds--md\\:col-span-25 {\n    --cds-grid-columns: 2;\n    grid-column: span 2 / span 2;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-0 {\n    display: none;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-1 {\n    --cds-grid-columns: 1;\n    display: block;\n    grid-column: span 1/span 1;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-2 {\n    --cds-grid-columns: 2;\n    display: block;\n    grid-column: span 2/span 2;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-3 {\n    --cds-grid-columns: 3;\n    display: block;\n    grid-column: span 3/span 3;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-4 {\n    --cds-grid-columns: 4;\n    display: block;\n    grid-column: span 4/span 4;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-5 {\n    --cds-grid-columns: 5;\n    display: block;\n    grid-column: span 5/span 5;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-6 {\n    --cds-grid-columns: 6;\n    display: block;\n    grid-column: span 6/span 6;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-7 {\n    --cds-grid-columns: 7;\n    display: block;\n    grid-column: span 7/span 7;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-8 {\n    --cds-grid-columns: 8;\n    display: block;\n    grid-column: span 8/span 8;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-9 {\n    --cds-grid-columns: 9;\n    display: block;\n    grid-column: span 9/span 9;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-10 {\n    --cds-grid-columns: 10;\n    display: block;\n    grid-column: span 10/span 10;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-11 {\n    --cds-grid-columns: 11;\n    display: block;\n    grid-column: span 11/span 11;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-12 {\n    --cds-grid-columns: 12;\n    display: block;\n    grid-column: span 12/span 12;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-13 {\n    --cds-grid-columns: 13;\n    display: block;\n    grid-column: span 13/span 13;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-14 {\n    --cds-grid-columns: 14;\n    display: block;\n    grid-column: span 14/span 14;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-15 {\n    --cds-grid-columns: 15;\n    display: block;\n    grid-column: span 15/span 15;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-16 {\n    --cds-grid-columns: 16;\n    display: block;\n    grid-column: span 16/span 16;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-span-auto {\n    grid-column: auto;\n  }\n  :host .cds--lg\\:col-span-100 {\n    grid-column: 1/-1;\n  }\n  :host .cds--lg\\:col-span-75 {\n    --cds-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  :host .cds--lg\\:col-span-50 {\n    --cds-grid-columns: 8;\n    grid-column: span 8 / span 8;\n  }\n  :host .cds--lg\\:col-span-25 {\n    --cds-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-0 {\n    display: none;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-1 {\n    --cds-grid-columns: 1;\n    display: block;\n    grid-column: span 1/span 1;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-2 {\n    --cds-grid-columns: 2;\n    display: block;\n    grid-column: span 2/span 2;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-3 {\n    --cds-grid-columns: 3;\n    display: block;\n    grid-column: span 3/span 3;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-4 {\n    --cds-grid-columns: 4;\n    display: block;\n    grid-column: span 4/span 4;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-5 {\n    --cds-grid-columns: 5;\n    display: block;\n    grid-column: span 5/span 5;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-6 {\n    --cds-grid-columns: 6;\n    display: block;\n    grid-column: span 6/span 6;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-7 {\n    --cds-grid-columns: 7;\n    display: block;\n    grid-column: span 7/span 7;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-8 {\n    --cds-grid-columns: 8;\n    display: block;\n    grid-column: span 8/span 8;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-9 {\n    --cds-grid-columns: 9;\n    display: block;\n    grid-column: span 9/span 9;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-10 {\n    --cds-grid-columns: 10;\n    display: block;\n    grid-column: span 10/span 10;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-11 {\n    --cds-grid-columns: 11;\n    display: block;\n    grid-column: span 11/span 11;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-12 {\n    --cds-grid-columns: 12;\n    display: block;\n    grid-column: span 12/span 12;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-13 {\n    --cds-grid-columns: 13;\n    display: block;\n    grid-column: span 13/span 13;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-14 {\n    --cds-grid-columns: 14;\n    display: block;\n    grid-column: span 14/span 14;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-15 {\n    --cds-grid-columns: 15;\n    display: block;\n    grid-column: span 15/span 15;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-16 {\n    --cds-grid-columns: 16;\n    display: block;\n    grid-column: span 16/span 16;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-span-auto {\n    grid-column: auto;\n  }\n  :host .cds--xlg\\:col-span-100 {\n    grid-column: 1/-1;\n  }\n  :host .cds--xlg\\:col-span-75 {\n    --cds-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  :host .cds--xlg\\:col-span-50 {\n    --cds-grid-columns: 8;\n    grid-column: span 8 / span 8;\n  }\n  :host .cds--xlg\\:col-span-25 {\n    --cds-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-0 {\n    display: none;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-1 {\n    --cds-grid-columns: 1;\n    display: block;\n    grid-column: span 1/span 1;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-2 {\n    --cds-grid-columns: 2;\n    display: block;\n    grid-column: span 2/span 2;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-3 {\n    --cds-grid-columns: 3;\n    display: block;\n    grid-column: span 3/span 3;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-4 {\n    --cds-grid-columns: 4;\n    display: block;\n    grid-column: span 4/span 4;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-5 {\n    --cds-grid-columns: 5;\n    display: block;\n    grid-column: span 5/span 5;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-6 {\n    --cds-grid-columns: 6;\n    display: block;\n    grid-column: span 6/span 6;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-7 {\n    --cds-grid-columns: 7;\n    display: block;\n    grid-column: span 7/span 7;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-8 {\n    --cds-grid-columns: 8;\n    display: block;\n    grid-column: span 8/span 8;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-9 {\n    --cds-grid-columns: 9;\n    display: block;\n    grid-column: span 9/span 9;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-10 {\n    --cds-grid-columns: 10;\n    display: block;\n    grid-column: span 10/span 10;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-11 {\n    --cds-grid-columns: 11;\n    display: block;\n    grid-column: span 11/span 11;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-12 {\n    --cds-grid-columns: 12;\n    display: block;\n    grid-column: span 12/span 12;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-13 {\n    --cds-grid-columns: 13;\n    display: block;\n    grid-column: span 13/span 13;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-14 {\n    --cds-grid-columns: 14;\n    display: block;\n    grid-column: span 14/span 14;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-15 {\n    --cds-grid-columns: 15;\n    display: block;\n    grid-column: span 15/span 15;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-16 {\n    --cds-grid-columns: 16;\n    display: block;\n    grid-column: span 16/span 16;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-span-auto {\n    grid-column: auto;\n  }\n  :host .cds--max\\:col-span-100 {\n    grid-column: 1/-1;\n  }\n  :host .cds--max\\:col-span-75 {\n    --cds-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n  :host .cds--max\\:col-span-50 {\n    --cds-grid-columns: 8;\n    grid-column: span 8 / span 8;\n  }\n  :host .cds--max\\:col-span-25 {\n    --cds-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n}\n:host .cds--col-span-auto {\n  grid-column: auto;\n}\n:host .cds--col-span-100 {\n  grid-column: 1/-1;\n}\n:host .cds--col-span-75 {\n  --cds-grid-columns: 3;\n  grid-column: span 3 / span 3;\n}\n@media (min-width: 42rem) {\n  :host .cds--col-span-75 {\n    --cds-grid-columns: 6;\n    grid-column: span 6 / span 6;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--col-span-75 {\n    --cds-grid-columns: 12;\n    grid-column: span 12 / span 12;\n  }\n}\n:host .cds--col-span-50 {\n  --cds-grid-columns: 2;\n  grid-column: span 2 / span 2;\n}\n@media (min-width: 42rem) {\n  :host .cds--col-span-50 {\n    --cds-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--col-span-50 {\n    --cds-grid-columns: 8;\n    grid-column: span 8 / span 8;\n  }\n}\n:host .cds--col-span-25 {\n  --cds-grid-columns: 1;\n  grid-column: span 1 / span 1;\n}\n@media (min-width: 42rem) {\n  :host .cds--col-span-25 {\n    --cds-grid-columns: 2;\n    grid-column: span 2 / span 2;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--col-span-25 {\n    --cds-grid-columns: 4;\n    grid-column: span 4 / span 4;\n  }\n}\n:host .cds--col-start-1 {\n  grid-column-start: 1;\n}\n:host .cds--col-start-2 {\n  grid-column-start: 2;\n}\n:host .cds--col-start-3 {\n  grid-column-start: 3;\n}\n:host .cds--col-start-4 {\n  grid-column-start: 4;\n}\n:host .cds--col-start-5 {\n  grid-column-start: 5;\n}\n:host .cds--col-start-6 {\n  grid-column-start: 6;\n}\n:host .cds--col-start-7 {\n  grid-column-start: 7;\n}\n:host .cds--col-start-8 {\n  grid-column-start: 8;\n}\n:host .cds--col-start-9 {\n  grid-column-start: 9;\n}\n:host .cds--col-start-10 {\n  grid-column-start: 10;\n}\n:host .cds--col-start-11 {\n  grid-column-start: 11;\n}\n:host .cds--col-start-12 {\n  grid-column-start: 12;\n}\n:host .cds--col-start-13 {\n  grid-column-start: 13;\n}\n:host .cds--col-start-14 {\n  grid-column-start: 14;\n}\n:host .cds--col-start-15 {\n  grid-column-start: 15;\n}\n:host .cds--col-start-16 {\n  grid-column-start: 16;\n}\n:host .cds--col-end-2 {\n  grid-column-end: 2;\n}\n:host .cds--col-end-3 {\n  grid-column-end: 3;\n}\n:host .cds--col-end-4 {\n  grid-column-end: 4;\n}\n:host .cds--col-end-5 {\n  grid-column-end: 5;\n}\n:host .cds--col-end-6 {\n  grid-column-end: 6;\n}\n:host .cds--col-end-7 {\n  grid-column-end: 7;\n}\n:host .cds--col-end-8 {\n  grid-column-end: 8;\n}\n:host .cds--col-end-9 {\n  grid-column-end: 9;\n}\n:host .cds--col-end-10 {\n  grid-column-end: 10;\n}\n:host .cds--col-end-11 {\n  grid-column-end: 11;\n}\n:host .cds--col-end-12 {\n  grid-column-end: 12;\n}\n:host .cds--col-end-13 {\n  grid-column-end: 13;\n}\n:host .cds--col-end-14 {\n  grid-column-end: 14;\n}\n:host .cds--col-end-15 {\n  grid-column-end: 15;\n}\n:host .cds--col-end-16 {\n  grid-column-end: 16;\n}\n:host .cds--col-end-17 {\n  grid-column-end: 17;\n}\n:host .cds--col-start-auto {\n  grid-column-start: auto;\n}\n:host .cds--col-end-auto {\n  grid-column-end: auto;\n}\n:host .cds--sm\\:col-start-1 {\n  grid-column-start: 1;\n}\n:host .cds--sm\\:col-start-2 {\n  grid-column-start: 2;\n}\n:host .cds--sm\\:col-start-3 {\n  grid-column-start: 3;\n}\n:host .cds--sm\\:col-start-4 {\n  grid-column-start: 4;\n}\n:host .cds--sm\\:col-start-5 {\n  grid-column-start: 5;\n}\n:host .cds--sm\\:col-start-6 {\n  grid-column-start: 6;\n}\n:host .cds--sm\\:col-start-7 {\n  grid-column-start: 7;\n}\n:host .cds--sm\\:col-start-8 {\n  grid-column-start: 8;\n}\n:host .cds--sm\\:col-start-9 {\n  grid-column-start: 9;\n}\n:host .cds--sm\\:col-start-10 {\n  grid-column-start: 10;\n}\n:host .cds--sm\\:col-start-11 {\n  grid-column-start: 11;\n}\n:host .cds--sm\\:col-start-12 {\n  grid-column-start: 12;\n}\n:host .cds--sm\\:col-start-13 {\n  grid-column-start: 13;\n}\n:host .cds--sm\\:col-start-14 {\n  grid-column-start: 14;\n}\n:host .cds--sm\\:col-start-15 {\n  grid-column-start: 15;\n}\n:host .cds--sm\\:col-start-16 {\n  grid-column-start: 16;\n}\n:host .cds--sm\\:col-end-2 {\n  grid-column-end: 2;\n}\n:host .cds--sm\\:col-end-3 {\n  grid-column-end: 3;\n}\n:host .cds--sm\\:col-end-4 {\n  grid-column-end: 4;\n}\n:host .cds--sm\\:col-end-5 {\n  grid-column-end: 5;\n}\n:host .cds--sm\\:col-end-6 {\n  grid-column-end: 6;\n}\n:host .cds--sm\\:col-end-7 {\n  grid-column-end: 7;\n}\n:host .cds--sm\\:col-end-8 {\n  grid-column-end: 8;\n}\n:host .cds--sm\\:col-end-9 {\n  grid-column-end: 9;\n}\n:host .cds--sm\\:col-end-10 {\n  grid-column-end: 10;\n}\n:host .cds--sm\\:col-end-11 {\n  grid-column-end: 11;\n}\n:host .cds--sm\\:col-end-12 {\n  grid-column-end: 12;\n}\n:host .cds--sm\\:col-end-13 {\n  grid-column-end: 13;\n}\n:host .cds--sm\\:col-end-14 {\n  grid-column-end: 14;\n}\n:host .cds--sm\\:col-end-15 {\n  grid-column-end: 15;\n}\n:host .cds--sm\\:col-end-16 {\n  grid-column-end: 16;\n}\n:host .cds--sm\\:col-end-17 {\n  grid-column-end: 17;\n}\n:host .cds--sm\\:col-start-auto {\n  grid-column-start: auto;\n}\n:host .cds--sm\\:col-end-auto {\n  grid-column-end: auto;\n}\n@media (min-width: 42rem) {\n  :host .cds--md\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  :host .cds--md\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  :host .cds--md\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  :host .cds--md\\:col-start-4 {\n    grid-column-start: 4;\n  }\n  :host .cds--md\\:col-start-5 {\n    grid-column-start: 5;\n  }\n  :host .cds--md\\:col-start-6 {\n    grid-column-start: 6;\n  }\n  :host .cds--md\\:col-start-7 {\n    grid-column-start: 7;\n  }\n  :host .cds--md\\:col-start-8 {\n    grid-column-start: 8;\n  }\n  :host .cds--md\\:col-start-9 {\n    grid-column-start: 9;\n  }\n  :host .cds--md\\:col-start-10 {\n    grid-column-start: 10;\n  }\n  :host .cds--md\\:col-start-11 {\n    grid-column-start: 11;\n  }\n  :host .cds--md\\:col-start-12 {\n    grid-column-start: 12;\n  }\n  :host .cds--md\\:col-start-13 {\n    grid-column-start: 13;\n  }\n  :host .cds--md\\:col-start-14 {\n    grid-column-start: 14;\n  }\n  :host .cds--md\\:col-start-15 {\n    grid-column-start: 15;\n  }\n  :host .cds--md\\:col-start-16 {\n    grid-column-start: 16;\n  }\n  :host .cds--md\\:col-end-2 {\n    grid-column-end: 2;\n  }\n  :host .cds--md\\:col-end-3 {\n    grid-column-end: 3;\n  }\n  :host .cds--md\\:col-end-4 {\n    grid-column-end: 4;\n  }\n  :host .cds--md\\:col-end-5 {\n    grid-column-end: 5;\n  }\n  :host .cds--md\\:col-end-6 {\n    grid-column-end: 6;\n  }\n  :host .cds--md\\:col-end-7 {\n    grid-column-end: 7;\n  }\n  :host .cds--md\\:col-end-8 {\n    grid-column-end: 8;\n  }\n  :host .cds--md\\:col-end-9 {\n    grid-column-end: 9;\n  }\n  :host .cds--md\\:col-end-10 {\n    grid-column-end: 10;\n  }\n  :host .cds--md\\:col-end-11 {\n    grid-column-end: 11;\n  }\n  :host .cds--md\\:col-end-12 {\n    grid-column-end: 12;\n  }\n  :host .cds--md\\:col-end-13 {\n    grid-column-end: 13;\n  }\n  :host .cds--md\\:col-end-14 {\n    grid-column-end: 14;\n  }\n  :host .cds--md\\:col-end-15 {\n    grid-column-end: 15;\n  }\n  :host .cds--md\\:col-end-16 {\n    grid-column-end: 16;\n  }\n  :host .cds--md\\:col-end-17 {\n    grid-column-end: 17;\n  }\n  :host .cds--md\\:col-start-auto {\n    grid-column-start: auto;\n  }\n  :host .cds--md\\:col-end-auto {\n    grid-column-end: auto;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--lg\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  :host .cds--lg\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  :host .cds--lg\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  :host .cds--lg\\:col-start-4 {\n    grid-column-start: 4;\n  }\n  :host .cds--lg\\:col-start-5 {\n    grid-column-start: 5;\n  }\n  :host .cds--lg\\:col-start-6 {\n    grid-column-start: 6;\n  }\n  :host .cds--lg\\:col-start-7 {\n    grid-column-start: 7;\n  }\n  :host .cds--lg\\:col-start-8 {\n    grid-column-start: 8;\n  }\n  :host .cds--lg\\:col-start-9 {\n    grid-column-start: 9;\n  }\n  :host .cds--lg\\:col-start-10 {\n    grid-column-start: 10;\n  }\n  :host .cds--lg\\:col-start-11 {\n    grid-column-start: 11;\n  }\n  :host .cds--lg\\:col-start-12 {\n    grid-column-start: 12;\n  }\n  :host .cds--lg\\:col-start-13 {\n    grid-column-start: 13;\n  }\n  :host .cds--lg\\:col-start-14 {\n    grid-column-start: 14;\n  }\n  :host .cds--lg\\:col-start-15 {\n    grid-column-start: 15;\n  }\n  :host .cds--lg\\:col-start-16 {\n    grid-column-start: 16;\n  }\n  :host .cds--lg\\:col-end-2 {\n    grid-column-end: 2;\n  }\n  :host .cds--lg\\:col-end-3 {\n    grid-column-end: 3;\n  }\n  :host .cds--lg\\:col-end-4 {\n    grid-column-end: 4;\n  }\n  :host .cds--lg\\:col-end-5 {\n    grid-column-end: 5;\n  }\n  :host .cds--lg\\:col-end-6 {\n    grid-column-end: 6;\n  }\n  :host .cds--lg\\:col-end-7 {\n    grid-column-end: 7;\n  }\n  :host .cds--lg\\:col-end-8 {\n    grid-column-end: 8;\n  }\n  :host .cds--lg\\:col-end-9 {\n    grid-column-end: 9;\n  }\n  :host .cds--lg\\:col-end-10 {\n    grid-column-end: 10;\n  }\n  :host .cds--lg\\:col-end-11 {\n    grid-column-end: 11;\n  }\n  :host .cds--lg\\:col-end-12 {\n    grid-column-end: 12;\n  }\n  :host .cds--lg\\:col-end-13 {\n    grid-column-end: 13;\n  }\n  :host .cds--lg\\:col-end-14 {\n    grid-column-end: 14;\n  }\n  :host .cds--lg\\:col-end-15 {\n    grid-column-end: 15;\n  }\n  :host .cds--lg\\:col-end-16 {\n    grid-column-end: 16;\n  }\n  :host .cds--lg\\:col-end-17 {\n    grid-column-end: 17;\n  }\n  :host .cds--lg\\:col-start-auto {\n    grid-column-start: auto;\n  }\n  :host .cds--lg\\:col-end-auto {\n    grid-column-end: auto;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--xlg\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  :host .cds--xlg\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  :host .cds--xlg\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  :host .cds--xlg\\:col-start-4 {\n    grid-column-start: 4;\n  }\n  :host .cds--xlg\\:col-start-5 {\n    grid-column-start: 5;\n  }\n  :host .cds--xlg\\:col-start-6 {\n    grid-column-start: 6;\n  }\n  :host .cds--xlg\\:col-start-7 {\n    grid-column-start: 7;\n  }\n  :host .cds--xlg\\:col-start-8 {\n    grid-column-start: 8;\n  }\n  :host .cds--xlg\\:col-start-9 {\n    grid-column-start: 9;\n  }\n  :host .cds--xlg\\:col-start-10 {\n    grid-column-start: 10;\n  }\n  :host .cds--xlg\\:col-start-11 {\n    grid-column-start: 11;\n  }\n  :host .cds--xlg\\:col-start-12 {\n    grid-column-start: 12;\n  }\n  :host .cds--xlg\\:col-start-13 {\n    grid-column-start: 13;\n  }\n  :host .cds--xlg\\:col-start-14 {\n    grid-column-start: 14;\n  }\n  :host .cds--xlg\\:col-start-15 {\n    grid-column-start: 15;\n  }\n  :host .cds--xlg\\:col-start-16 {\n    grid-column-start: 16;\n  }\n  :host .cds--xlg\\:col-end-2 {\n    grid-column-end: 2;\n  }\n  :host .cds--xlg\\:col-end-3 {\n    grid-column-end: 3;\n  }\n  :host .cds--xlg\\:col-end-4 {\n    grid-column-end: 4;\n  }\n  :host .cds--xlg\\:col-end-5 {\n    grid-column-end: 5;\n  }\n  :host .cds--xlg\\:col-end-6 {\n    grid-column-end: 6;\n  }\n  :host .cds--xlg\\:col-end-7 {\n    grid-column-end: 7;\n  }\n  :host .cds--xlg\\:col-end-8 {\n    grid-column-end: 8;\n  }\n  :host .cds--xlg\\:col-end-9 {\n    grid-column-end: 9;\n  }\n  :host .cds--xlg\\:col-end-10 {\n    grid-column-end: 10;\n  }\n  :host .cds--xlg\\:col-end-11 {\n    grid-column-end: 11;\n  }\n  :host .cds--xlg\\:col-end-12 {\n    grid-column-end: 12;\n  }\n  :host .cds--xlg\\:col-end-13 {\n    grid-column-end: 13;\n  }\n  :host .cds--xlg\\:col-end-14 {\n    grid-column-end: 14;\n  }\n  :host .cds--xlg\\:col-end-15 {\n    grid-column-end: 15;\n  }\n  :host .cds--xlg\\:col-end-16 {\n    grid-column-end: 16;\n  }\n  :host .cds--xlg\\:col-end-17 {\n    grid-column-end: 17;\n  }\n  :host .cds--xlg\\:col-start-auto {\n    grid-column-start: auto;\n  }\n  :host .cds--xlg\\:col-end-auto {\n    grid-column-end: auto;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--max\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  :host .cds--max\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  :host .cds--max\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  :host .cds--max\\:col-start-4 {\n    grid-column-start: 4;\n  }\n  :host .cds--max\\:col-start-5 {\n    grid-column-start: 5;\n  }\n  :host .cds--max\\:col-start-6 {\n    grid-column-start: 6;\n  }\n  :host .cds--max\\:col-start-7 {\n    grid-column-start: 7;\n  }\n  :host .cds--max\\:col-start-8 {\n    grid-column-start: 8;\n  }\n  :host .cds--max\\:col-start-9 {\n    grid-column-start: 9;\n  }\n  :host .cds--max\\:col-start-10 {\n    grid-column-start: 10;\n  }\n  :host .cds--max\\:col-start-11 {\n    grid-column-start: 11;\n  }\n  :host .cds--max\\:col-start-12 {\n    grid-column-start: 12;\n  }\n  :host .cds--max\\:col-start-13 {\n    grid-column-start: 13;\n  }\n  :host .cds--max\\:col-start-14 {\n    grid-column-start: 14;\n  }\n  :host .cds--max\\:col-start-15 {\n    grid-column-start: 15;\n  }\n  :host .cds--max\\:col-start-16 {\n    grid-column-start: 16;\n  }\n  :host .cds--max\\:col-end-2 {\n    grid-column-end: 2;\n  }\n  :host .cds--max\\:col-end-3 {\n    grid-column-end: 3;\n  }\n  :host .cds--max\\:col-end-4 {\n    grid-column-end: 4;\n  }\n  :host .cds--max\\:col-end-5 {\n    grid-column-end: 5;\n  }\n  :host .cds--max\\:col-end-6 {\n    grid-column-end: 6;\n  }\n  :host .cds--max\\:col-end-7 {\n    grid-column-end: 7;\n  }\n  :host .cds--max\\:col-end-8 {\n    grid-column-end: 8;\n  }\n  :host .cds--max\\:col-end-9 {\n    grid-column-end: 9;\n  }\n  :host .cds--max\\:col-end-10 {\n    grid-column-end: 10;\n  }\n  :host .cds--max\\:col-end-11 {\n    grid-column-end: 11;\n  }\n  :host .cds--max\\:col-end-12 {\n    grid-column-end: 12;\n  }\n  :host .cds--max\\:col-end-13 {\n    grid-column-end: 13;\n  }\n  :host .cds--max\\:col-end-14 {\n    grid-column-end: 14;\n  }\n  :host .cds--max\\:col-end-15 {\n    grid-column-end: 15;\n  }\n  :host .cds--max\\:col-end-16 {\n    grid-column-end: 16;\n  }\n  :host .cds--max\\:col-end-17 {\n    grid-column-end: 17;\n  }\n  :host .cds--max\\:col-start-auto {\n    grid-column-start: auto;\n  }\n  :host .cds--max\\:col-end-auto {\n    grid-column-end: auto;\n  }\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-hover: var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field: var(--cds-field-01, #f4f4f4);\n  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-one {\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field: var(--cds-field-01, #f4f4f4);\n  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-two {\n  --cds-layer: var(--cds-layer-02, #ffffff);\n  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);\n  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);\n  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);\n  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);\n  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);\n  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);\n  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);\n  --cds-field: var(--cds-field-02, #ffffff);\n  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);\n  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);\n  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);\n  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);\n  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds--layer-three {\n  --cds-layer: var(--cds-layer-03, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);\n  --cds-layer-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--layout--size-xs {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xs {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds--layout-constraint--size__min-xs {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout-constraint--size__max-xs {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout--size-sm, :host .ibm-web-chat--default-styles button:not([class*=cds--]) {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-sm {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds--layout-constraint--size__min-sm {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout-constraint--size__max-sm {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout--size-md {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-md {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds--layout-constraint--size__min-md {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout-constraint--size__max-md {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout--size-lg {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-lg {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds--layout-constraint--size__min-lg {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout-constraint--size__max-lg {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout--size-xl {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xl {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds--layout-constraint--size__min-xl {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout-constraint--size__max-xl {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout--size-2xl {\n  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);\n  --cds-layout-size-height: var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-2xl {\n  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds--layout-constraint--size__min-2xl {\n  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout-constraint--size__max-2xl {\n  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout--density-condensed {\n  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-condensed {\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds--layout-constraint--density__min-condensed {\n  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout-constraint--density__max-condensed {\n  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout--density-normal {\n  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-normal {\n  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds--layout-constraint--density__min-normal {\n  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds--layout-constraint--density__max-normal {\n  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root {\n  --cds-layout-size-height-xs: 1.5rem;\n  --cds-layout-size-height-sm: 2rem;\n  --cds-layout-size-height-md: 2.5rem;\n  --cds-layout-size-height-lg: 3rem;\n  --cds-layout-size-height-xl: 4rem;\n  --cds-layout-size-height-2xl: 5rem;\n  --cds-layout-size-height-min: 0px;\n  --cds-layout-size-height-max: 999999999px;\n  --cds-layout-density-padding-inline-condensed: 0.5rem;\n  --cds-layout-density-padding-inline-normal: 1rem;\n  --cds-layout-density-padding-inline-min: 0px;\n  --cds-layout-density-padding-inline-max: 999999999px;\n}\n:host .cds--white {\n  background-color: var(--cds-background);\n  color: var(--cds-text-primary);\n  --cds-ai-aura-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background: #edf5ff;\n  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #78a9ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong: #4589ff;\n  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay: rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background: #ffffff;\n  --cds-ai-popover-caret-bottom: #78a9ff;\n  --cds-ai-popover-caret-bottom-background: #eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions: #e9effa;\n  --cds-ai-popover-caret-center: #a0c3ff;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background: #d0e2ff;\n  --cds-ai-skeleton-element-background: #4589ff;\n  --cds-background: #ffffff;\n  --cds-background-active: rgba(141, 141, 141, 0.5);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.12);\n  --cds-background-inverse: #393939;\n  --cds-background-inverse-hover: #474747;\n  --cds-background-selected: rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: #c6c6c6;\n  --cds-border-interactive: #0f62fe;\n  --cds-border-inverse: #161616;\n  --cds-border-strong-01: #8d8d8d;\n  --cds-border-strong-02: #8d8d8d;\n  --cds-border-strong-03: #8d8d8d;\n  --cds-border-subtle-00: #e0e0e0;\n  --cds-border-subtle-01: #c6c6c6;\n  --cds-border-subtle-02: #e0e0e0;\n  --cds-border-subtle-03: #c6c6c6;\n  --cds-border-subtle-selected-01: #c6c6c6;\n  --cds-border-subtle-selected-02: #c6c6c6;\n  --cds-border-subtle-selected-03: #c6c6c6;\n  --cds-border-tile-01: #c6c6c6;\n  --cds-border-tile-02: #a8a8a8;\n  --cds-border-tile-03: #c6c6c6;\n  --cds-chat-avatar-agent: #393939;\n  --cds-chat-avatar-bot: #6f6f6f;\n  --cds-chat-avatar-user: #0f62fe;\n  --cds-chat-bubble-agent: #ffffff;\n  --cds-chat-bubble-border: #e0e0e0;\n  --cds-chat-bubble-user: #e0e0e0;\n  --cds-chat-button: #0f62fe;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover: #0043ce;\n  --cds-chat-button-text-selected: #525252;\n  --cds-chat-header-background: #ffffff;\n  --cds-chat-prompt-background: #ffffff;\n  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start: #f4f4f4;\n  --cds-chat-shell-background: #ffffff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-field-03: #f4f4f4;\n  --cds-field-hover-01: #e8e8e8;\n  --cds-field-hover-02: #e8e8e8;\n  --cds-field-hover-03: #e8e8e8;\n  --cds-focus: #0f62fe;\n  --cds-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-highlight: #d0e2ff;\n  --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive: #0f62fe;\n  --cds-icon-inverse: #ffffff;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-interactive: #0f62fe;\n  --cds-layer-01: #f4f4f4;\n  --cds-layer-02: #ffffff;\n  --cds-layer-03: #f4f4f4;\n  --cds-layer-accent-01: #e0e0e0;\n  --cds-layer-accent-02: #e0e0e0;\n  --cds-layer-accent-03: #e0e0e0;\n  --cds-layer-accent-active-01: #a8a8a8;\n  --cds-layer-accent-active-02: #a8a8a8;\n  --cds-layer-accent-active-03: #a8a8a8;\n  --cds-layer-accent-hover-01: #d1d1d1;\n  --cds-layer-accent-hover-02: #d1d1d1;\n  --cds-layer-accent-hover-03: #d1d1d1;\n  --cds-layer-active-01: #c6c6c6;\n  --cds-layer-active-02: #c6c6c6;\n  --cds-layer-active-03: #c6c6c6;\n  --cds-layer-hover-01: #e8e8e8;\n  --cds-layer-hover-02: #e8e8e8;\n  --cds-layer-hover-03: #e8e8e8;\n  --cds-layer-selected-01: #e0e0e0;\n  --cds-layer-selected-02: #e0e0e0;\n  --cds-layer-selected-03: #e0e0e0;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-layer-selected-hover-01: #d1d1d1;\n  --cds-layer-selected-hover-02: #d1d1d1;\n  --cds-layer-selected-hover-03: #d1d1d1;\n  --cds-layer-selected-inverse: #161616;\n  --cds-link-inverse: #78a9ff;\n  --cds-link-inverse-active: #f4f4f4;\n  --cds-link-inverse-hover: #a6c8ff;\n  --cds-link-inverse-visited: #be95ff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-primary-hover: #0043ce;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-shadow: rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background: #e8e8e8;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #8a3ffc;\n  --cds-support-error: #da1e28;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-info: #0043ce;\n  --cds-support-info-inverse: #4589ff;\n  --cds-support-success: #24a148;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(22, 22, 22, 0.25);\n  --cds-text-error: #da1e28;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-inverse: #ffffff;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-toggle-off: #8d8d8d;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\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  --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  --cds-notification-background-error: #fff1f1;\n  --cds-notification-background-success: #defbe6;\n  --cds-notification-background-info: #edf5ff;\n  --cds-notification-background-warning: #fcf4d6;\n  --cds-notification-action-hover: #ffffff;\n  --cds-notification-action-tertiary-inverse: #ffffff;\n  --cds-notification-action-tertiary-inverse-active: #c6c6c6;\n  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;\n  --cds-notification-action-tertiary-inverse-text: #161616;\n  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-tag-background-red: #ffd7d9;\n  --cds-tag-color-red: #750e13;\n  --cds-tag-hover-red: #ffc2c5;\n  --cds-tag-background-magenta: #ffd6e8;\n  --cds-tag-color-magenta: #740937;\n  --cds-tag-hover-magenta: #ffbdda;\n  --cds-tag-background-purple: #e8daff;\n  --cds-tag-color-purple: #491d8b;\n  --cds-tag-hover-purple: #dcc7ff;\n  --cds-tag-background-blue: #d0e2ff;\n  --cds-tag-color-blue: #002d9c;\n  --cds-tag-hover-blue: #b8d3ff;\n  --cds-tag-background-cyan: #bae6ff;\n  --cds-tag-color-cyan: #003a6d;\n  --cds-tag-hover-cyan: #99daff;\n  --cds-tag-background-teal: #9ef0f0;\n  --cds-tag-color-teal: #004144;\n  --cds-tag-hover-teal: #57e5e5;\n  --cds-tag-background-green: #a7f0ba;\n  --cds-tag-color-green: #044317;\n  --cds-tag-hover-green: #74e792;\n  --cds-tag-background-gray: #e0e0e0;\n  --cds-tag-color-gray: #161616;\n  --cds-tag-hover-gray: #d1d1d1;\n  --cds-tag-border-red: #ff8389;\n  --cds-tag-border-blue: #78a9ff;\n  --cds-tag-border-cyan: #33b1ff;\n  --cds-tag-border-teal: #08bdba;\n  --cds-tag-border-green: #42be65;\n  --cds-tag-border-magenta: #ff7eb6;\n  --cds-tag-border-purple: #be95ff;\n  --cds-tag-border-gray: #a8a8a8;\n  --cds-tag-border-cool-gray: #a2a9b0;\n  --cds-tag-border-warm-gray: #ada8a8;\n  --cds-tag-background-cool-gray: #dde1e6;\n  --cds-tag-color-cool-gray: #121619;\n  --cds-tag-hover-cool-gray: #cdd3da;\n  --cds-tag-background-warm-gray: #e5e0df;\n  --cds-tag-color-warm-gray: #171414;\n  --cds-tag-hover-warm-gray: #d8d0cf;\n}\n:host .cds--g10 {\n  background-color: var(--cds-background);\n  color: var(--cds-text-primary);\n  --cds-ai-aura-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background: #edf5ff;\n  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #78a9ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong: #4589ff;\n  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay: rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background: #ffffff;\n  --cds-ai-popover-caret-bottom: #78a9ff;\n  --cds-ai-popover-caret-bottom-background: #eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions: #e9effa;\n  --cds-ai-popover-caret-center: #a0c3ff;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background: #d0e2ff;\n  --cds-ai-skeleton-element-background: #4589ff;\n  --cds-background: #f4f4f4;\n  --cds-background-active: rgba(141, 141, 141, 0.5);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.12);\n  --cds-background-inverse: #393939;\n  --cds-background-inverse-hover: #474747;\n  --cds-background-selected: rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: #c6c6c6;\n  --cds-border-interactive: #0f62fe;\n  --cds-border-inverse: #161616;\n  --cds-border-strong-01: #8d8d8d;\n  --cds-border-strong-02: #8d8d8d;\n  --cds-border-strong-03: #8d8d8d;\n  --cds-border-subtle-00: #c6c6c6;\n  --cds-border-subtle-01: #e0e0e0;\n  --cds-border-subtle-02: #c6c6c6;\n  --cds-border-subtle-03: #e0e0e0;\n  --cds-border-subtle-selected-01: #c6c6c6;\n  --cds-border-subtle-selected-02: #c6c6c6;\n  --cds-border-subtle-selected-03: #c6c6c6;\n  --cds-border-tile-01: #a8a8a8;\n  --cds-border-tile-02: #c6c6c6;\n  --cds-border-tile-03: #a8a8a8;\n  --cds-chat-avatar-agent: #393939;\n  --cds-chat-avatar-bot: #6f6f6f;\n  --cds-chat-avatar-user: #0f62fe;\n  --cds-chat-bubble-agent: #ffffff;\n  --cds-chat-bubble-border: #e0e0e0;\n  --cds-chat-bubble-user: #e0e0e0;\n  --cds-chat-button: #0f62fe;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover: #0043ce;\n  --cds-chat-button-text-selected: #525252;\n  --cds-chat-header-background: #ffffff;\n  --cds-chat-prompt-background: #ffffff;\n  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start: #f4f4f4;\n  --cds-chat-shell-background: #ffffff;\n  --cds-field-01: #ffffff;\n  --cds-field-02: #f4f4f4;\n  --cds-field-03: #ffffff;\n  --cds-field-hover-01: #e8e8e8;\n  --cds-field-hover-02: #e8e8e8;\n  --cds-field-hover-03: #e8e8e8;\n  --cds-focus: #0f62fe;\n  --cds-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-highlight: #d0e2ff;\n  --cds-icon-disabled: rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive: #0f62fe;\n  --cds-icon-inverse: #ffffff;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-interactive: #0f62fe;\n  --cds-layer-01: #ffffff;\n  --cds-layer-02: #f4f4f4;\n  --cds-layer-03: #ffffff;\n  --cds-layer-accent-01: #e0e0e0;\n  --cds-layer-accent-02: #e0e0e0;\n  --cds-layer-accent-03: #e0e0e0;\n  --cds-layer-accent-active-01: #a8a8a8;\n  --cds-layer-accent-active-02: #a8a8a8;\n  --cds-layer-accent-active-03: #a8a8a8;\n  --cds-layer-accent-hover-01: #d1d1d1;\n  --cds-layer-accent-hover-02: #d1d1d1;\n  --cds-layer-accent-hover-03: #d1d1d1;\n  --cds-layer-active-01: #c6c6c6;\n  --cds-layer-active-02: #c6c6c6;\n  --cds-layer-active-03: #c6c6c6;\n  --cds-layer-hover-01: #e8e8e8;\n  --cds-layer-hover-02: #e8e8e8;\n  --cds-layer-hover-03: #e8e8e8;\n  --cds-layer-selected-01: #e0e0e0;\n  --cds-layer-selected-02: #e0e0e0;\n  --cds-layer-selected-03: #e0e0e0;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-layer-selected-hover-01: #d1d1d1;\n  --cds-layer-selected-hover-02: #d1d1d1;\n  --cds-layer-selected-hover-03: #d1d1d1;\n  --cds-layer-selected-inverse: #161616;\n  --cds-link-inverse: #78a9ff;\n  --cds-link-inverse-active: #f4f4f4;\n  --cds-link-inverse-hover: #a6c8ff;\n  --cds-link-inverse-visited: #be95ff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-primary-hover: #0043ce;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-shadow: rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background: #e8e8e8;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #8a3ffc;\n  --cds-support-error: #da1e28;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-info: #0043ce;\n  --cds-support-info-inverse: #4589ff;\n  --cds-support-success: #24a148;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(22, 22, 22, 0.25);\n  --cds-text-error: #da1e28;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-inverse: #ffffff;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-text-placeholder: rgba(22, 22, 22, 0.4);\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-toggle-off: #8d8d8d;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\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  --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  --cds-notification-background-error: #fff1f1;\n  --cds-notification-background-success: #defbe6;\n  --cds-notification-background-info: #edf5ff;\n  --cds-notification-background-warning: #fcf4d6;\n  --cds-notification-action-hover: #ffffff;\n  --cds-notification-action-tertiary-inverse: #ffffff;\n  --cds-notification-action-tertiary-inverse-active: #c6c6c6;\n  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;\n  --cds-notification-action-tertiary-inverse-text: #161616;\n  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-tag-background-red: #ffd7d9;\n  --cds-tag-color-red: #750e13;\n  --cds-tag-hover-red: #ffc2c5;\n  --cds-tag-background-magenta: #ffd6e8;\n  --cds-tag-color-magenta: #740937;\n  --cds-tag-hover-magenta: #ffbdda;\n  --cds-tag-background-purple: #e8daff;\n  --cds-tag-color-purple: #491d8b;\n  --cds-tag-hover-purple: #dcc7ff;\n  --cds-tag-background-blue: #d0e2ff;\n  --cds-tag-color-blue: #002d9c;\n  --cds-tag-hover-blue: #b8d3ff;\n  --cds-tag-background-cyan: #bae6ff;\n  --cds-tag-color-cyan: #003a6d;\n  --cds-tag-hover-cyan: #99daff;\n  --cds-tag-background-teal: #9ef0f0;\n  --cds-tag-color-teal: #004144;\n  --cds-tag-hover-teal: #57e5e5;\n  --cds-tag-background-green: #a7f0ba;\n  --cds-tag-color-green: #044317;\n  --cds-tag-hover-green: #74e792;\n  --cds-tag-background-gray: #e0e0e0;\n  --cds-tag-color-gray: #161616;\n  --cds-tag-hover-gray: #d1d1d1;\n  --cds-tag-border-red: #ff8389;\n  --cds-tag-border-blue: #78a9ff;\n  --cds-tag-border-cyan: #33b1ff;\n  --cds-tag-border-teal: #08bdba;\n  --cds-tag-border-green: #42be65;\n  --cds-tag-border-magenta: #ff7eb6;\n  --cds-tag-border-purple: #be95ff;\n  --cds-tag-border-gray: #a8a8a8;\n  --cds-tag-border-cool-gray: #a2a9b0;\n  --cds-tag-border-warm-gray: #ada8a8;\n  --cds-tag-background-cool-gray: #dde1e6;\n  --cds-tag-color-cool-gray: #121619;\n  --cds-tag-hover-cool-gray: #cdd3da;\n  --cds-tag-background-warm-gray: #e5e0df;\n  --cds-tag-color-warm-gray: #171414;\n  --cds-tag-hover-warm-gray: #d8d0cf;\n}\n:host .cds--g90 {\n  background-color: var(--cds-background);\n  color: var(--cds-text-primary);\n  --cds-ai-aura-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background: #474747;\n  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #4589ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong: #78a9ff;\n  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay: rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background: #161616;\n  --cds-ai-popover-caret-bottom: #4589ff;\n  --cds-ai-popover-caret-bottom-background: #202d45;\n  --cds-ai-popover-caret-bottom-background-actions: #1e283a;\n  --cds-ai-popover-caret-center: #4870b5;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);\n  --cds-background: #262626;\n  --cds-background-active: rgba(141, 141, 141, 0.4);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.16);\n  --cds-background-inverse: #f4f4f4;\n  --cds-background-inverse-hover: #e8e8e8;\n  --cds-background-selected: rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: rgba(141, 141, 141, 0.5);\n  --cds-border-interactive: #4589ff;\n  --cds-border-inverse: #f4f4f4;\n  --cds-border-strong-01: #8d8d8d;\n  --cds-border-strong-02: #a8a8a8;\n  --cds-border-strong-03: #c6c6c6;\n  --cds-border-subtle-00: #525252;\n  --cds-border-subtle-01: #6f6f6f;\n  --cds-border-subtle-02: #8d8d8d;\n  --cds-border-subtle-03: #8d8d8d;\n  --cds-border-subtle-selected-01: #8d8d8d;\n  --cds-border-subtle-selected-02: #a8a8a8;\n  --cds-border-subtle-selected-03: #a8a8a8;\n  --cds-border-tile-01: #6f6f6f;\n  --cds-border-tile-02: #8d8d8d;\n  --cds-border-tile-03: #a8a8a8;\n  --cds-chat-avatar-agent: #c6c6c6;\n  --cds-chat-avatar-bot: #8d8d8d;\n  --cds-chat-avatar-user: #4589ff;\n  --cds-chat-bubble-agent: #262626;\n  --cds-chat-bubble-border: #525252;\n  --cds-chat-bubble-user: #393939;\n  --cds-chat-button: #78a9ff;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover: #a6c8ff;\n  --cds-chat-button-text-selected: #c6c6c6;\n  --cds-chat-header-background: #262626;\n  --cds-chat-prompt-background: #161616;\n  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start: #262626;\n  --cds-chat-shell-background: #262626;\n  --cds-field-01: #393939;\n  --cds-field-02: #525252;\n  --cds-field-03: #6f6f6f;\n  --cds-field-hover-01: #474747;\n  --cds-field-hover-02: #636363;\n  --cds-field-hover-03: #5e5e5e;\n  --cds-focus: #ffffff;\n  --cds-focus-inset: #161616;\n  --cds-focus-inverse: #0f62fe;\n  --cds-highlight: #002d9c;\n  --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive: #ffffff;\n  --cds-icon-inverse: #161616;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-icon-primary: #f4f4f4;\n  --cds-icon-secondary: #c6c6c6;\n  --cds-interactive: #4589ff;\n  --cds-layer-01: #393939;\n  --cds-layer-02: #525252;\n  --cds-layer-03: #6f6f6f;\n  --cds-layer-accent-01: #525252;\n  --cds-layer-accent-02: #6f6f6f;\n  --cds-layer-accent-03: #8d8d8d;\n  --cds-layer-accent-active-01: #8d8d8d;\n  --cds-layer-accent-active-02: #393939;\n  --cds-layer-accent-active-03: #525252;\n  --cds-layer-accent-hover-01: #636363;\n  --cds-layer-accent-hover-02: #5e5e5e;\n  --cds-layer-accent-hover-03: #7a7a7a;\n  --cds-layer-active-01: #6f6f6f;\n  --cds-layer-active-02: #8d8d8d;\n  --cds-layer-active-03: #393939;\n  --cds-layer-hover-01: #474747;\n  --cds-layer-hover-02: #636363;\n  --cds-layer-hover-03: #5e5e5e;\n  --cds-layer-selected-01: #525252;\n  --cds-layer-selected-02: #6f6f6f;\n  --cds-layer-selected-03: #525252;\n  --cds-layer-selected-disabled: #a8a8a8;\n  --cds-layer-selected-hover-01: #636363;\n  --cds-layer-selected-hover-02: #5e5e5e;\n  --cds-layer-selected-hover-03: #636363;\n  --cds-layer-selected-inverse: #f4f4f4;\n  --cds-link-inverse: #0f62fe;\n  --cds-link-inverse-active: #161616;\n  --cds-link-inverse-hover: #0043ce;\n  --cds-link-inverse-visited: #8a3ffc;\n  --cds-link-primary: #78a9ff;\n  --cds-link-primary-hover: #a6c8ff;\n  --cds-link-secondary: #a6c8ff;\n  --cds-link-visited: #be95ff;\n  --cds-overlay: rgba(0, 0, 0, 0.65);\n  --cds-shadow: rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background: #333333;\n  --cds-skeleton-element: #525252;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #a56eff;\n  --cds-support-error: #ff8389;\n  --cds-support-error-inverse: #da1e28;\n  --cds-support-info: #4589ff;\n  --cds-support-info-inverse: #0043ce;\n  --cds-support-success: #42be65;\n  --cds-support-success-inverse: #24a148;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(244, 244, 244, 0.25);\n  --cds-text-error: #ffb3b8;\n  --cds-text-helper: #c6c6c6;\n  --cds-text-inverse: #161616;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n  --cds-text-primary: #f4f4f4;\n  --cds-text-secondary: #c6c6c6;\n  --cds-toggle-off: #8d8d8d;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\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  --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  --cds-notification-background-error: #393939;\n  --cds-notification-background-success: #393939;\n  --cds-notification-background-info: #393939;\n  --cds-notification-background-warning: #393939;\n  --cds-notification-action-tertiary-inverse: #0f62fe;\n  --cds-notification-action-tertiary-inverse-active: #002d9c;\n  --cds-notification-action-tertiary-inverse-hover: #0050e6;\n  --cds-notification-action-tertiary-inverse-text: #ffffff;\n  --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;\n  --cds-tag-background-red: #a2191f;\n  --cds-tag-color-red: #ffd7d9;\n  --cds-tag-hover-red: #c21e25;\n  --cds-tag-background-magenta: #9f1853;\n  --cds-tag-color-magenta: #ffd6e8;\n  --cds-tag-hover-magenta: #bf1d63;\n  --cds-tag-background-purple: #6929c4;\n  --cds-tag-color-purple: #e8daff;\n  --cds-tag-hover-purple: #7c3dd6;\n  --cds-tag-background-blue: #0043ce;\n  --cds-tag-color-blue: #d0e2ff;\n  --cds-tag-hover-blue: #0053ff;\n  --cds-tag-background-cyan: #00539a;\n  --cds-tag-color-cyan: #bae6ff;\n  --cds-tag-hover-cyan: #0066bd;\n  --cds-tag-background-teal: #005d5d;\n  --cds-tag-color-teal: #9ef0f0;\n  --cds-tag-hover-teal: #007070;\n  --cds-tag-background-green: #0e6027;\n  --cds-tag-color-green: #a7f0ba;\n  --cds-tag-hover-green: #11742f;\n  --cds-tag-background-gray: #525252;\n  --cds-tag-color-gray: #f4f4f4;\n  --cds-tag-hover-gray: #636363;\n  --cds-tag-border-red: #fa4d56;\n  --cds-tag-border-blue: #4589ff;\n  --cds-tag-border-cyan: #1192e8;\n  --cds-tag-border-teal: #009d9a;\n  --cds-tag-border-green: #24a148;\n  --cds-tag-border-magenta: #ee5396;\n  --cds-tag-border-purple: #a56eff;\n  --cds-tag-border-gray: #8d8d8d;\n  --cds-tag-border-cool-gray: #878d96;\n  --cds-tag-border-warm-gray: #8f8b8b;\n  --cds-tag-background-cool-gray: #4d5358;\n  --cds-tag-color-cool-gray: #f2f4f8;\n  --cds-tag-hover-cool-gray: #5d646a;\n  --cds-tag-background-warm-gray: #565151;\n  --cds-tag-color-warm-gray: #f7f3f2;\n  --cds-tag-hover-warm-gray: #696363;\n}\n:host .cds--g100 {\n  background-color: var(--cds-background);\n  color: var(--cds-text-primary);\n  --cds-ai-aura-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background: #333333;\n  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end: #4589ff;\n  --cds-ai-border-start: rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong: #78a9ff;\n  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay: rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background: #161616;\n  --cds-ai-popover-caret-bottom: #4589ff;\n  --cds-ai-popover-caret-bottom-background: #202d45;\n  --cds-ai-popover-caret-bottom-background-actions: #1e283a;\n  --cds-ai-popover-caret-center: #4870b5;\n  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);\n  --cds-background: #161616;\n  --cds-background-active: rgba(141, 141, 141, 0.4);\n  --cds-background-brand: #0f62fe;\n  --cds-background-hover: rgba(141, 141, 141, 0.16);\n  --cds-background-inverse: #f4f4f4;\n  --cds-background-inverse-hover: #e8e8e8;\n  --cds-background-selected: rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);\n  --cds-border-disabled: rgba(141, 141, 141, 0.5);\n  --cds-border-interactive: #4589ff;\n  --cds-border-inverse: #f4f4f4;\n  --cds-border-strong-01: #6f6f6f;\n  --cds-border-strong-02: #8d8d8d;\n  --cds-border-strong-03: #a8a8a8;\n  --cds-border-subtle-00: #393939;\n  --cds-border-subtle-01: #525252;\n  --cds-border-subtle-02: #6f6f6f;\n  --cds-border-subtle-03: #6f6f6f;\n  --cds-border-subtle-selected-01: #6f6f6f;\n  --cds-border-subtle-selected-02: #8d8d8d;\n  --cds-border-subtle-selected-03: #8d8d8d;\n  --cds-border-tile-01: #525252;\n  --cds-border-tile-02: #6f6f6f;\n  --cds-border-tile-03: #8d8d8d;\n  --cds-chat-avatar-agent: #c6c6c6;\n  --cds-chat-avatar-bot: #8d8d8d;\n  --cds-chat-avatar-user: #4589ff;\n  --cds-chat-bubble-agent: #262626;\n  --cds-chat-bubble-border: #525252;\n  --cds-chat-bubble-user: #393939;\n  --cds-chat-button: #78a9ff;\n  --cds-chat-button-active: rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover: #a6c8ff;\n  --cds-chat-button-text-selected: #c6c6c6;\n  --cds-chat-header-background: #262626;\n  --cds-chat-prompt-background: #161616;\n  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start: #262626;\n  --cds-chat-shell-background: #262626;\n  --cds-field-01: #262626;\n  --cds-field-02: #393939;\n  --cds-field-03: #525252;\n  --cds-field-hover-01: #333333;\n  --cds-field-hover-02: #474747;\n  --cds-field-hover-03: #636363;\n  --cds-focus: #ffffff;\n  --cds-focus-inset: #161616;\n  --cds-focus-inverse: #0f62fe;\n  --cds-highlight: #001d6c;\n  --cds-icon-disabled: rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive: #ffffff;\n  --cds-icon-inverse: #161616;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-icon-primary: #f4f4f4;\n  --cds-icon-secondary: #c6c6c6;\n  --cds-interactive: #4589ff;\n  --cds-layer-01: #262626;\n  --cds-layer-02: #393939;\n  --cds-layer-03: #525252;\n  --cds-layer-accent-01: #393939;\n  --cds-layer-accent-02: #525252;\n  --cds-layer-accent-03: #6f6f6f;\n  --cds-layer-accent-active-01: #6f6f6f;\n  --cds-layer-accent-active-02: #8d8d8d;\n  --cds-layer-accent-active-03: #393939;\n  --cds-layer-accent-hover-01: #474747;\n  --cds-layer-accent-hover-02: #636363;\n  --cds-layer-accent-hover-03: #5e5e5e;\n  --cds-layer-active-01: #525252;\n  --cds-layer-active-02: #6f6f6f;\n  --cds-layer-active-03: #8d8d8d;\n  --cds-layer-hover-01: #333333;\n  --cds-layer-hover-02: #474747;\n  --cds-layer-hover-03: #636363;\n  --cds-layer-selected-01: #393939;\n  --cds-layer-selected-02: #525252;\n  --cds-layer-selected-03: #6f6f6f;\n  --cds-layer-selected-disabled: #a8a8a8;\n  --cds-layer-selected-hover-01: #474747;\n  --cds-layer-selected-hover-02: #636363;\n  --cds-layer-selected-hover-03: #5e5e5e;\n  --cds-layer-selected-inverse: #f4f4f4;\n  --cds-link-inverse: #0f62fe;\n  --cds-link-inverse-active: #161616;\n  --cds-link-inverse-hover: #0043ce;\n  --cds-link-inverse-visited: #8a3ffc;\n  --cds-link-primary: #78a9ff;\n  --cds-link-primary-hover: #a6c8ff;\n  --cds-link-secondary: #a6c8ff;\n  --cds-link-visited: #be95ff;\n  --cds-overlay: rgba(0, 0, 0, 0.65);\n  --cds-shadow: rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background: #292929;\n  --cds-skeleton-element: #393939;\n  --cds-support-caution-major: #ff832b;\n  --cds-support-caution-minor: #f1c21b;\n  --cds-support-caution-undefined: #a56eff;\n  --cds-support-error: #fa4d56;\n  --cds-support-error-inverse: #da1e28;\n  --cds-support-info: #4589ff;\n  --cds-support-info-inverse: #0043ce;\n  --cds-support-success: #42be65;\n  --cds-support-success-inverse: #24a148;\n  --cds-support-warning: #f1c21b;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-text-disabled: rgba(244, 244, 244, 0.25);\n  --cds-text-error: #ff8389;\n  --cds-text-helper: #a8a8a8;\n  --cds-text-inverse: #161616;\n  --cds-text-on-color: #ffffff;\n  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder: rgba(244, 244, 244, 0.4);\n  --cds-text-primary: #f4f4f4;\n  --cds-text-secondary: #c6c6c6;\n  --cds-toggle-off: #6f6f6f;\n  --cds-layer: var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);\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  --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  --cds-notification-background-error: #262626;\n  --cds-notification-background-success: #262626;\n  --cds-notification-background-info: #262626;\n  --cds-notification-background-warning: #262626;\n  --cds-notification-action-tertiary-inverse: #0f62fe;\n  --cds-notification-action-tertiary-inverse-active: #002d9c;\n  --cds-notification-action-tertiary-inverse-hover: #0050e6;\n  --cds-notification-action-tertiary-inverse-text: #ffffff;\n  --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;\n  --cds-tag-background-red: #a2191f;\n  --cds-tag-color-red: #ffd7d9;\n  --cds-tag-hover-red: #c21e25;\n  --cds-tag-background-magenta: #9f1853;\n  --cds-tag-color-magenta: #ffd6e8;\n  --cds-tag-hover-magenta: #bf1d63;\n  --cds-tag-background-purple: #6929c4;\n  --cds-tag-color-purple: #e8daff;\n  --cds-tag-hover-purple: #7c3dd6;\n  --cds-tag-background-blue: #0043ce;\n  --cds-tag-color-blue: #d0e2ff;\n  --cds-tag-hover-blue: #0053ff;\n  --cds-tag-background-cyan: #00539a;\n  --cds-tag-color-cyan: #bae6ff;\n  --cds-tag-hover-cyan: #0066bd;\n  --cds-tag-background-teal: #005d5d;\n  --cds-tag-color-teal: #9ef0f0;\n  --cds-tag-hover-teal: #007070;\n  --cds-tag-background-green: #0e6027;\n  --cds-tag-color-green: #a7f0ba;\n  --cds-tag-hover-green: #11742f;\n  --cds-tag-background-gray: #525252;\n  --cds-tag-color-gray: #f4f4f4;\n  --cds-tag-hover-gray: #636363;\n  --cds-tag-border-red: #fa4d56;\n  --cds-tag-border-blue: #4589ff;\n  --cds-tag-border-cyan: #1192e8;\n  --cds-tag-border-teal: #009d9a;\n  --cds-tag-border-green: #24a148;\n  --cds-tag-border-magenta: #ee5396;\n  --cds-tag-border-purple: #a56eff;\n  --cds-tag-border-gray: #8d8d8d;\n  --cds-tag-border-cool-gray: #878d96;\n  --cds-tag-border-warm-gray: #8f8b8b;\n  --cds-tag-background-cool-gray: #4d5358;\n  --cds-tag-color-cool-gray: #f2f4f8;\n  --cds-tag-hover-cool-gray: #5d646a;\n  --cds-tag-background-warm-gray: #565151;\n  --cds-tag-color-warm-gray: #f7f3f2;\n  --cds-tag-hover-warm-gray: #696363;\n}\n:host .cds--accordion {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));\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  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  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */\n}\n:host .cds--accordion *,\n:host .cds--accordion *::before,\n:host .cds--accordion *::after {\n  box-sizing: inherit;\n}\n:host .cds--accordion {\n  inline-size: 100%;\n  list-style: none;\n}\n:host .cds--accordion__item {\n  display: list-item;\n  overflow: visible;\n  border-block-start: 1px solid var(--cds-border-subtle);\n  transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n}\n:host .cds--accordion__item:last-child {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--accordion__item:not(.cds--accordion__item--active):hover, :host .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {\n  border-block-start-color: var(--cds-layer-hover);\n}\n:host .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {\n  border-block-end-color: var(--cds-layer-hover);\n}\n:host .cds--accordion__heading {\n  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */\n}\n:host .cds--accordion__heading *,\n:host .cds--accordion__heading *::before,\n:host .cds--accordion__heading *::after {\n  box-sizing: inherit;\n}\n:host .cds--accordion__heading::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--accordion__heading {\n  position: relative;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  justify-content: flex-start;\n  margin: 0;\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n  inline-size: 100%;\n  min-block-size: var(--cds-layout-size-height-local);\n  padding-inline-end: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--accordion__heading:hover {\n  background-color: var(--cds-layer-hover);\n  outline: none;\n}\n:host .cds--accordion__heading:focus {\n  position: relative;\n  z-index: 2;\n  box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--accordion__heading[disabled] {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--accordion__heading[disabled] .cds--accordion__arrow {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--accordion__heading[disabled]:hover::before {\n  background-color: transparent;\n}\n:host .cds--accordion__item--disabled,\n:host .cds--accordion__item--disabled + .cds--accordion__item {\n  border-block-start: 1px solid var(--cds-border-subtle);\n}\n:host li.cds--accordion__item--disabled:last-of-type {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--accordion__arrow {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */\n}\n:host .cds--accordion__arrow {\n  flex: 0 0 1rem;\n  block-size: 1rem;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1rem;\n  transform: rotate(-270deg) /*rtl:ignore*/;\n}\n:host .cds--accordion__title {\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  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */\n}\n:host .cds--accordion__title {\n  z-index: 1;\n  inline-size: 100%;\n  padding-inline-start: 1rem;\n  text-align: start;\n}\n:host .cds--accordion__wrapper {\n  overflow: hidden;\n  padding: 0;\n  max-block-size: 0;\n  opacity: 0;\n  transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);\n  writing-mode: horizontal-tb;\n}\n:host .cds--accordion__content {\n  padding-inline: var(--cds-layout-density-padding-inline-local);\n}\n@media (min-width: 480px) {\n  :host .cds--accordion__content {\n    padding-inline-end: 3rem;\n  }\n}\n@media (min-width: 640px) {\n  :host .cds--accordion__content {\n    padding-inline-end: 25%;\n  }\n}\n:host .cds--accordion__content > 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--accordion--start .cds--accordion__heading {\n  flex-direction: row;\n}\n:host .cds--accordion--start .cds--accordion__arrow {\n  margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--accordion--start .cds--accordion__title {\n  margin-inline-end: 1rem;\n}\n:host .cds--accordion--start .cds--accordion__content {\n  margin-inline-start: calc(var(--cds-layout-density-padding-inline-local) + 1rem);\n}\n:host .cds--accordion__item--collapsing .cds--accordion__content,\n:host .cds--accordion__item--expanding .cds--accordion__content {\n  display: block;\n}\n:host .cds--accordion__item--active {\n  overflow: visible;\n}\n:host .cds--accordion__item--active > .cds--accordion__wrapper {\n  overflow: visible;\n  max-block-size: fit-content;\n  opacity: 1;\n  padding-block: 0.5rem;\n  padding-block-end: 1.5rem;\n}\n:host .cds--accordion__item--active > .cds--accordion__heading > .cds--accordion__arrow {\n  fill: var(--cds-icon-primary, #161616);\n  transform: rotate(-90deg) /*rtl:ignore*/;\n}\n:host .cds--accordion--flush .cds--accordion__item {\n  position: relative;\n  border-color: transparent;\n}\n:host .cds--accordion--flush .cds--accordion__item:last-child, :host .cds--accordion--flush .cds--accordion__item:hover, :host .cds--accordion--flush .cds--accordion__item:last-child:hover, :host .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {\n  border-color: transparent;\n}\n:host .cds--accordion--flush .cds--accordion__item::before, :host .cds--accordion--flush .cds--accordion__item::after {\n  position: absolute;\n  display: block;\n  block-size: 1px;\n  content: \"\";\n  inline-size: calc(100% - 1rem - 1rem);\n  margin-inline-start: 1rem;\n  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--accordion--flush .cds--accordion__item::before, :host .cds--accordion--flush .cds--accordion__item::after {\n    transition: none;\n  }\n}\n:host .cds--accordion--flush .cds--accordion__item::before {\n  background: var(--cds-border-subtle);\n  inset-block-start: -1px;\n}\n:host .cds--accordion--flush .cds--accordion__item:last-child::after {\n  background: var(--cds-border-subtle);\n  inset-block-end: -1px;\n}\n:host .cds--accordion--flush .cds--accordion__heading:hover {\n  position: relative;\n  z-index: 1;\n}\n:host .cds--accordion--flush .cds--accordion__heading:hover::before, :host .cds--accordion--flush .cds--accordion__heading:hover::after {\n  position: absolute;\n  display: block;\n  background: var(--cds-layer-hover);\n  block-size: 1px;\n  content: \"\";\n  inline-size: 100%;\n  inset-inline-start: 0;\n  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--accordion--flush .cds--accordion__heading:hover::before, :host .cds--accordion--flush .cds--accordion__heading:hover::after {\n    transition: none;\n  }\n}\n:host .cds--accordion--flush .cds--accordion__heading:hover::before {\n  inset-block-start: -1px;\n}\n:host .cds--accordion--flush .cds--accordion__heading:hover::after {\n  inset-block-end: -1px;\n}\n:host .cds--accordion--flush .cds--accordion__heading:hover:focus::after, :host .cds--accordion--flush .cds--accordion__heading:hover:focus::before {\n  background: none;\n}\n:host .cds--accordion.cds--skeleton .cds--accordion__heading,\n:host .cds--accordion.cds--skeleton .cds--accordion__button {\n  cursor: default;\n}\n:host .cds--accordion.cds--skeleton .cds--accordion__arrow {\n  cursor: default;\n  fill: var(--cds-icon-primary, #161616);\n  pointer-events: none;\n}\n:host .cds--accordion.cds--skeleton .cds--accordion__arrow:hover, :host .cds--accordion.cds--skeleton .cds--accordion__arrow:focus, :host .cds--accordion.cds--skeleton .cds--accordion__arrow:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,\n:host .cds--accordion.cds--skeleton .cds--accordion__heading:hover {\n  background-color: transparent;\n}\n:host .cds--accordion--end.cds--skeleton .cds--accordion__arrow {\n  margin-inline-start: 1rem;\n}\n:host .cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--accordion__title.cds--skeleton__text {\n  margin-block-end: 0;\n}\n:host .cds--accordion.cds--skeleton .cds--accordion__title {\n  margin-inline-start: 1rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--accordion__arrow,\n  :host .cds--accordion__item--active .cds--accordion__arrow {\n    fill: ButtonText;\n  }\n}\n:host [dir=rtl] .cds--accordion--start .cds--accordion__heading {\n  padding-inline: var(--cds-layout-density-padding-inline-local) 0;\n}\n:host [dir=rtl] .cds--accordion--start .cds--accordion__title {\n  margin-inline-end: 0;\n  padding-inline-start: 0;\n}\n@keyframes cds--hide-feedback {\n  0% {\n    opacity: 1;\n    visibility: inherit;\n  }\n  100% {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n@keyframes cds--show-feedback {\n  0% {\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    opacity: 1;\n    visibility: inherit;\n  }\n}\n@keyframes cds--skeleton {\n  0% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n  20% {\n    opacity: 1;\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n  28% {\n    transform: scaleX(1);\n    transform-origin: right;\n  }\n  51% {\n    transform: scaleX(0);\n    transform-origin: right;\n  }\n  58% {\n    transform: scaleX(0);\n    transform-origin: right;\n  }\n  82% {\n    transform: scaleX(1);\n    transform-origin: right;\n  }\n  83% {\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n  96% {\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n  100% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n}\n:host .cds--assistive-text,\n:host .cds--visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  block-size: 1px;\n  clip: rect(0, 0, 0, 0);\n  inline-size: 1px;\n  visibility: inherit;\n  white-space: nowrap;\n}\n:host .cds--popover-container {\n  display: inline-block;\n}\n:host .cds--popover-container:not(.cds--popover--auto-align) {\n  position: relative;\n}\n:host .cds--popover--high-contrast .cds--popover {\n  --cds-popover-background-color: var(--cds-background-inverse, #393939);\n  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--popover--drop-shadow .cds--popover {\n  --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));\n}\n:host .cds--popover--caret {\n  --cds-popover-offset: 0.625rem;\n}\n:host .cds--popover {\n  position: absolute;\n  z-index: 6000;\n  filter: var(--cds-popover-drop-shadow, none);\n  inset: 0;\n  pointer-events: none;\n}\n:host .cds--popover-content {\n  --cds-layout-size-height-sm: 2rem;\n  --cds-layout-size-height-md: 2.5rem;\n  --cds-layout-size-height-lg: 3rem;\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  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: max-content;\n  max-inline-size: 23rem;\n  pointer-events: auto;\n}\n:host .cds--layout--size-sm .cds--popover-content, :host .ibm-web-chat--default-styles button:not([class*=cds--]) .cds--popover-content {\n  --cds-layout-size-height: var(--cds-layout-size-height-sm);\n}\n:host .cds--layout--size-md .cds--popover-content {\n  --cds-layout-size-height: var(--cds-layout-size-height-md);\n}\n:host .cds--layout--size-lg .cds--popover-content {\n  --cds-layout-size-height: var(--cds-layout-size-height-lg);\n}\n:host .cds--popover-content *,\n:host .cds--popover-content *::before,\n:host .cds--popover-content *::after {\n  box-sizing: inherit;\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content {\n  display: block;\n}\n:host .cds--popover-content::before {\n  position: absolute;\n  display: none;\n  content: \"\";\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content::before {\n  display: block;\n}\n:host .cds--popover-caret,\n:host .cds--popover--auto-align.cds--popover-caret {\n  position: absolute;\n  z-index: 6000;\n  display: none;\n  background-color: var(--cds-popover-background-color, var(--cds-layer));\n  will-change: transform;\n}\n:host .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {\n  display: block;\n}\n:host .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {\n  display: block;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-caret {\n  display: none;\n}\n:host .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-end: 0;\n  inset-inline-start: 50%;\n  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-inline-end: 0;\n  inset-inline-start: initial;\n}\n:host .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-end: 0;\n  inset-inline-end: 0;\n  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-inline-start: 0;\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {\n  block-size: var(--cds-popover-offset, 0rem);\n  inset-block-start: 0;\n  inset-inline: 0 0;\n  transform: translateY(-100%);\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-height, 0.375rem);\n  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\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 [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {\n  transform: translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-height, 0.375rem);\n  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size: var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 0;\n  inset-inline-start: 50%;\n  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-inline-end: 0;\n  inset-inline-start: initial;\n}\n:host .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-inline-start: 0;\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-content::before {\n  block-size: var(--cds-popover-offset, 0rem);\n  inset-block-end: 0;\n  inset-inline: 0 0;\n  transform: translateY(100%);\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-height, 0.375rem);\n  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\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 [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {\n  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-height, 0.375rem);\n  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size: var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 50%;\n  inset-inline-start: 100%;\n  transform: translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 50%;\n  inset-inline-start: 100%;\n  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-end: 50%;\n  inset-inline-start: 100%;\n  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-inline-end: 100%;\n  inset-inline-start: initial;\n}\n:host .cds--popover--right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-end > .cds--popover > .cds--popover-content::before {\n  inline-size: var(--cds-popover-offset, 0rem);\n  inset-block: 0 0;\n  inset-inline-start: 0;\n  transform: translateX(-100%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-width, 0.75rem);\n  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\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 [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {\n  inset-inline-end: 100%;\n  inset-inline-start: initial;\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-width, 0.75rem);\n  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size: var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 50%;\n  inset-inline-end: 100%;\n  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-start: 50%;\n  inset-inline-end: 100%;\n  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-block-end: 50%;\n  inset-inline-end: 100%;\n  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {\n  inset-inline-end: initial;\n  inset-inline-start: 100%;\n}\n:host .cds--popover--left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-end > .cds--popover > .cds--popover-content::before {\n  inline-size: var(--cds-popover-offset, 0rem);\n  inset-block: 0 0;\n  inset-inline-end: 0;\n  transform: translateX(100%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-width, 0.75rem);\n  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\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 [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {\n  inset-inline-end: initial;\n  inset-inline-start: 100%;\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {\n  block-size: var(--cds-popover-caret-width, 0.75rem);\n  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size: var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-content {\n  border-radius: 0;\n}\n:host .cds--popover--tab-tip .cds--popover {\n  will-change: filter;\n}\n:host .cds--popover--tab-tip__button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--popover--tab-tip__button *,\n:host .cds--popover--tab-tip__button *::before,\n:host .cds--popover--tab-tip__button *::after {\n  box-sizing: inherit;\n}\n:host .cds--popover--tab-tip__button::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--popover--tab-tip__button:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--popover--tab-tip__button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--popover--tab-tip__button:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {\n  background: var(--cds-layer);\n  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {\n  position: absolute;\n  z-index: 6001;\n  background: var(--cds-layer);\n  block-size: 2px;\n  content: \"\";\n  inline-size: 100%;\n  inset-block-end: 0;\n}\n:host .cds--popover--tab-tip__button svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--tooltip {\n  --cds-popover-offset: 12px;\n}\n:host .cds--tooltip-content {\n  font-size: var(--cds-body-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-01-font-weight, 400);\n  line-height: var(--cds-body-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n  padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n  color: var(--cds-text-inverse, #ffffff);\n  max-inline-size: 18rem;\n}\n:host .cds--icon-tooltip {\n  --cds-tooltip-padding-block: 0.125rem;\n  --cds-popover-caret-width: 0.5rem;\n  --cds-popover-caret-height: 0.25rem;\n  --cds-popover-offset: 0.5rem;\n}\n:host .cds--icon-tooltip .cds--tooltip-content {\n  font-size: var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-compact-01-font-weight, 400);\n  line-height: var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds--definition-term {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  border-radius: 0;\n  border-block-end: 1px dotted var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--definition-term *,\n:host .cds--definition-term *::before,\n:host .cds--definition-term *::after {\n  box-sizing: inherit;\n}\n:host .cds--definition-term::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--definition-term:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n  border-block-end-color: var(--cds-border-interactive, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--definition-term:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--definition-term:hover {\n  border-block-end-color: var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-tooltip {\n  font-size: var(--cds-body-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-01-font-weight, 400);\n  line-height: var(--cds-body-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n  padding: 0.5rem 1rem;\n  max-inline-size: 11rem;\n}\n:host .cds--btn, :host .ibm-web-chat--default-styles button:not([class*=cds--]) {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), 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  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: max-content;\n  max-inline-size: 20rem;\n  min-block-size: var(--cds-layout-size-height-local);\n  outline: none;\n  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n  padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n  text-align: start;\n  text-decoration: none;\n  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n  vertical-align: top;\n}\n:host .cds--btn *,\n:host .cds--btn *::before,\n:host .cds--btn *::after {\n  box-sizing: inherit;\n}\n:host .cds--btn:disabled, :host .cds--btn:hover:disabled, :host .cds--btn:focus:disabled, :host .cds--btn.cds--btn--disabled, :host .cds--btn.cds--btn--disabled:hover, :host .cds--btn.cds--btn--disabled:focus {\n  border-color: var(--cds-button-disabled, #c6c6c6);\n  background: var(--cds-button-disabled, #c6c6c6);\n  box-shadow: none;\n  color: var(--cds-text-on-color-disabled, #8d8d8d);\n  cursor: not-allowed;\n}\n:host .cds--btn .cds--btn__icon {\n  position: absolute;\n  flex-shrink: 0;\n  block-size: 1rem;\n  inline-size: 1rem;\n  inset-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n  inset-inline-end: var(--cds-layout-density-padding-inline-local);\n  margin-block-start: 0.0625rem;\n}\n:host .cds--btn::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n:host .cds--btn--primary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-button-primary, #0f62fe);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--primary:hover {\n  background-color: var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds--btn--primary:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--primary:active {\n  background-color: var(--cds-button-primary-active, #002d9c);\n}\n:host .cds--btn--primary .cds--btn__icon,\n:host .cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--primary:hover {\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-button-secondary, #393939);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary:hover {\n  background-color: var(--cds-button-secondary-hover, #474747);\n}\n:host .cds--btn--secondary:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--secondary:active {\n  background-color: var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds--btn--secondary .cds--btn__icon,\n:host .cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--secondary:hover, :host .cds--btn--secondary:focus {\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-button-tertiary, #0f62fe);\n  background-color: transparent;\n  color: var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds--btn--tertiary:hover {\n  background-color: var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds--btn--tertiary:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--tertiary:active {\n  background-color: var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds--btn--tertiary .cds--btn__icon,\n:host .cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--tertiary:hover {\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:focus {\n  background-color: var(--cds-button-tertiary, #0f62fe);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:active {\n  border-color: transparent;\n  background-color: var(--cds-button-tertiary-active, #002d9c);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:disabled, :host .cds--btn--tertiary:hover:disabled, :host .cds--btn--tertiary:focus:disabled, :host .cds--btn--tertiary.cds--btn--disabled, :host .cds--btn--tertiary.cds--btn--disabled:hover, :host .cds--btn--tertiary.cds--btn--disabled:focus {\n  background: transparent;\n  color: var(--cds-text-on-color-disabled, #8d8d8d);\n  outline: none;\n}\n:host .cds--btn--ghost, :host .ibm-web-chat--default-styles button:not([class*=cds--]) {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-link-primary, #0f62fe);\n  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--ghost:hover, :host .ibm-web-chat--default-styles button:hover:not([class*=cds--]) {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--btn--ghost:focus, :host .ibm-web-chat--default-styles button:focus:not([class*=cds--]) {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--ghost:active, :host .ibm-web-chat--default-styles button:active:not([class*=cds--]) {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost .cds--btn__icon, :host .ibm-web-chat--default-styles button:not([class*=cds--]) .cds--btn__icon,\n:host .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .ibm-web-chat--default-styles button:not([class*=cds--]) .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--ghost .cds--btn__icon, :host .ibm-web-chat--default-styles button:not([class*=cds--]) .cds--btn__icon {\n  position: static;\n  margin-inline-start: 0.5rem;\n}\n:host .cds--btn--ghost:hover, :host .ibm-web-chat--default-styles button:hover:not([class*=cds--]), :host .cds--btn--ghost:active, :host .ibm-web-chat--default-styles button:active:not([class*=cds--]) {\n  color: var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--btn--ghost:active, :host .ibm-web-chat--default-styles button:active:not([class*=cds--]) {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost:disabled, :host .ibm-web-chat--default-styles button:disabled:not([class*=cds--]), :host .cds--btn--ghost:hover:disabled, :host .cds--btn--ghost:focus:disabled, :host .cds--btn--ghost.cds--btn--disabled, :host .ibm-web-chat--default-styles button.cds--btn--disabled:not([class*=cds--]), :host .cds--btn--ghost.cds--btn--disabled:hover, :host .cds--btn--ghost.cds--btn--disabled:focus {\n  border-color: transparent;\n  background: transparent;\n  color: var(--cds-text-on-color-disabled, #8d8d8d);\n  outline: none;\n}\n:host .cds--btn--ghost:not([disabled]) svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--icon-only {\n  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: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds--btn--icon-only > :first-child {\n  min-inline-size: 1rem;\n}\n:host .cds--btn--icon-only .cds--btn__icon {\n  position: static;\n}\n:host .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, :host .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {\n  margin: 0;\n}\n:host .cds--btn--icon-only.cds--btn--danger--ghost {\n  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {\n  margin-block-start: 0;\n}\n:host .cds--btn--icon-only.cds--btn--selected {\n  background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--btn path[data-icon-path=inner-path] {\n  fill: none;\n}\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n:host .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon {\n  fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] {\n  cursor: not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {\n  cursor: not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {\n  pointer-events: none;\n}\n:host .cds--btn--danger {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-button-danger-primary, #da1e28);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger:hover {\n  background-color: var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger:active {\n  background-color: var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger .cds--btn__icon,\n:host .cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--danger:hover {\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-button-danger-secondary, #da1e28);\n  background-color: transparent;\n  color: var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--tertiary:hover {\n  background-color: var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--tertiary:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active {\n  background-color: var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--tertiary .cds--btn__icon,\n:host .cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--danger--tertiary:hover {\n  border-color: var(--cds-button-danger-hover, #b81921);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:focus {\n  background-color: var(--cds-button-danger-primary, #da1e28);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active {\n  border-color: var(--cds-button-danger-active, #750e13);\n  background-color: var(--cds-button-danger-active, #750e13);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:disabled, :host .cds--btn--danger--tertiary:hover:disabled, :host .cds--btn--danger--tertiary:focus:disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled:hover, :host .cds--btn--danger--tertiary.cds--btn--disabled:focus {\n  background: transparent;\n  color: var(--cds-text-on-color-disabled, #8d8d8d);\n  outline: none;\n}\n:host .cds--btn--danger--ghost {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-button-danger-secondary, #da1e28);\n  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--danger--ghost:hover {\n  background-color: var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--ghost:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--ghost:active {\n  background-color: var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon,\n:host .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--btn--danger--ghost .cds--btn__icon {\n  position: static;\n  margin-inline-start: 0.5rem;\n}\n:host .cds--btn--danger--ghost:hover, :host .cds--btn--danger--ghost:active {\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--ghost:disabled, :host .cds--btn--danger--ghost:hover:disabled, :host .cds--btn--danger--ghost:focus:disabled, :host .cds--btn--danger--ghost.cds--btn--disabled, :host .cds--btn--danger--ghost.cds--btn--disabled:hover, :host .cds--btn--danger--ghost.cds--btn--disabled:focus {\n  border-color: transparent;\n  background: transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline: none;\n}\n:host .cds--btn--expressive {\n  font-size: var(--cds-body-compact-02-font-size, 1rem);\n  font-weight: var(--cds-body-compact-02-font-weight, 400);\n  line-height: var(--cds-body-compact-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);\n  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds--btn--icon-only.cds--btn--expressive {\n  padding: 12px 13px;\n}\n:host .cds--btn.cds--btn--expressive .cds--btn__icon {\n  block-size: 1.25rem;\n  inline-size: 1.25rem;\n}\n:host .cds--btn-set .cds--btn.cds--btn--expressive {\n  max-inline-size: 20rem;\n}\n:host .cds--btn.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  inline-size: 9.375rem;\n}\n:host .cds--btn.cds--skeleton:hover, :host .cds--btn.cds--skeleton:focus, :host .cds--btn.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--btn.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--btn.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--btn-set {\n  display: flex;\n}\n:host .cds--btn-set--stacked {\n  flex-direction: column;\n}\n:host .cds--btn-set .cds--btn {\n  inline-size: 100%;\n  max-inline-size: 12.25rem;\n}\n:host .cds--btn-set .cds--btn:not(:focus) {\n  box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set .cds--btn:first-of-type:not(:focus) {\n  box-shadow: inherit;\n}\n:host .cds--btn-set .cds--btn:focus + .cds--btn {\n  box-shadow: inherit;\n}\n:host .cds--btn-set--stacked .cds--btn:not(:focus) {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus) {\n  box-shadow: inherit;\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled {\n  box-shadow: -0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type {\n  box-shadow: none;\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type {\n  box-shadow: none;\n}\n:host .cds--btn-set .cds--btn.cds--btn--loading {\n  border-color: transparent;\n  background-color: transparent;\n  box-shadow: none;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n  :host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {\n    fill: ButtonText;\n  }\n}\n:host [dir=rtl] .cds--btn-set .cds--btn:not(:focus) {\n  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--toggletip-label {\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  margin-inline-end: 0.5rem;\n}\n:host .cds--toggletip-button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: flex;\n  align-items: center;\n}\n:host .cds--toggletip-button *,\n:host .cds--toggletip-button *::before,\n:host .cds--toggletip-button *::after {\n  box-sizing: inherit;\n}\n:host .cds--toggletip-button::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--toggletip-button svg {\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--toggletip-button:hover svg,\n:host .cds--toggletip--open .cds--toggletip-button svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--toggletip-button:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--toggletip-button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--toggletip {\n  --cds-popover-offset: 0.8125rem;\n}\n:host .cds--toggletip-content {\n  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);\n  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);\n  --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);\n  --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);\n  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);\n  font-size: var(--cds-body-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-01-font-weight, 400);\n  line-height: var(--cds-body-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n  display: grid;\n  padding: 1rem;\n  max-inline-size: 18rem;\n  row-gap: 1rem;\n}\n:host .cds--toggletip-content 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--toggletip-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  column-gap: 1rem;\n}\n:host .cds--slug {\n  display: flex;\n}\n:host .cds--slug:has(> .cds--popover--open) {\n  z-index: 2;\n}\n:host .cds--slug .cds--slug__button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--cds-border-inverse, #161616);\n  background: transparent;\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n  outline: none;\n  transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--slug .cds--slug__button--mini {\n  height: 1rem;\n  width: 1rem;\n  font-size: 0.5625rem;\n  line-height: 0.75rem;\n}\n:host .cds--slug .cds--slug__button--2xs {\n  height: 1.25rem;\n  width: 1.25rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n:host .cds--slug .cds--slug__button--xs {\n  height: 1.5rem;\n  width: 1.5rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n:host .cds--slug .cds--slug__button--sm {\n  height: 2rem;\n  width: 2rem;\n  font-size: 1rem;\n  line-height: 1.3125rem;\n}\n:host .cds--slug .cds--slug__button--md {\n  height: 2.5rem;\n  width: 2.5rem;\n  font-size: 1rem;\n  line-height: 1.3125rem;\n}\n:host .cds--slug .cds--slug__button--lg {\n  height: 3rem;\n  width: 3rem;\n  font-size: 1rem;\n  line-height: 1.3125rem;\n}\n:host .cds--slug .cds--slug__button--xl {\n  height: 4rem;\n  width: 4rem;\n  font-size: 1.25rem;\n  line-height: 1.625rem;\n}\n:host .cds--slug__button--mini::after,\n:host .cds--slug__button--2xs::after {\n  position: absolute;\n  display: block;\n  block-size: 24px;\n  content: \"\";\n  inline-size: 24px;\n}\n:host .cds--slug .cds--slug__button:focus {\n  border: 1px solid var(--cds-focus, #0f62fe);\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n}\n:host .cds--slug .cds--slug__button:hover {\n  background: var(--cds-border-inverse, #161616);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--slug .cds--slug__button:hover:active {\n  background: var(--cds-border-inverse, #161616);\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,\n:host .cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {\n  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);\n}\n:host .cds--slug__text {\n  position: relative;\n  z-index: 1;\n}\n:host .cds--slug .cds--slug__button--inline {\n  border: 1px solid transparent;\n  border-radius: 0.0625rem;\n  background: transparent;\n  block-size: initial;\n  color: var(--cds-text-primary, #161616);\n  font-size: 0.875rem;\n  inline-size: initial;\n  line-height: initial;\n  padding-inline: 0.25rem;\n}\n:host .cds--slug__button--inline::before {\n  display: none;\n}\n:host .cds--slug .cds--slug__button--inline:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: none;\n}\n:host .cds--slug .cds--slug__button--inline:hover,\n:host .cds--slug .cds--slug__button--inline:hover:active {\n  border-color: var(--cds-icon-secondary, #525252);\n  background: transparent;\n  box-shadow: none;\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--slug .cds--slug__button--inline:focus:hover {\n  border-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {\n  background: var(--cds-icon-secondary, #525252);\n}\n:host .cds--slug__button--inline .cds--slug__text {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,\n:host .cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {\n  padding-inline-start: 0.75rem;\n}\n:host .cds--slug__button--inline .cds--slug__text::before {\n  position: absolute;\n  display: inline-block;\n  background: var(--cds-icon-primary, #161616);\n  block-size: 0.25rem;\n  content: \"\";\n  inline-size: 0.25rem;\n  inset-block-start: 50%;\n  inset-inline-start: 0;\n  opacity: 1;\n  transform: translateY(-50%);\n  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--slug__button--lg .cds--slug__text::before,\n:host .cds--slug__button--xl .cds--slug__text::before {\n  block-size: 0.5rem;\n  inline-size: 0.5rem;\n}\n:host .cds--slug__button--inline.cds--slug__button--mini,\n:host .cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,\n:host .cds--slug__button--inline.cds--slug__button--2xs,\n:host .cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,\n:host .cds--slug__button--inline.cds--slug__button--xs,\n:host .cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,\n:host .cds--slug__button--inline.cds--slug__button--sm,\n:host .cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {\n  font-size: 0.75rem;\n}\n:host .cds--slug__button--inline.cds--slug__button--lg,\n:host .cds--slug__button--inline.cds--slug__button--xl {\n  font-size: 1rem;\n}\n:host .cds--slug .cds--slug__button--inline-with-content {\n  border: 1px solid var(--cds-border-inverse, #161616);\n  padding-block: 0.125rem;\n  padding-inline: 0.5rem;\n}\n:host .cds--slug__button--inline-with-content .cds--slug__additional-text {\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-inline-start: 0.25rem;\n}\n:host .cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {\n  font-size: 0.875rem;\n}\n:host .cds--slug .cds--slug__button--inline-with-content:focus,\n:host .cds--slug .cds--slug__button--inline-with-content:hover:focus {\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n}\n:host .cds--slug .cds--slug-content {\n  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;\n  border: 1px solid transparent;\n  border-radius: 0.5rem;\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));\n  color: var(--cds-text-primary, #161616);\n  min-inline-size: 17.5rem;\n}\n:host .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {\n  background: transparent;\n  clip-path: none;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start,\n.cds--popover--bottom,\n.cds--popover--bottom-right,\n.cds--popover--bottom-left,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end,\n.cds--popover--left,\n.cds--popover--left-top,\n.cds--popover--left-bottom,\n.cds--popover--left-start,\n.cds--popover--left-end,\n.cds--popover--right,\n.cds--popover--right-top,\n.cds--popover--right-bottom,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start,\n.cds--popover--bottom,\n.cds--popover--bottom-right,\n.cds--popover--bottom-left,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end,\n.cds--popover--left,\n.cds--popover--left-top,\n.cds--popover--left-bottom,\n.cds--popover--left-start,\n.cds--popover--left-end,\n.cds--popover--right,\n.cds--popover--right-top,\n.cds--popover--right-bottom,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  position: absolute;\n  display: block;\n  border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));\n  background: var(--cds-background, #ffffff);\n  block-size: 0.75rem;\n  clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n  content: \"\";\n  inline-size: 0.75rem;\n  transform: rotate(45deg);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start,\n.cds--popover--bottom,\n.cds--popover--bottom-right,\n.cds--popover--bottom-left,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end,\n.cds--popover--left,\n.cds--popover--left-top,\n.cds--popover--left-bottom,\n.cds--popover--left-start,\n.cds--popover--left-end,\n.cds--popover--right,\n.cds--popover--right-top,\n.cds--popover--right-bottom,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start,\n.cds--popover--bottom,\n.cds--popover--bottom-right,\n.cds--popover--bottom-left,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end,\n.cds--popover--left,\n.cds--popover--left-top,\n.cds--popover--left-bottom,\n.cds--popover--left-start,\n.cds--popover--left-end,\n.cds--popover--right,\n.cds--popover--right-top,\n.cds--popover--right-bottom,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {\n  position: absolute;\n  display: block;\n  background: var(--cds-background, #ffffff);\n  block-size: 0.875rem;\n  content: \"\";\n  inline-size: 0.125rem;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  inset-block-end: 0.0625rem;\n  transform: rotate(-135deg);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {\n  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);\n  block-size: 0.125rem;\n  border-end-end-radius: 50%;\n  border-end-start-radius: 50%;\n  inline-size: 0.875rem;\n  inset-block-start: -0.125rem;\n  inset-inline-start: -0.0625rem;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {\n  display: none;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--right,\n.cds--popover--right-bottom,\n.cds--popover--right-top,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,\n.cds--popover--right-bottom,\n.cds--popover--right-top,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  inset-inline-start: 0.0625rem;\n  transform: rotate(-45deg);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--right,\n.cds--popover--right-bottom,\n.cds--popover--right-top,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,\n.cds--popover--right-bottom,\n.cds--popover--right-top,\n.cds--popover--right-start,\n.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {\n  border-end-start-radius: 50%;\n  border-start-start-radius: 50%;\n  inset-block-start: -0.0625rem;\n  inset-inline-start: 0.375rem;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--bottom,\n.cds--popover--bottom-left,\n.cds--popover--bottom-right,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,\n.cds--popover--bottom-left,\n.cds--popover--bottom-right,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  inset-block-start: 0.0625rem;\n  transform: rotate(45deg);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--bottom,\n.cds--popover--bottom-left,\n.cds--popover--bottom-right,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,\n.cds--popover--bottom-left,\n.cds--popover--bottom-right,\n.cds--popover--bottom-start,\n.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {\n  block-size: 0.125rem;\n  border-start-end-radius: 50%;\n  border-start-start-radius: 50%;\n  inline-size: 0.875rem;\n  inset-block-end: -0.15625rem;\n  inset-inline-start: -0.0625rem;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--left,\n.cds--popover--left-bottom,\n.cds--popover--left-top,\n.cds--popover--left-start,\n.cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,\n.cds--popover--left-bottom,\n.cds--popover--left-top,\n.cds--popover--left-start,\n.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  inset-inline-end: 0.0625rem;\n  transform: rotate(135deg);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--left,\n.cds--popover--left-bottom,\n.cds--popover--left-top,\n.cds--popover--left-start,\n.cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,\n.cds--popover--left-bottom,\n.cds--popover--left-top,\n.cds--popover--left-start,\n.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {\n  border-end-end-radius: 50%;\n  border-start-end-radius: 50%;\n  inset-block-start: -0.0625rem;\n  inset-inline-start: -0.125rem;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,\n.cds--popover--right-bottom,\n.cds--popover--left-end,\n.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,\n.cds--popover--right-bottom,\n.cds--popover--left-end,\n.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {\n  background: transparent;\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,\n.cds--popover--right-bottom,\n.cds--popover--left-end,\n.cds--popover--right-end,\n.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,\n.cds--popover--right-bottom,\n.cds--popover--left-end,\n.cds--popover--right-end,\n.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);\n  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,\n.cds--popover--right-bottom,\n.cds--popover--left-end,\n.cds--popover--right-end,\n.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-end,\n.cds--popover--top-start) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,\n.cds--popover--right-bottom,\n.cds--popover--left-end,\n.cds--popover--right-end,\n.cds--popover--top,\n.cds--popover--top-right,\n.cds--popover--top-left,\n.cds--popover--top-start,\n.cds--popover--top-end) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {\n  background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);\n}\n:host .cds--slug > .cds--toggletip:is(.cds--popover--left,\n.cds--popover--right) > .cds--popover > .cds--popover-caret::before,\n:host .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,\n.cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {\n  border-color: var(--cds-ai-popover-caret-center, #a0c3ff);\n}\n:host .cds--slug .cds--toggletip-content {\n  padding-block: 1.5rem 5rem;\n  padding-inline: 1.5rem;\n}\n:host .cds--slug .cds--slug-content .cds--toggletip-content {\n  max-inline-size: 20rem;\n}\n:host .cds--slug .cds--slug-actions {\n  position: absolute;\n  justify-content: flex-end;\n  backdrop-filter: blur(85px);\n  background: rgba(0, 0, 0, 0.01);\n  border-end-end-radius: 0.5rem;\n  border-end-start-radius: 0.5rem;\n  column-gap: 0;\n  inline-size: 100%;\n  inset-block-end: 0;\n  inset-inline-end: 0;\n}\n:host .cds--slug .cds--slug-actions .cds--btn:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--slug .cds--slug-actions .cds--btn--primary {\n  order: 1;\n  border-end-end-radius: 0.4375rem;\n}\n:host .cds--slug.cds--slug--revert {\n  transform: translate(0.5rem, -50%);\n}\n:host .cds--slug--revert .cds--btn--icon-only {\n  align-items: center;\n  padding-block-start: 0;\n}\n:host .cds--slug--revert .cds--btn--icon-only svg {\n  margin: 0;\n}\n:host .cds--aspect-ratio {\n  position: relative;\n}\n:host .cds--aspect-ratio::before {\n  block-size: 0;\n  content: \"\";\n  float: left;\n  inline-size: 1px;\n  margin-inline-start: -1px;\n}\n:host .cds--aspect-ratio::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n:host .cds--aspect-ratio--16x9::before {\n  padding-block-start: 56.25%;\n}\n:host .cds--aspect-ratio--9x16::before {\n  padding-block-start: 177.7777777778%;\n}\n:host .cds--aspect-ratio--2x1::before {\n  padding-block-start: 50%;\n}\n:host .cds--aspect-ratio--1x2::before {\n  padding-block-start: 200%;\n}\n:host .cds--aspect-ratio--4x3::before {\n  padding-block-start: 75%;\n}\n:host .cds--aspect-ratio--3x4::before {\n  padding-block-start: 133.3333333333%;\n}\n:host .cds--aspect-ratio--3x2::before {\n  padding-block-start: 66.6666666667%;\n}\n:host .cds--aspect-ratio--2x3::before {\n  padding-block-start: 150%;\n}\n:host .cds--aspect-ratio--1x1::before {\n  padding-block-start: 100%;\n}\n:host .cds--overflow-menu,\n:host .cds--overflow-menu__trigger {\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  display: inline-block;\n  padding: 0;\n  border: 0;\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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 2.5rem;\n  cursor: pointer;\n  inline-size: 2.5rem;\n  min-block-size: 2.5rem;\n  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--overflow-menu *,\n:host .cds--overflow-menu *::before,\n:host .cds--overflow-menu *::after,\n:host .cds--overflow-menu__trigger *,\n:host .cds--overflow-menu__trigger *::before,\n:host .cds--overflow-menu__trigger *::after {\n  box-sizing: inherit;\n}\n:host .cds--overflow-menu::-moz-focus-inner,\n:host .cds--overflow-menu__trigger::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--overflow-menu *,\n:host .cds--overflow-menu *::before,\n:host .cds--overflow-menu *::after,\n:host .cds--overflow-menu__trigger *,\n:host .cds--overflow-menu__trigger *::before,\n:host .cds--overflow-menu__trigger *::after {\n  box-sizing: inherit;\n}\n:host .cds--overflow-menu:focus,\n:host .cds--overflow-menu__trigger:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--overflow-menu:focus,\n  :host .cds--overflow-menu__trigger:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--overflow-menu:hover,\n:host .cds--overflow-menu__trigger:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--overflow-menu > :first-child {\n  margin-block-start: 0;\n}\n:host .cds--overflow-menu--sm {\n  block-size: 2rem;\n  inline-size: 2rem;\n  min-block-size: 2rem;\n}\n:host .cds--overflow-menu--lg {\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg {\n  outline: none;\n}\n:host .cds--overflow-menu.cds--overflow-menu--open,\n:host .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  background-color: var(--cds-layer);\n  transition: none;\n}\n:host .cds--overflow-menu--light.cds--overflow-menu--open,\n:host .cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger {\n  background-color: var(--cds-layer);\n}\n:host .cds--overflow-menu__icon {\n  block-size: 1rem;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1rem;\n}\n:host .cds--overflow-menu__wrapper {\n  line-height: 0;\n}\n:host .cds--overflow-menu-options {\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  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  position: absolute;\n  z-index: 6000;\n  display: none;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--cds-layer);\n  inline-size: 10rem;\n  inset-block-start: 32px;\n  inset-inline-start: 0;\n  list-style: none;\n}\n:host .cds--overflow-menu-options *,\n:host .cds--overflow-menu-options *::before,\n:host .cds--overflow-menu-options *::after {\n  box-sizing: inherit;\n}\n:host .cds--overflow-menu-options::after {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-layer);\n  content: \"\";\n  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--overflow-menu-options::after {\n    transition: none;\n  }\n}\n:host .cds--overflow-menu.cds--overflow-menu--open:hover {\n  background-color: var(--cds-layer);\n}\n:host .cds--overflow-menu-options--light {\n  background-color: var(--cds-layer);\n}\n:host .cds--overflow-menu-options--light::after {\n  background-color: var(--cds-layer);\n}\n:host .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {\n  background-color: var(--cds-layer);\n}\n:host .cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {\n  block-size: 0.1875rem;\n  inline-size: 2.5rem;\n  inset-block-start: -0.1875rem;\n  inset-inline-start: 0;\n}\n:host .cds--overflow-menu-options[data-floating-menu-direction=top]::after {\n  block-size: 0.5rem;\n  inline-size: 2.5rem;\n  inset-block-end: -0.5rem;\n  inset-inline-start: 0;\n}\n:host .cds--overflow-menu-options[data-floating-menu-direction=left]::after {\n  block-size: 2.5rem;\n  inline-size: 0.375rem;\n  inset-block-start: 0;\n  inset-inline-end: -0.375rem;\n}\n:host .cds--overflow-menu-options[data-floating-menu-direction=right]::after {\n  block-size: 2.5rem;\n  inline-size: 0.375rem;\n  inset-block-start: 0;\n  inset-inline-start: -0.375rem;\n}\n:host .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, :host .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {\n  inline-size: 2rem;\n}\n:host .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after, :host .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after {\n  block-size: 2rem;\n}\n:host .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, :host .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after {\n  inline-size: 3rem;\n}\n:host .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after, :host .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after {\n  block-size: 3rem;\n}\n:host .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,\n:host .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {\n  inset-inline: auto 0;\n}\n:host .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,\n:host .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {\n  inset-block: auto 0;\n}\n:host .cds--overflow-menu-options--open {\n  display: flex;\n}\n:host .cds--overflow-menu-options__content {\n  inline-size: 100%;\n}\n:host .cds--overflow-menu-options__option {\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  display: flex;\n  align-items: center;\n  padding: 0;\n  background-color: transparent;\n  block-size: 2.5rem;\n  inline-size: 100%;\n  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--overflow-menu-options__option *,\n:host .cds--overflow-menu-options__option *::before,\n:host .cds--overflow-menu-options__option *::after {\n  box-sizing: inherit;\n}\n:host .cds--overflow-menu-options--sm .cds--overflow-menu-options__option {\n  block-size: 2rem;\n}\n:host .cds--overflow-menu-options--lg .cds--overflow-menu-options__option {\n  block-size: 3rem;\n}\n:host .cds--overflow-menu--divider {\n  border-block-start: 1px solid var(--cds-border-subtle);\n}\n:host .cds--overflow-menu--light .cds--overflow-menu--divider {\n  border-block-start: 1px solid var(--cds-border-subtle);\n}\n:host a.cds--overflow-menu-options__btn::before {\n  display: inline-block;\n  block-size: 100%;\n  content: \"\";\n  vertical-align: middle;\n}\n:host .cds--overflow-menu-options__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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: inline-flex;\n  align-items: center;\n  padding: 0 1rem;\n  border: none;\n  background-color: transparent;\n  block-size: 100%;\n  color: var(--cds-text-secondary, #525252);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: 400;\n  inline-size: 100%;\n  max-inline-size: 11.25rem;\n  text-align: start;\n  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--overflow-menu-options__btn:hover {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--overflow-menu-options__btn:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--overflow-menu-options__btn:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--overflow-menu-options__btn::-moz-focus-inner {\n  border: none;\n}\n:host .cds--overflow-menu-options__btn svg {\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--overflow-menu-options__btn:hover svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--overflow-menu-options__option-content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--overflow-menu-options__option:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,\n:host .cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus {\n  background-color: var(--cds-button-danger-primary, #da1e28);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,\n:host .cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg {\n  fill: currentColor;\n}\n:host .cds--overflow-menu-options__option--disabled:hover {\n  background-color: var(--cds-layer);\n  cursor: not-allowed;\n}\n:host .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover, :host .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active, :host .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--overflow-menu--flip {\n  inset-inline-start: -140px;\n}\n:host .cds--overflow-menu--flip::before {\n  inset-inline-start: 145px;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--overflow-menu:focus,\n  :host .cds--overflow-menu-options__btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--overflow-menu svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--overflow-menu__top-start {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));\n}\n:host .cds--overflow-menu__top-end {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));\n}\n:host .cds--breadcrumb {\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  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  display: inline;\n}\n:host .cds--breadcrumb *,\n:host .cds--breadcrumb *::before,\n:host .cds--breadcrumb *::after {\n  box-sizing: inherit;\n}\n@media (min-width: 42rem) {\n  :host .cds--breadcrumb {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n:host .cds--breadcrumb-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin-inline-end: 0.5rem;\n}\n:host .cds--breadcrumb-item .cds--link:visited {\n  color: var(--cds-link-primary, #0f62fe);\n}\n:host .cds--breadcrumb-item .cds--link:visited:hover {\n  color: var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--breadcrumb-item::after {\n  color: var(--cds-text-primary, #161616);\n  content: \"/\";\n  margin-inline-start: 0.5rem;\n}\n:host .cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {\n  content: \"\";\n}\n:host .cds--breadcrumb-item:last-child,\n:host .cds--breadcrumb-item:last-child::after {\n  margin-inline-end: 0;\n}\n:host .cds--breadcrumb .cds--link {\n  white-space: nowrap;\n}\n:host .cds--breadcrumb-item [aria-current=page],\n:host .cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link {\n  color: var(--cds-text-primary, #161616);\n  cursor: auto;\n}\n:host .cds--breadcrumb-item [aria-current=page]:hover,\n:host .cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover {\n  text-decoration: none;\n}\n:host .cds--breadcrumb-item .cds--overflow-menu {\n  position: relative;\n  block-size: 1.125rem;\n  inline-size: 1.25rem;\n}\n:host .cds--breadcrumb-item .cds--overflow-menu:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--breadcrumb-item .cds--overflow-menu:hover {\n  background: transparent;\n}\n:host .cds--breadcrumb-item .cds--overflow-menu::after {\n  position: absolute;\n  background: var(--cds-link-primary-hover, #0043ce);\n  block-size: 1px;\n  content: \"\";\n  inline-size: 0.75rem;\n  inset-block-end: 2px;\n  opacity: 0;\n  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--breadcrumb-item .cds--overflow-menu::after {\n    transition: none;\n  }\n}\n:host .cds--breadcrumb-item .cds--overflow-menu:hover::after {\n  opacity: 1;\n}\n:host .cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {\n  background: transparent;\n  box-shadow: none;\n}\n:host .cds--breadcrumb-item .cds--overflow-menu__icon {\n  position: relative;\n  fill: var(--cds-link-primary, #0f62fe);\n  transform: translateY(4px);\n}\n:host .cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon {\n  fill: var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--breadcrumb-menu-options:focus {\n  outline: none;\n}\n:host .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {\n  margin: 0 auto;\n  background: transparent;\n  block-size: 0;\n  border-block-end: 0.4375rem solid var(--cds-field);\n  border-inline-end: 0.4375rem solid transparent;\n  border-inline-start: 0.4375rem solid transparent;\n  inline-size: 0;\n  inset-block-start: -0.4375rem;\n  inset-inline-start: 0.875rem;\n}\n:host [dir=rtl] .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {\n  inset-inline-end: 0.875rem;\n  inset-inline-start: initial;\n}\n:host .cds--breadcrumb.cds--skeleton .cds--link {\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  block-size: 1rem;\n  inline-size: 6.25rem;\n}\n:host .cds--breadcrumb.cds--skeleton .cds--link:hover, :host .cds--breadcrumb.cds--skeleton .cds--link:focus, :host .cds--breadcrumb.cds--skeleton .cds--link:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--breadcrumb.cds--skeleton .cds--link::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--breadcrumb.cds--skeleton .cds--link::before {\n    animation: none;\n  }\n}\n:host .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {\n  min-block-size: 1.125rem;\n  padding-inline: 0 0;\n}\n:host .cds--link {\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  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  display: inline-flex;\n  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));\n  outline: none;\n  text-decoration: none;\n  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--link *,\n:host .cds--link *::before,\n:host .cds--link *::after {\n  box-sizing: inherit;\n}\n:host .cds--link:hover {\n  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));\n  text-decoration: underline;\n}\n:host .cds--link:active, :host .cds--link:active:visited, :host .cds--link:active:visited:hover {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));\n  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));\n  text-decoration: underline;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--link:active, :host .cds--link:active:visited, :host .cds--link:active:visited:hover {\n    outline-style: dotted;\n  }\n}\n:host .cds--link:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));\n  text-decoration: underline;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--link:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--link:visited {\n  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));\n}\n:host .cds--link:visited:hover {\n  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));\n}\n:host .cds--link--disabled,\n:host .cds--link--disabled:hover {\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  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  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  font-weight: 400;\n  text-decoration: none;\n}\n:host .cds--link--disabled *,\n:host .cds--link--disabled *::before,\n:host .cds--link--disabled *::after,\n:host .cds--link--disabled:hover *,\n:host .cds--link--disabled:hover *::before,\n:host .cds--link--disabled:hover *::after {\n  box-sizing: inherit;\n}\n:host .cds--link.cds--link--visited:visited {\n  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));\n}\n:host .cds--link.cds--link--visited:visited:hover {\n  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));\n}\n:host .cds--link.cds--link--inline {\n  display: inline;\n  text-decoration: underline;\n}\n:host .cds--link--disabled.cds--link--inline {\n  text-decoration: underline;\n}\n:host .cds--link--sm,\n:host .cds--link--sm.cds--link--disabled:hover {\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}\n:host .cds--link--lg,\n:host .cds--link--lg.cds--link--disabled:hover {\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}\n:host .cds--link__icon {\n  display: inline-flex;\n  align-self: center;\n  margin-inline-start: 0.5rem;\n}\n:host .cds--chat-btn, :host .ibm-web-chat--default-styles button:not([class*=cds--]) {\n  border-radius: 1.5rem;\n}\n:host .cds--chat-btn:not(.cds--chat-btn--with-icon) {\n  padding-inline-end: 0.9375rem;\n}\n:host .cds--chat-btn.cds--btn--md {\n  border-radius: 1.25rem;\n}\n:host .cds--chat-btn.cds--btn--sm, :host .ibm-web-chat--default-styles button:not([class*=cds--]) {\n  border-radius: 1rem;\n}\n:host .cds--chat-btn--quick-action, :host .ibm-web-chat--default-styles button:not([class*=cds--]), :host .ibm-web-chat--default-styles button:not([class*=cds--]):disabled {\n  align-items: center;\n  border: 1px solid var(--cds-chat-button, #0f62fe);\n  background: transparent;\n  color: var(--cds-chat-button, #0f62fe);\n}\n:host .cds--chat-btn--quick-action:hover:not(:active):not([disabled]), :host .ibm-web-chat--default-styles button:hover:not(:active):not([disabled]):not([class*=cds--]) {\n  border-color: transparent;\n  background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-chat-button-text-hover, #0043ce);\n}\n:host .cds--chat-btn--quick-action:active {\n  border-color: transparent;\n  background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));\n  color: var(--cds-chat-button-text-hover, #0043ce);\n}\n:host .cds--chat-btn--quick-action.cds--btn--ghost:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n}\n:host .cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);\n}\n:host .cds--chat-btn--quick-action[disabled], :host .ibm-web-chat--default-styles button[disabled]:not([class*=cds--]), :host .ibm-web-chat--default-styles button:not([class*=cds--]):disabled,\n:host .cds--chat-btn--quick-action[disabled]:hover {\n  border-color: var(--cds-button-disabled, #c6c6c6);\n  color: var(--cds-button-disabled, #c6c6c6);\n}\n:host .cds--chat-btn--quick-action--selected,\n:host .cds--chat-btn--quick-action--selected[disabled],\n:host .cds--chat-btn--quick-action--selected[disabled]:hover {\n  border-color: transparent;\n  background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));\n  color: var(--cds-chat-button-text-selected, #525252);\n}\n:host .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,\n:host .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {\n  color: var(--cds-chat-button-text-selected, #525252);\n}\n:host .cds--chat-btn.cds--skeleton {\n  overflow: hidden;\n}\n:host input:-webkit-autofill,\n:host input:-webkit-autofill:hover,\n:host input:-webkit-autofill:focus,\n:host textarea:-webkit-autofill,\n:host textarea:-webkit-autofill:hover,\n:host textarea:-webkit-autofill:focus {\n  box-shadow: 0 0 0 1000px var(--cds-field) inset;\n  -webkit-text-fill-color: var(--cds-text-primary, #161616);\n}\n:host .cds--fieldset {\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--fieldset *,\n:host .cds--fieldset *::before,\n:host .cds--fieldset *::after {\n  box-sizing: inherit;\n}\n:host .cds--form-item {\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  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: flex-start;\n}\n:host .cds--label {\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: inline-block;\n  color: var(--cds-text-secondary, #525252);\n  font-weight: 400;\n  line-height: 1rem;\n  margin-block-end: 0.5rem;\n  vertical-align: baseline;\n}\n:host .cds--label html {\n  font-size: 100%;\n}\n:host .cds--label body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--label code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--label strong {\n  font-weight: 600;\n}\n:host .cds--label .cds--toggletip-label {\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}\n:host .cds--label--no-margin {\n  margin-block-end: 0;\n}\n:host .cds--label + .cds--tooltip {\n  position: relative;\n  inset-block-start: 0.2rem;\n  inset-inline-start: 0.5rem;\n}\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\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}\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger *,\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger *::before,\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger *::after {\n  box-sizing: inherit;\n}\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger svg {\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--label + .cds--toggletip {\n  inset-block-start: 0.2rem;\n  inset-inline-start: 0.5rem;\n}\n:host .cds--label.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  block-size: 0.875rem;\n  inline-size: 4.6875rem;\n}\n:host .cds--label.cds--skeleton:hover, :host .cds--label.cds--skeleton:focus, :host .cds--label.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--label.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--label.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host input[type=number] {\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n}\n:host input[data-invalid]:not(:focus),\n:host .cds--number[data-invalid] input[type=number]:not(:focus),\n:host .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),\n:host .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),\n:host .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n:host .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,\n.cds--combo-box--invalid--focused),\n:host .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host input[data-invalid]:not(:focus),\n  :host .cds--number[data-invalid] input[type=number]:not(:focus),\n  :host .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),\n  :host .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),\n  :host .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n  :host .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,\n  .cds--combo-box--invalid--focused),\n  :host .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {\n    outline-style: dotted;\n  }\n}\n:host input[data-invalid] ~ .cds--form-requirement,\n:host .cds--number[data-invalid] .cds--number__input-wrapper ~ .cds--form-requirement,\n:host .cds--number__input-wrapper--warning ~ .cds--form-requirement,\n:host .cds--date-picker-input__wrapper ~ .cds--form-requirement,\n:host .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,\n:host .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n:host .cds--time-picker--invalid ~ .cds--form-requirement,\n:host .cds--time-picker--warning ~ .cds--form-requirement,\n:host .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,\n:host .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,\n:host .cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,\n:host .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,\n:host .cds--text-area__wrapper--warn ~ .cds--form-requirement,\n:host .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,\n:host .cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,\n:host .cds--time-picker[data-invalid] ~ .cds--form-requirement,\n:host .cds--list-box[data-invalid] ~ .cds--form-requirement,\n:host .cds--list-box--warning ~ .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  font-weight: 400;\n  max-block-size: 12.5rem;\n}\n:host input[data-invalid] ~ .cds--form-requirement,\n:host .cds--number[data-invalid] .cds--number__input-wrapper ~ .cds--form-requirement,\n:host .cds--date-picker-input__wrapper ~ .cds--form-requirement,\n:host .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n:host .cds--time-picker--invalid ~ .cds--form-requirement,\n:host .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,\n:host .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,\n:host .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,\n:host .cds--time-picker[data-invalid] ~ .cds--form-requirement,\n:host .cds--list-box[data-invalid] ~ .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid],\n:host .cds--form--fluid .cds--text-input__field-wrapper--warning {\n  display: block;\n}\n:host .cds--form--fluid input[data-invalid] {\n  outline: none;\n}\n:host .cds--form--fluid .cds--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n}\n:host input:not(output, [data-invalid]):-moz-ui-invalid {\n  box-shadow: none;\n}\n:host .cds--form-requirement {\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: none;\n  overflow: hidden;\n  margin: 0.25rem 0 0;\n  max-block-size: 0;\n}\n:host .cds--form-requirement html {\n  font-size: 100%;\n}\n:host .cds--form-requirement body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--form-requirement code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--form-requirement strong {\n  font-weight: 600;\n}\n:host .cds--select--inline .cds--form__helper-text {\n  margin-block-start: 0;\n}\n:host .cds--form__helper-text {\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  z-index: 0;\n  color: var(--cds-text-secondary, #525252);\n  inline-size: 100%;\n  margin-block-start: 0.25rem;\n  opacity: 1;\n}\n:host .cds--label--disabled,\n:host .cds--form__helper-text--disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host fieldset[disabled] .cds--label,\n:host fieldset[disabled] .cds--form__helper-text {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--checkbox-group {\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--checkbox-group *,\n:host .cds--checkbox-group *::before,\n:host .cds--checkbox-group *::after {\n  box-sizing: inherit;\n}\n:host .cds--form-item.cds--checkbox-wrapper {\n  position: relative;\n  margin-block-end: 0.375rem;\n}\n:host .cds--form-item.cds--checkbox-wrapper:first-of-type {\n  margin-block-start: 0;\n}\n:host .cds--label + .cds--form-item.cds--checkbox-wrapper {\n  margin-block-start: -0.125rem;\n}\n:host .cds--form-item.cds--checkbox-wrapper:last-of-type {\n  margin-block-end: 0.1875rem;\n}\n:host .cds--checkbox {\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  inset-block-start: 1.25rem;\n  inset-inline-start: 0.7rem;\n}\n:host .cds--checkbox-label {\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: flex;\n  cursor: pointer;\n  min-block-size: 1.25rem;\n  padding-block-start: 0.0625rem;\n  padding-inline-start: 1.25rem;\n  user-select: none;\n}\n:host .cds--checkbox-label html {\n  font-size: 100%;\n}\n:host .cds--checkbox-label body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--checkbox-label code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--checkbox-label strong {\n  font-weight: 600;\n}\n:host .cds--checkbox-label-text {\n  padding-inline-start: 0.625rem;\n}\n:host .cds--checkbox-label::before,\n:host .cds--checkbox-label::after {\n  box-sizing: border-box;\n}\n@media print {\n  :host .cds--checkbox-label::before,\n  :host .cds--checkbox-label::after {\n    print-color-adjust: exact;\n  }\n}\n:host .cds--checkbox-label::before {\n  position: absolute;\n  border: 1px solid var(--cds-icon-primary, #161616);\n  border-radius: 2px;\n  background-color: transparent;\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 1rem;\n  inset-block-start: 0.125rem;\n  inset-inline-start: 0;\n  margin-block: 0.0625rem 0.125rem;\n  margin-inline: 0.1875rem 0;\n}\n:host .cds--checkbox-label::after {\n  position: absolute;\n  background: none;\n  block-size: 0.3125rem;\n  border-block-end: 1.5px solid var(--cds-icon-inverse, #ffffff);\n  border-inline-start: 1.5px solid var(--cds-icon-inverse, #ffffff);\n  content: \"\";\n  inline-size: 0.5625rem;\n  inset-block-start: 0.40625rem;\n  inset-inline-start: 0.4375rem;\n  margin-block-start: -0.1875rem;\n  transform: scale(0) rotate(-45deg);\n  transform-origin: bottom right;\n}\n:host .cds--checkbox:checked + .cds--checkbox-label::before,\n:host .cds--checkbox:indeterminate + .cds--checkbox-label::before,\n:host .cds--checkbox-label[data-contained-checkbox-state=true]::before {\n  border: none;\n  border-width: 1px;\n  background-color: var(--cds-icon-primary, #161616);\n}\n:host .cds--checkbox:checked + .cds--checkbox-label::after,\n:host .cds--checkbox-label[data-contained-checkbox-state=true]::after {\n  transform: scale(1) rotate(-45deg);\n}\n:host .cds--checkbox:indeterminate + .cds--checkbox-label::after {\n  border-block-end: 2px solid var(--cds-icon-inverse, #ffffff);\n  border-inline-start: 0 solid var(--cds-icon-inverse, #ffffff);\n  inline-size: 0.5rem;\n  inset-block-start: 0.6875rem;\n  transform: scale(1) rotate(0deg);\n}\n:host .cds--checkbox:focus + .cds--checkbox-label::before,\n:host .cds--checkbox-label__focus::before,\n:host .cds--checkbox:checked:focus + .cds--checkbox-label::before,\n:host .cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,\n:host .cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1px;\n}\n:host .cds--checkbox:disabled + .cds--checkbox-label,\n:host .cds--checkbox-label[data-contained-checkbox-disabled=true] {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--checkbox:disabled + .cds--checkbox-label::before,\n:host .cds--checkbox-label[data-contained-checkbox-disabled=true]::before {\n  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--checkbox:checked:disabled + .cds--checkbox-label::before,\n:host .cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,\n:host .cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {\n  background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--checkbox-group[data-invalid] .cds--checkbox-label::before,\n:host .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,\n:host .cds--checkbox-wrapper--invalid .cds--checkbox:checked + .cds--checkbox-label::before {\n  border: 1px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--checkbox-group .cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,\n:host .cds--checkbox-group .cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg,\n:host .cds--checkbox-group .cds--checkbox-wrapper > .cds--form__helper-text {\n  display: none;\n}\n:host .cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,\n:host .cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked + .cds--checkbox-label::before {\n  border: 1px solid var(--cds-icon-primary, #161616);\n}\n:host .cds--checkbox-group__validation-msg,\n:host .cds--checkbox__validation-msg {\n  display: none;\n  align-items: flex-start;\n  margin-block-start: 0.25rem;\n}\n:host .cds--checkbox__invalid-icon {\n  margin: 0.0625rem 0.0625rem 0 0.1875rem;\n  fill: var(--cds-support-error, #da1e28);\n  min-inline-size: 1rem;\n}\n:host .cds--checkbox__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--checkbox__invalid-icon--warning path:first-of-type {\n  fill: #000000;\n}\n:host .cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,\n:host .cds--checkbox-group--warning .cds--checkbox-group__validation-msg,\n:host .cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,\n:host .cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg {\n  display: flex;\n}\n:host .cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,\n:host .cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,\n:host .cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,\n:host .cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  margin-block-start: 0;\n  margin-inline-start: 0.5rem;\n  max-block-size: 100%;\n}\n:host .cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,\n:host .cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--checkbox-group--readonly .cds--checkbox-label,\n:host .cds--checkbox-wrapper--readonly .cds--checkbox-label {\n  cursor: default;\n}\n:host .cds--checkbox-group--readonly .cds--checkbox-label-text,\n:host .cds--checkbox-wrapper--readonly .cds--checkbox-label-text {\n  cursor: text;\n  user-select: text;\n}\n:host .cds--checkbox-group--readonly .cds--checkbox + .cds--checkbox-label::before,\n:host .cds--checkbox-wrapper--readonly .cds--checkbox + .cds--checkbox-label::before {\n  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::before,\n:host .cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::before {\n  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n  background: transparent;\n}\n:host .cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::after,\n:host .cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::after {\n  border-color: var(--cds-text-primary, #161616);\n}\n:host .cds--checkbox-skeleton .cds--checkbox-label {\n  cursor: default;\n}\n:host .cds--checkbox-label-text.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  block-size: 1rem;\n  inline-size: 6.25rem;\n  margin-block: 0.0625rem 0;\n  margin-inline: 0.375rem 0;\n}\n:host .cds--checkbox-label-text.cds--skeleton:hover, :host .cds--checkbox-label-text.cds--skeleton:focus, :host .cds--checkbox-label-text.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--checkbox-label-text.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--checkbox-label-text.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--checkbox--inline {\n  position: relative;\n}\n:host [dir=rtl] .cds--checkbox-label::after {\n  margin-block-start: 0;\n  margin-inline-start: -0.0625rem;\n  transform-origin: center;\n}\n:host [dir=rtl] .cds--checkbox:checked + .cds--checkbox-label::after,\n:host [dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after {\n  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);\n}\n:host .cds--checkbox-group--slug legend.cds--label,\n:host .cds--checkbox-wrapper--slug .cds--checkbox-label-text {\n  display: flex;\n}\n:host .cds--checkbox-group--slug legend.cds--label .cds--slug,\n:host .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {\n  margin-inline-start: 0.5rem;\n}\n:host .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {\n  line-height: inherit;\n  margin-block-start: -0.0625rem;\n}\n:host .cds--checkbox-group--horizontal {\n  position: relative;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n}\n:host .cds--checkbox-group--horizontal .cds--form-item {\n  flex: none;\n  margin-block-end: 0;\n}\n:host .cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {\n  margin-inline-end: 1rem;\n}\n:host .cds--checkbox-group--horizontal .cds--checkbox-label-text {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {\n  margin-block-start: 0;\n}\n:host .cds--copy-btn {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: var(--cds-layer);\n  cursor: pointer;\n}\n:host .cds--copy-btn html {\n  font-size: 100%;\n}\n:host .cds--copy-btn body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--copy-btn code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--copy-btn strong {\n  font-weight: 600;\n}\n:host .cds--copy-btn:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--copy-btn:active {\n  background-color: var(--cds-layer-active);\n}\n:host .cds--copy-btn::before {\n  position: absolute;\n  z-index: 6000;\n  border-style: solid;\n  block-size: 0;\n  content: \"\";\n  inline-size: 0;\n  display: none;\n}\n:host .cds--copy-btn .cds--copy-btn__feedback {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  z-index: 6000;\n  padding: 0.1875rem 1rem;\n  border-radius: 0.125rem;\n  background-color: var(--cds-background-inverse, #393939);\n  block-size: auto;\n  color: var(--cds-text-inverse, #ffffff);\n  font-weight: 400;\n  inline-size: max-content;\n  max-inline-size: 13rem;\n  min-inline-size: 1.5rem;\n  text-align: start;\n  transform: translateX(-50%);\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  display: none;\n  overflow: visible;\n  box-sizing: content-box;\n  margin: auto;\n  clip: auto;\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  :host .cds--copy-btn .cds--copy-btn__feedback {\n    inline-size: auto;\n  }\n}\n@supports (-ms-accelerator: true) {\n  :host .cds--copy-btn .cds--copy-btn__feedback {\n    inline-size: auto;\n  }\n}\n@supports (-ms-ime-align: auto) {\n  :host .cds--copy-btn .cds--copy-btn__feedback {\n    inline-size: auto;\n  }\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--copy-btn .cds--copy-btn__feedback {\n    border: 1px solid transparent;\n  }\n}\n:host .cds--copy-btn:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  outline-color: var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--copy-btn:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--copy-btn.cds--copy-btn--animating::before, :host .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback {\n  display: block;\n}\n:host .cds--copy-btn.cds--copy-btn--animating::before {\n  border: none;\n}\n:host .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before, :host .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {\n  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;\n}\n:host .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before, :host .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {\n  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;\n}\n:host .cds--copy-btn svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--copy {\n  font-size: 0;\n}\n:host .cds--snippet html {\n  font-size: 100%;\n}\n:host .cds--snippet body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--snippet code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--snippet strong {\n  font-weight: 600;\n}\n:host .cds--snippet--disabled,\n:host .cds--snippet--disabled .cds--btn.cds--snippet-btn--expand {\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--snippet--disabled .cds--snippet-btn--expand:hover,\n:host .cds--snippet--disabled .cds--copy-btn,\n:host .cds--snippet--disabled .cds--copy-btn:hover {\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--snippet--disabled .cds--snippet__icon,\n:host .cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--snippet code {\n  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-01-font-size, 0.75rem);\n  font-weight: var(--cds-code-01-font-weight, 400);\n  line-height: var(--cds-code-01-line-height, 1.33333);\n  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n}\n:host .cds--snippet--inline {\n  position: relative;\n  display: inline;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 4px;\n  background-color: var(--cds-layer);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n}\n:host .cds--snippet--inline html {\n  font-size: 100%;\n}\n:host .cds--snippet--inline body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--snippet--inline code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--snippet--inline strong {\n  font-weight: 600;\n}\n:host .cds--snippet--inline:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--snippet--inline:active {\n  background-color: var(--cds-layer-active);\n}\n:host .cds--snippet--inline:focus {\n  border: 1px solid var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--snippet--inline::before {\n  position: absolute;\n  z-index: 6000;\n  border-style: solid;\n  block-size: 0;\n  content: \"\";\n  inline-size: 0;\n  display: none;\n  border: none;\n}\n:host .cds--snippet--inline .cds--copy-btn__feedback {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  z-index: 6000;\n  padding: 0.1875rem 1rem;\n  border-radius: 0.125rem;\n  background-color: var(--cds-background-inverse, #393939);\n  block-size: auto;\n  color: var(--cds-text-inverse, #ffffff);\n  font-weight: 400;\n  inline-size: max-content;\n  max-inline-size: 13rem;\n  min-inline-size: 1.5rem;\n  text-align: start;\n  transform: translateX(-50%);\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  display: none;\n  overflow: visible;\n  box-sizing: content-box;\n  margin: auto;\n  clip: auto;\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  :host .cds--snippet--inline .cds--copy-btn__feedback {\n    inline-size: auto;\n  }\n}\n@supports (-ms-accelerator: true) {\n  :host .cds--snippet--inline .cds--copy-btn__feedback {\n    inline-size: auto;\n  }\n}\n@supports (-ms-ime-align: auto) {\n  :host .cds--snippet--inline .cds--copy-btn__feedback {\n    inline-size: auto;\n  }\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--snippet--inline .cds--copy-btn__feedback {\n    border: 1px solid transparent;\n  }\n}\n:host .cds--snippet--inline.cds--copy-btn--animating::before,\n:host .cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback {\n  display: block;\n}\n:host .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,\n:host .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {\n  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;\n}\n:host .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,\n:host .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {\n  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;\n}\n:host .cds--snippet--inline code {\n  padding: 0 0.5rem;\n}\n:host .cds--snippet--inline.cds--snippet--no-copy {\n  display: inline-block;\n}\n:host .cds--snippet--inline.cds--snippet--no-copy:hover {\n  background-color: var(--cds-layer);\n  cursor: auto;\n}\n:host .cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {\n  background-color: var(--cds-layer-hover);\n  cursor: auto;\n}\n:host .cds--snippet--single {\n  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-01-font-size, 0.75rem);\n  font-weight: var(--cds-code-01-font-weight, 400);\n  line-height: var(--cds-code-01-line-height, 1.33333);\n  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n  position: relative;\n  background-color: var(--cds-layer);\n  inline-size: 100%;\n  max-inline-size: 48rem;\n  display: flex;\n  align-items: center;\n  block-size: 2.5rem;\n  padding-inline-end: 2.5rem;\n}\n:host .cds--snippet--single.cds--snippet--no-copy {\n  padding: 0;\n}\n:host .cds--snippet--single.cds--snippet--no-copy::after {\n  inset-inline-end: 1rem;\n}\n:host .cds--snippet--single .cds--snippet-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n  overflow-x: auto;\n  padding-inline-start: 1rem;\n}\n:host .cds--snippet--single .cds--snippet-container:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--snippet--single .cds--snippet-container:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--snippet--single pre {\n  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-01-font-size, 0.75rem);\n  font-weight: var(--cds-code-01-font-weight, 400);\n  line-height: var(--cds-code-01-line-height, 1.33333);\n  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n  padding-inline-end: 0.5rem;\n}\n:host .cds--snippet--single pre,\n:host .cds--snippet--inline code {\n  white-space: pre;\n}\n:host .cds--snippet--multi {\n  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-01-font-size, 0.75rem);\n  font-weight: var(--cds-code-01-font-weight, 400);\n  line-height: var(--cds-code-01-line-height, 1.33333);\n  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);\n  position: relative;\n  background-color: var(--cds-layer);\n  inline-size: 100%;\n  max-inline-size: 48rem;\n  display: flex;\n  padding: 1rem;\n}\n:host .cds--snippet--multi .cds--snippet-container {\n  position: relative;\n  order: 1;\n  max-block-size: 100%;\n  min-block-size: 100%;\n  overflow-y: auto;\n  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--snippet--multi .cds--snippet-container:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  outline-offset: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--snippet--multi .cds--snippet-container:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--snippet--multi.cds--snippet--expand .cds--snippet-container {\n  padding-block-end: 1rem;\n  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--snippet--multi.cds--snippet--wraptext pre {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n:host .cds--snippet--multi .cds--snippet-container pre {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {\n  padding-inline-end: 0;\n}\n:host .cds--snippet--multi.cds--snippet--has-right-overflow::after {\n  position: absolute;\n  background-image: linear-gradient(to right, transparent, var(--cds-layer));\n  block-size: 100%;\n  content: \"\";\n  inline-size: 1rem;\n  inset-block-start: 0;\n  inset-inline-end: 1rem;\n}\n:host [dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {\n  background-image: linear-gradient(to left, transparent, var(--cds-layer));\n}\n:host .cds--snippet--multi .cds--snippet-container pre code {\n  overflow: hidden;\n}\n:host .cds--snippet__icon {\n  block-size: 1rem;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1rem;\n  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--btn > .cds--snippet__icon {\n  margin-block-start: 0;\n}\n:host .cds--copy-btn {\n  display: flex;\n  overflow: visible;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: var(--cds-layer);\n  cursor: pointer;\n  outline: none;\n}\n:host .cds--copy-btn html {\n  font-size: 100%;\n}\n:host .cds--copy-btn body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--copy-btn code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--copy-btn strong {\n  font-weight: 600;\n}\n:host .cds--copy-btn:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  outline-color: var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--copy-btn:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--snippet .cds--popover-container {\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n:host .cds--snippet--inline.cds--btn {\n  block-size: 1.25rem;\n  inline-size: initial;\n  max-inline-size: unset;\n  min-block-size: 1.25rem;\n  padding-inline: 0;\n}\n:host .cds--snippet--inline.cds--btn.cds--btn--primary:hover {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--snippet.cds--snippet--multi .cds--popover-container {\n  inset-block-start: 0.5rem;\n  inset-inline-end: 0.5rem;\n}\n:host .cds--snippet--multi .cds--copy-btn {\n  z-index: 10;\n}\n:host .cds--snippet-btn--expand {\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  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  position: absolute;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  border: 0;\n  background-color: var(--cds-layer);\n  block-size: 2rem;\n  color: var(--cds-text-primary, #161616);\n  inset-block-end: 0;\n  inset-inline-end: 0;\n}\n:host .cds--snippet-btn--expand .cds--snippet-btn--text {\n  position: relative;\n  inset-block-start: -0.0625rem;\n}\n:host .cds--snippet-btn--expand--hide.cds--snippet-btn--expand {\n  display: none;\n}\n:host .cds--snippet-btn--expand .cds--icon-chevron--down {\n  fill: var(--cds-icon-primary, #161616);\n  margin-inline-start: 0.5rem;\n  transform: rotate(0deg);\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--snippet-btn--expand:hover {\n  background: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--snippet-btn--expand:active {\n  background-color: var(--cds-layer-active);\n}\n:host .cds--snippet-btn--expand:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  border-color: transparent;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--snippet-btn--expand:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {\n  transform: rotate(180deg);\n  transition: transform 300ms;\n}\n:host .cds--snippet--light,\n:host .cds--snippet--light .cds--snippet-button,\n:host .cds--snippet--light .cds--btn.cds--snippet-btn--expand,\n:host .cds--snippet--light .cds--copy-btn {\n  background-color: var(--cds-layer);\n}\n:host .cds--snippet--light.cds--snippet--inline:hover,\n:host .cds--snippet--light .cds--snippet-button:hover,\n:host .cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,\n:host .cds--snippet--light .cds--copy-btn:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--snippet--light.cds--snippet--inline:active,\n:host .cds--snippet--light .cds--snippet-button:active,\n:host .cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,\n:host .cds--snippet--light .cds--copy-btn:active {\n  background-color: var(--cds-layer-active);\n}\n:host .cds--snippet--light.cds--snippet--single::after,\n:host .cds--snippet--light.cds--snippet--multi::after {\n  background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));\n}\n:host .cds--snippet.cds--skeleton .cds--snippet-container {\n  block-size: 100%;\n  inline-size: 100%;\n}\n:host .cds--snippet-button .cds--btn--copy__feedback {\n  inset-block-start: 3.175rem;\n  inset-inline: 50% auto;\n}\n:host .cds--snippet-button .cds--btn--copy__feedback::before {\n  inset-block-start: 0;\n}\n:host .cds--snippet-button .cds--btn--copy__feedback::after {\n  inset-block-start: -0.25rem;\n}\n:host .cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {\n  inset-block-start: 2.675rem;\n}\n:host .cds--snippet--inline .cds--btn--copy__feedback {\n  inset-block-start: calc(100% - 0.25rem);\n  inset-inline: 50% auto;\n}\n:host .cds--snippet__overflow-indicator--left,\n:host .cds--snippet__overflow-indicator--right {\n  z-index: 1;\n  flex: 1 0 auto;\n  inline-size: 1rem;\n}\n:host .cds--snippet__overflow-indicator--left {\n  order: 0;\n  background-image: linear-gradient(to left, transparent, var(--cds-layer));\n  margin-inline-end: -1rem;\n}\n:host .cds--snippet__overflow-indicator--right {\n  order: 2;\n  background-image: linear-gradient(to right, transparent, var(--cds-layer));\n  margin-inline-start: -1rem;\n}\n:host [dir=rtl] .cds--snippet__overflow-indicator--left {\n  background-image: linear-gradient(to right, transparent, var(--cds-layer));\n}\n:host [dir=rtl] .cds--snippet__overflow-indicator--right {\n  background-image: linear-gradient(to left, transparent, var(--cds-layer));\n}\n:host .cds--snippet--single .cds--snippet__overflow-indicator--right,\n:host .cds--snippet--single .cds--snippet__overflow-indicator--left {\n  position: absolute;\n  block-size: calc(100% - 0.25rem);\n  inline-size: 2rem;\n}\n:host .cds--snippet--single .cds--snippet__overflow-indicator--right {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right {\n  inset-inline-end: 0;\n}\n:host .cds--snippet--single .cds--snippet-container:focus ~ .cds--snippet__overflow-indicator--right {\n  inset-inline-end: calc(2.5rem + 0.125rem);\n}\n:host .cds--snippet--single .cds--snippet-container:focus + .cds--snippet__overflow-indicator--left {\n  inset-inline-start: 0.125rem;\n}\n:host .cds--snippet--light .cds--snippet__overflow-indicator--left {\n  background-image: linear-gradient(to left, transparent, var(--cds-layer));\n}\n:host .cds--snippet--light .cds--snippet__overflow-indicator--right {\n  background-image: linear-gradient(to right, transparent, var(--cds-layer));\n}\n@media not all and (min-resolution >= 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    :host .cds--snippet__overflow-indicator--left {\n      background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));\n    }\n    :host .cds--snippet__overflow-indicator--right {\n      background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));\n    }\n  }\n}\n:host .cds--snippet--multi.cds--skeleton {\n  block-size: 6.125rem;\n}\n:host .cds--snippet--single.cds--skeleton {\n  block-size: 3.5rem;\n}\n:host .cds--snippet.cds--skeleton span {\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  display: block;\n  block-size: 1rem;\n  inline-size: 100%;\n  margin-block-start: 0.5rem;\n}\n:host .cds--snippet.cds--skeleton span:hover, :host .cds--snippet.cds--skeleton span:focus, :host .cds--snippet.cds--skeleton span:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--snippet.cds--skeleton span::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--snippet.cds--skeleton span::before {\n    animation: none;\n  }\n}\n:host .cds--snippet.cds--skeleton span:first-child {\n  margin: 0;\n}\n:host .cds--snippet.cds--skeleton span:nth-child(2) {\n  inline-size: 85%;\n}\n:host .cds--snippet.cds--skeleton span:nth-child(3) {\n  inline-size: 95%;\n}\n:host .cds--snippet--single.cds--skeleton .cds--snippet-container {\n  padding-block-end: 0;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--snippet__icon {\n    fill: ButtonText;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--snippet--inline:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--snippet--single,\n  :host .cds--snippet--multi {\n    outline: 1px solid transparent;\n  }\n}\n:host .cds--text-input {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));\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  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  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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  padding: 0 var(--cds-layout-density-padding-inline-local);\n  border: none;\n  background-color: var(--cds-field);\n  block-size: var(--cds-layout-size-height-local);\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  font-family: inherit;\n  inline-size: 100%;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--text-input *,\n:host .cds--text-input *::before,\n:host .cds--text-input *::after {\n  box-sizing: inherit;\n}\n:host .cds--text-input:focus, :host .cds--text-input:active {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-input:focus, :host .cds--text-input:active {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-input-wrapper svg[hidden] {\n  display: none;\n}\n:host .cds--password-input {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--text-input--sm.cds--password-input {\n  padding-inline-end: 2rem;\n}\n:host .cds--text-input--lg.cds--password-input {\n  padding-inline-end: 3rem;\n}\n:host .cds--text-input::placeholder {\n  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  opacity: 1;\n}\n:host .cds--text-input--light {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--text-input__field-wrapper {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n}\n:host .cds--text-input__invalid-icon {\n  position: absolute;\n  fill: var(--cds-support-error, #da1e28);\n  inset-block-start: 50%;\n  inset-inline-end: 1rem;\n  transform: translateY(-50%);\n}\n:host .cds--text-input__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--text-input__invalid-icon--warning path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--text-input--password__visibility {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer;\n}\n:host .cds--text-input--password__visibility:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-input--password__visibility:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-input--password__visibility:focus {\n  outline: 1px solid transparent;\n}\n:host .cds--text-input--password__visibility:focus svg {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-input--password__visibility:focus svg {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-input--password__visibility::before, :host .cds--text-input--password__visibility::after,\n:host .cds--text-input--password__visibility .cds--assistive-text,\n:host .cds--text-input--password__visibility + .cds--assistive-text {\n  position: absolute;\n  z-index: 6000;\n  display: flex;\n  align-items: center;\n  opacity: 0;\n  pointer-events: none;\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  :host .cds--text-input--password__visibility::before, :host .cds--text-input--password__visibility::after,\n  :host .cds--text-input--password__visibility .cds--assistive-text,\n  :host .cds--text-input--password__visibility + .cds--assistive-text {\n    display: inline-block;\n  }\n}\n:host .cds--text-input--password__visibility::before, :host .cds--text-input--password__visibility::after {\n  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--text-input--password__visibility::before, :host .cds--text-input--password__visibility::after {\n    transition: none;\n  }\n}\n:host .cds--text-input--password__visibility.cds--tooltip--a11y::before, :host .cds--text-input--password__visibility.cds--tooltip--a11y::after {\n  transition: none;\n}\n:host .cds--text-input--password__visibility::before {\n  border-style: solid;\n  block-size: 0;\n  content: \"\";\n  inline-size: 0;\n}\n:host .cds--text-input--password__visibility .cds--assistive-text,\n:host .cds--text-input--password__visibility + .cds--assistive-text {\n  box-sizing: content-box;\n  color: inherit;\n  opacity: 1;\n  white-space: normal;\n  word-break: break-word;\n}\n:host .cds--text-input--password__visibility::after,\n:host .cds--text-input--password__visibility .cds--assistive-text,\n:host .cds--text-input--password__visibility + .cds--assistive-text {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  z-index: 6000;\n  padding: 0.1875rem 1rem;\n  border-radius: 0.125rem;\n  background-color: var(--cds-background-inverse, #393939);\n  block-size: auto;\n  color: var(--cds-text-inverse, #ffffff);\n  font-weight: 400;\n  inline-size: max-content;\n  max-inline-size: 13rem;\n  min-inline-size: 1.5rem;\n  text-align: start;\n  transform: translateX(-50%);\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@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  :host .cds--text-input--password__visibility::after,\n  :host .cds--text-input--password__visibility .cds--assistive-text,\n  :host .cds--text-input--password__visibility + .cds--assistive-text {\n    inline-size: auto;\n  }\n}\n@supports (-ms-accelerator: true) {\n  :host .cds--text-input--password__visibility::after,\n  :host .cds--text-input--password__visibility .cds--assistive-text,\n  :host .cds--text-input--password__visibility + .cds--assistive-text {\n    inline-size: auto;\n  }\n}\n@supports (-ms-ime-align: auto) {\n  :host .cds--text-input--password__visibility::after,\n  :host .cds--text-input--password__visibility .cds--assistive-text,\n  :host .cds--text-input--password__visibility + .cds--assistive-text {\n    inline-size: auto;\n  }\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--text-input--password__visibility::after,\n  :host .cds--text-input--password__visibility .cds--assistive-text,\n  :host .cds--text-input--password__visibility + .cds--assistive-text {\n    border: 1px solid transparent;\n  }\n}\n:host .cds--text-input--password__visibility::after {\n  content: attr(aria-label);\n}\n:host .cds--text-input--password__visibility.cds--tooltip--a11y::after {\n  content: none;\n}\n:host .cds--text-input--password__visibility.cds--tooltip--visible::before, :host .cds--text-input--password__visibility.cds--tooltip--visible::after, :host .cds--text-input--password__visibility:hover::before, :host .cds--text-input--password__visibility:hover::after, :host .cds--text-input--password__visibility:focus::before, :host .cds--text-input--password__visibility:focus::after {\n  opacity: 1;\n}\n@keyframes cds--tooltip-fade {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n:host .cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,\n:host .cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, :host .cds--text-input--password__visibility:hover .cds--assistive-text,\n:host .cds--text-input--password__visibility:hover + .cds--assistive-text, :host .cds--text-input--password__visibility:focus .cds--assistive-text,\n:host .cds--text-input--password__visibility:focus + .cds--assistive-text {\n  overflow: visible;\n  margin: auto;\n  clip: auto;\n}\n:host .cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,\n:host .cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, :host .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before, :host .cds--text-input--password__visibility:hover .cds--assistive-text,\n:host .cds--text-input--password__visibility:hover + .cds--assistive-text, :host .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before, :host .cds--text-input--password__visibility:focus .cds--assistive-text,\n:host .cds--text-input--password__visibility:focus + .cds--assistive-text, :host .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {\n  animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text, :host .cds--text-input--password__visibility.cds--tooltip--hidden + .cds--assistive-text {\n  overflow: hidden;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n}\n:host .cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before {\n  animation: none;\n  opacity: 0;\n}\n:host .cds--text-input--password__visibility .cds--assistive-text::after {\n  position: absolute;\n  display: block;\n  content: \"\";\n  block-size: 0.75rem;\n  inline-size: 100%;\n  inset-inline-start: 0;\n  inset-block-start: -0.75rem;\n}\n:host .cds--text-input--password__visibility::before, :host .cds--text-input--password__visibility::after,\n:host .cds--text-input--password__visibility .cds--assistive-text,\n:host .cds--text-input--password__visibility + .cds--assistive-text {\n  inset-block-end: 0;\n  inset-inline-start: 50%;\n}\n:host .cds--text-input--password__visibility::before {\n  border-width: 0 0.25rem 0.3125rem 0.25rem;\n  border-color: transparent transparent var(--cds-background-inverse, #393939) transparent;\n  inset-block-end: -0.5rem;\n  transform: translate(-50%, 100%);\n}\n:host .cds--text-input--password__visibility::after,\n:host .cds--text-input--password__visibility .cds--assistive-text,\n:host .cds--text-input--password__visibility + .cds--assistive-text {\n  inset-block-end: -0.8125rem;\n  transform: translate(-50%, 100%);\n}\n:host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  background: none;\n  block-size: 100%;\n  cursor: pointer;\n  inline-size: 2.5rem;\n  inset-inline-end: 0;\n  min-block-size: auto;\n  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--toggle-password-tooltip .cds--popover {\n  inset-inline-start: -2.5rem;\n}\n:host .cds--toggle-password-tooltip .cds--popover-content {\n  min-inline-size: 2.5rem;\n}\n:host .cds--text-input--sm + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n  inline-size: 2rem;\n}\n:host .cds--text-input--lg + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n  inline-size: 3rem;\n}\n:host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {\n  fill: var(--cds-icon-secondary, #525252);\n  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,\n:host .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--text-input--invalid,\n:host .cds--text-input--warning {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--text-input--invalid.cds--password-input {\n  padding-inline-end: 4rem;\n}\n:host .cds--text-input--invalid + .cds--text-input--password__visibility__toggle {\n  inset-inline-end: 1rem;\n}\n:host .cds--password-input-wrapper .cds--text-input__invalid-icon {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n  cursor: not-allowed;\n}\n:host .cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {\n  cursor: default;\n}\n:host .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {\n  cursor: default;\n}\n:host .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--text-input__counter-alert {\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}\n:host .cds--text-input:disabled {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  background-color: var(--cds-field);\n  border-block-end: 1px solid transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  -webkit-text-fill-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--text-input--light:disabled {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--text-input:disabled::placeholder {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  opacity: 1;\n}\n:host .cds--text-input--invalid {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n  box-shadow: none;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-input--invalid {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-input--invalid .cds--text-input--password__visibility__toggle {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--skeleton.cds--text-input {\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--skeleton.cds--text-input:hover, :host .cds--skeleton.cds--text-input:focus, :host .cds--skeleton.cds--text-input:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--skeleton.cds--text-input::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--skeleton.cds--text-input::before {\n    animation: none;\n  }\n}\n:host .cds--form--fluid .cds--text-input-wrapper {\n  position: relative;\n  background: var(--cds-field);\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--form--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--form--fluid .cds--form__helper-text {\n  display: none;\n}\n:host .cds--form--fluid .cds--text-input {\n  padding: 2rem 1rem 0.8125rem;\n  min-block-size: 4rem;\n}\n:host .cds--text-input__divider,\n:host .cds--form--fluid .cds--text-input__divider {\n  display: none;\n}\n:host .cds--form--fluid .cds--text-input--invalid,\n:host .cds--form--fluid .cds--text-input--warning {\n  border-block-end: none;\n}\n:host .cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,\n:host .cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {\n  display: block;\n  border-style: solid;\n  border-color: var(--cds-border-subtle);\n  margin: 0 1rem;\n  border-block-end: none;\n}\n:host .cds--form--fluid .cds--text-input__invalid-icon {\n  inset-block-start: 5rem;\n}\n:host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,\n:host .cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {\n  outline: none;\n}\n:host .cds--form--fluid .cds--text-input__field-wrapper--warning {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n    outline-style: dotted;\n  }\n}\n:host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,\n:host .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,\n  :host .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {\n    outline-style: dotted;\n  }\n}\n:host .cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,\n:host .cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {\n  outline: none;\n}\n:host .cds--text-input-wrapper.cds--text-input-wrapper--inline {\n  flex-flow: row wrap;\n}\n:host .cds--text-input-wrapper .cds--label--inline {\n  flex: 1;\n  margin: 0.8125rem 0 0 0;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n:host .cds--text-input-wrapper .cds--label--inline--sm {\n  margin-block-start: 0.5625rem;\n}\n:host .cds--text-input-wrapper .cds--label--inline--lg {\n  margin-block-start: 1.0625rem;\n}\n:host .cds--text-input__label-helper-wrapper {\n  flex: 2;\n  flex-direction: column;\n  margin-inline-end: 1.5rem;\n  max-inline-size: 8rem;\n  overflow-wrap: break-word;\n}\n:host .cds--text-input-wrapper .cds--form__helper-text--inline {\n  margin-block-start: 0.125rem;\n}\n:host .cds--text-input__field-outer-wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: flex-start;\n  inline-size: 100%;\n}\n:host .cds--text-input__field-outer-wrapper--inline {\n  flex: 8;\n  flex-direction: column;\n}\n:host .cds--text-input-wrapper--inline .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  font-weight: 400;\n  max-block-size: 12.5rem;\n}\n:host .cds--text-input-wrapper--inline--invalid .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--form--fluid .cds--text-input-wrapper--readonly,\n:host .cds--text-input-wrapper--readonly .cds--text-input {\n  background: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--text-input__field-wrapper .cds--slug {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: 1rem;\n  transform: translateY(-50%);\n}\n:host .cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n  padding-inline-end: 2.5rem;\n}\n:host .cds--text-input--invalid:has(~ .cds--slug),\n:host .cds--text-input--warning:has(~ .cds--slug) {\n  padding-inline-end: 4rem;\n}\n:host .cds--text-input--invalid ~ .cds--slug,\n:host .cds--text-input--warning ~ .cds--slug {\n  inset-inline-end: 2.5rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,\n  :host .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--text-input__label-wrapper {\n  display: flex;\n  justify-content: space-between;\n  inline-size: 100%;\n}\n:host .cds--text-input__label-wrapper .cds--text-input__label-counter {\n  align-self: end;\n}\n:host .cds--tag {\n  --cds-layout-size-height-xs: 1.125rem;\n  --cds-layout-size-height-sm: 1.125rem;\n  --cds-layout-size-height-md: 1.5rem;\n  --cds-layout-size-height-lg: 2rem;\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));\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  background-color: var(--cds-tag-background-gray, #e0e0e0);\n  color: var(--cds-tag-color-gray, #161616);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 1rem;\n  margin: 0.25rem;\n  cursor: default;\n  max-inline-size: 13rem;\n  min-block-size: var(--cds-layout-size-height-local);\n  min-inline-size: 2rem;\n  padding-inline: 0.5rem;\n  vertical-align: middle;\n  word-break: break-word;\n}\n:host .cds--layout--size-xs .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-xs);\n}\n:host .cds--layout--size-sm .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-sm);\n}\n:host .cds--layout--size-md .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-md);\n}\n:host .cds--layout--size-lg .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-lg);\n}\n:host .cds--tag.cds--tag--operational {\n  border: 1px solid var(--cds-tag-background-gray, #e0e0e0);\n}\n:host .cds--tag.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-gray, #d1d1d1);\n}\n:host .cds--tag .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-gray, #d1d1d1);\n}\n:host .cds--tag.cds--tag--lg {\n  padding-inline-start: 0.75rem;\n}\n:host .cds--tag:has(.cds--tag__custom-icon) {\n  padding-inline-start: 0.25rem;\n}\n:host .cds--tag.cds--tag--lg:not(.cds--tag--filter) {\n  padding-inline: 0.75rem;\n}\n:host .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--tag:not(.cds--tag--selectable) {\n  border: 0;\n}\n:host .cds--tag:not(:first-child) {\n  margin-inline-start: 0;\n}\n:host .cds--tag--operational > span,\n:host .cds--tag--selectable > span,\n:host .cds--tag__label {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--tag--interactive:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1px;\n}\n:host .cds--tag--filter {\n  padding-block: 0;\n  padding-inline-end: 0;\n}\n:host .cds--tag--filter:hover {\n  outline: none;\n}\n:host .cds--tag--selectable {\n  border: 1px solid var(--cds-border-inverse, #161616);\n  background-color: var(--cds-layer);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n}\n:host .cds--tag--selectable:hover {\n  background-color: var(--cds-layer-hover);\n  outline: none;\n}\n:host .cds--tag--selectable:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1px;\n}\n:host .cds--tag--selectable-selected {\n  background-color: var(--cds-layer-selected-inverse, #161616);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--tag--selectable-selected:hover {\n  background-color: var(--cds-layer-selected-inverse, #161616);\n}\n:host .cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);\n  background-color: var(--cds-tag-background-gray, #e0e0e0);\n  color: var(--cds-tag-color-gray, #161616);\n  cursor: pointer;\n}\n:host .cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-gray, #d1d1d1);\n  outline: none;\n}\n:host .cds--tag--operational:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1px;\n}\n:host .cds--tag--red {\n  background-color: var(--cds-tag-background-red, #ffd7d9);\n  color: var(--cds-tag-color-red, #750e13);\n}\n:host .cds--tag--red.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-red, #ff8389);\n}\n:host .cds--tag--red.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-red, #ffc2c5);\n}\n:host .cds--tag--red .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-red, #ffc2c5);\n}\n:host .cds--tag--magenta {\n  background-color: var(--cds-tag-background-magenta, #ffd6e8);\n  color: var(--cds-tag-color-magenta, #740937);\n}\n:host .cds--tag--magenta.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);\n}\n:host .cds--tag--magenta.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-magenta, #ffbdda);\n}\n:host .cds--tag--magenta .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-magenta, #ffbdda);\n}\n:host .cds--tag--purple {\n  background-color: var(--cds-tag-background-purple, #e8daff);\n  color: var(--cds-tag-color-purple, #491d8b);\n}\n:host .cds--tag--purple.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-purple, #be95ff);\n}\n:host .cds--tag--purple.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-purple, #dcc7ff);\n}\n:host .cds--tag--purple .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-purple, #dcc7ff);\n}\n:host .cds--tag--blue {\n  background-color: var(--cds-tag-background-blue, #d0e2ff);\n  color: var(--cds-tag-color-blue, #002d9c);\n}\n:host .cds--tag--blue.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-blue, #78a9ff);\n}\n:host .cds--tag--blue.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-blue, #b8d3ff);\n}\n:host .cds--tag--blue .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-blue, #b8d3ff);\n}\n:host .cds--tag--cyan {\n  background-color: var(--cds-tag-background-cyan, #bae6ff);\n  color: var(--cds-tag-color-cyan, #003a6d);\n}\n:host .cds--tag--cyan.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-cyan, #33b1ff);\n}\n:host .cds--tag--cyan.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-cyan, #99daff);\n}\n:host .cds--tag--cyan .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-cyan, #99daff);\n}\n:host .cds--tag--teal {\n  background-color: var(--cds-tag-background-teal, #9ef0f0);\n  color: var(--cds-tag-color-teal, #004144);\n}\n:host .cds--tag--teal.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-teal, #08bdba);\n}\n:host .cds--tag--teal.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-teal, #57e5e5);\n}\n:host .cds--tag--teal .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-teal, #57e5e5);\n}\n:host .cds--tag--green {\n  background-color: var(--cds-tag-background-green, #a7f0ba);\n  color: var(--cds-tag-color-green, #044317);\n}\n:host .cds--tag--green.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-green, #42be65);\n}\n:host .cds--tag--green.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-green, #74e792);\n}\n:host .cds--tag--green .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-green, #74e792);\n}\n:host .cds--tag--gray {\n  background-color: var(--cds-tag-background-gray, #e0e0e0);\n  color: var(--cds-tag-color-gray, #161616);\n}\n:host .cds--tag--gray.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);\n}\n:host .cds--tag--gray.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-gray, #d1d1d1);\n}\n:host .cds--tag--gray .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-gray, #d1d1d1);\n}\n:host .cds--tag--cool-gray {\n  background-color: var(--cds-tag-background-cool-gray, #dde1e6);\n  color: var(--cds-tag-color-cool-gray, #121619);\n}\n:host .cds--tag--cool-gray.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);\n}\n:host .cds--tag--cool-gray.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);\n}\n:host .cds--tag--cool-gray .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);\n}\n:host .cds--tag--warm-gray {\n  background-color: var(--cds-tag-background-warm-gray, #e5e0df);\n  color: var(--cds-tag-color-warm-gray, #171414);\n}\n:host .cds--tag--warm-gray.cds--tag--operational {\n  border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);\n}\n:host .cds--tag--warm-gray.cds--tag--operational:hover {\n  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);\n}\n:host .cds--tag--warm-gray .cds--tag__close-icon:hover {\n  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);\n}\n:host .cds--tag--high-contrast:not(.cds--tag--operational) {\n  background-color: var(--cds-background-inverse, #393939);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {\n  border: 1px solid var(--cds-background-inverse, #393939);\n}\n:host .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {\n  background-color: var(--cds-background-inverse-hover, #474747);\n}\n:host .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {\n  background-color: var(--cds-background-inverse-hover, #474747);\n}\n:host .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-primary, #161616);\n  outline: 1px solid var(--cds-background-inverse, #393939);\n  outline-offset: -1px;\n}\n:host .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {\n  border: 1px solid var(--cds-background, #ffffff);\n}\n:host .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--tag--disabled:not(.cds--tag--operational),\n:host .cds--tag--filter.cds--tag--disabled,\n:host .cds--tag--interactive.cds--tag--disabled {\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  box-shadow: none;\n  outline: none;\n}\n:host .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,\n:host .cds--tag--filter.cds--tag--disabled.cds--tag--operational,\n:host .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {\n  border: 1px solid var(--cds-layer);\n}\n:host .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,\n:host .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,\n:host .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {\n  background-color: var(--cds-layer);\n}\n:host .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,\n:host .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,\n:host .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {\n  background-color: var(--cds-layer);\n}\n:host .cds--tag--disabled:not(.cds--tag--operational):hover,\n:host .cds--tag--filter.cds--tag--disabled:hover,\n:host .cds--tag--interactive.cds--tag--disabled:hover {\n  cursor: not-allowed;\n}\n:host .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,\n:host .cds--tag--filter.cds--tag--disabled .cds--tag__label,\n:host .cds--tag--interactive.cds--tag--disabled .cds--tag__label {\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tag--selectable.cds--tag--disabled,\n:host .cds--tag--operational.cds--tag--disabled {\n  border: 1px solid var(--cds-border-disabled, #c6c6c6);\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tag--selectable.cds--tag--disabled:hover,\n:host .cds--tag--operational.cds--tag--disabled:hover {\n  background-color: var(--cds-layer);\n  cursor: not-allowed;\n}\n:host .cds--tag--interactive {\n  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--tag__close-icon {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  margin: 0 0 0 0.125rem;\n  background-color: transparent;\n  block-size: var(--cds-layout-size-height-local);\n  color: currentColor;\n  cursor: pointer;\n  inline-size: var(--cds-layout-size-height-local);\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tag__close-icon svg {\n  fill: currentColor;\n}\n:host .cds--tag__custom-icon {\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  block-size: 1rem;\n  color: currentColor;\n  inline-size: 1rem;\n  margin-inline-end: 0.25rem;\n  outline: none;\n}\n:host .cds--tag__custom-icon svg {\n  fill: currentColor;\n}\n:host .cds--tag--disabled .cds--tag__close-icon {\n  cursor: not-allowed;\n}\n:host .cds--tag__close-icon:focus {\n  z-index: 99999;\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--tag--high-contrast .cds--tag__close-icon:focus {\n  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);\n}\n:host .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {\n  background-color: transparent;\n}\n:host .cds--tag--filter.cds--tag--disabled svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tag--sm.cds--tag--filter {\n  padding-inline-end: 0;\n}\n:host .cds--tag--sm .cds--tag__close-icon {\n  margin-inline-start: 0.3125rem;\n}\n:host .cds--tag.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  background-color: var(--cds-skeleton-background, #e8e8e8);\n  color: var(--cds-text-primary, #161616);\n  overflow: hidden;\n  inline-size: 3.75rem;\n}\n:host .cds--tag.cds--skeleton:hover, :host .cds--tag.cds--skeleton:focus, :host .cds--tag.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--tag.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--tag.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--tag.cds--skeleton.cds--tag--operational {\n  border: 1px solid var(--cds-skeleton-background, #e8e8e8);\n}\n:host .cds--tag.cds--skeleton.cds--tag--operational:hover {\n  background-color: var(--cds-skeleton-background, #e8e8e8);\n}\n:host .cds--tag.cds--skeleton .cds--tag__close-icon:hover {\n  background-color: var(--cds-skeleton-background, #e8e8e8);\n}\n@media not all and (min-resolution >= 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    :host .cds--tag.cds--skeleton {\n      transform: translateZ(0);\n    }\n  }\n}\n:host .cds--tag .cds--slug .cds--slug__button--inline {\n  color: currentColor;\n  margin-inline-start: 0.0625rem;\n}\n:host .cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {\n  background-color: currentColor;\n}\n:host .cds--tag .cds--slug .cds--slug__button--inline:hover {\n  border-color: currentColor;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--tag {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--tag__close-icon svg,\n  :host .cds--tag__custom-icon svg {\n    fill: ButtonText;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--tag__close-icon:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n:host .cds--tag-label-tooltip {\n  max-inline-size: -webkit-fill-available;\n}\n:host .cds--tag__custom-icon + .cds--tag-label-tooltip {\n  max-inline-size: 11rem;\n}\n:host .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {\n  max-inline-size: 9.875rem;\n}\n:host .cds--interactive--tag-children {\n  display: inline-flex;\n  max-inline-size: 12.5rem;\n  place-items: center;\n}\n:host .cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {\n  max-inline-size: 11.5rem;\n}\n:host .cds--tag .cds--definition-term {\n  -webkit-border-after: none;\n  border-block-end: none;\n  cursor: default;\n  max-inline-size: 12rem;\n}\n:host .cds--tag .cds--tag__custom-icon + span > .cds--definition-term {\n  max-inline-size: 11rem;\n}\n:host .cds--tag > .cds--popover-container {\n  display: flex;\n}\n:host .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {\n  pointer-events: none;\n}\n:host .cds--list-box__wrapper--inline {\n  display: inline-grid;\n  align-items: center;\n  grid-gap: 0.25rem;\n  grid-template: auto auto/auto auto;\n}\n:host .cds--list-box__wrapper--inline .cds--label {\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--list-box__wrapper--inline .cds--label,\n:host .cds--list-box__wrapper--inline .cds--form__helper-text,\n:host .cds--list-box__wrapper--inline .cds--form-requirement {\n  margin: 0;\n}\n:host .cds--list-box__wrapper--inline .cds--form__helper-text {\n  max-inline-size: none;\n}\n:host .cds--list-box__wrapper--inline .cds--form-requirement {\n  grid-column: 2;\n}\n:host .cds--list-box {\n  position: relative;\n  border: none;\n  background-color: var(--cds-field);\n  block-size: 2.5rem;\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n  inline-size: 100%;\n  max-block-size: 2.5rem;\n  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--list-box html {\n  font-size: 100%;\n}\n:host .cds--list-box body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--list-box code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--list-box strong {\n  font-weight: 600;\n}\n:host .cds--list-box:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--list-box--lg {\n  block-size: 3rem;\n  max-block-size: 3rem;\n}\n:host .cds--list-box--sm {\n  block-size: 2rem;\n  max-block-size: 2rem;\n}\n:host .cds--list-box--expanded {\n  border-block-end-color: var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds--layer-two .cds--list-box--expanded {\n  border-block-end-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--layer-three .cds--list-box--expanded {\n  border-block-end-color: var(--cds-border-subtle-03, #c6c6c6);\n}\n:host .cds--list-box--expanded:hover {\n  background-color: var(--cds-field);\n}\n:host .cds--list-box--expanded:hover.cds--list-box--light:hover {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--list-box .cds--text-input {\n  block-size: 100%;\n  min-inline-size: 0;\n}\n:host .cds--list-box__invalid-icon {\n  position: absolute;\n  fill: var(--cds-support-error, #da1e28);\n  inset-block-start: 50%;\n  inset-inline-end: 2.5rem;\n  transform: translateY(-50%);\n}\n:host .cds--list-box__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--list-box__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--list-box[data-invalid] .cds--list-box__field,\n:host .cds--list-box.cds--list-box--warning .cds--list-box__field {\n  border-block-end: 0;\n  padding-inline-end: 4rem;\n}\n:host .cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field,\n:host .cds--list-box.cds--list-box--warning.cds--list-box--inline .cds--list-box__field {\n  padding-inline-end: 3.5rem;\n}\n:host .cds--list-box--light {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--list-box--light:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--list-box--light .cds--list-box__menu {\n  background: var(--cds-layer);\n}\n:host .cds--list-box--light .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle);\n}\n:host .cds--list-box--light.cds--list-box--expanded {\n  border-block-end-color: transparent;\n}\n:host .cds--list-box--disabled:hover {\n  background-color: var(--cds-field);\n}\n:host .cds--list-box--light.cds--list-box--disabled {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--list-box--disabled,\n:host .cds--list-box--disabled .cds--list-box__field,\n:host .cds--list-box--disabled .cds--list-box__field:focus {\n  border-block-end-color: transparent;\n  outline: none;\n}\n:host .cds--list-box--disabled .cds--list-box__label,\n:host .cds--list-box--disabled.cds--list-box--inline .cds--list-box__label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box--disabled .cds--list-box__menu-icon > svg,\n:host .cds--list-box--disabled .cds--list-box__selection > svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box--disabled,\n:host .cds--list-box--disabled .cds--list-box__field,\n:host .cds--list-box--disabled .cds--list-box__menu-icon {\n  cursor: not-allowed;\n}\n:host .cds--list-box--disabled .cds--list-box__menu-item,\n:host .cds--list-box--disabled .cds--list-box__menu-item:hover,\n:host .cds--list-box--disabled .cds--list-box__menu-item--highlighted {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  text-decoration: none;\n}\n:host .cds--list-box--disabled .cds--list-box__selection:hover {\n  cursor: not-allowed;\n}\n:host .cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field {\n  padding-inline-end: 3rem;\n}\n:host .cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field {\n  padding-inline-end: 2rem;\n}\n:host .cds--list-box.cds--list-box--inline {\n  border-width: 0;\n  background-color: transparent;\n}\n:host .cds--list-box.cds--list-box--inline:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--list-box.cds--list-box--inline.cds--list-box--expanded {\n  border-block-end-width: 0;\n}\n:host .cds--list-box.cds--list-box--inline.cds--list-box--expanded .cds--list-box__field[aria-expanded=true] {\n  border-width: 0;\n}\n:host .cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover,\n:host .cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover {\n  background-color: transparent;\n}\n:host .cds--list-box.cds--list-box--inline .cds--list-box__field {\n  padding: 0 2rem 0 0.5rem;\n}\n:host .cds--list-box.cds--list-box--inline .cds--list-box__menu-icon {\n  inset-inline-end: 0.5rem;\n}\n:host .cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon {\n  inset-inline-end: 2rem;\n}\n:host .cds--list-box--inline .cds--list-box__label {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list-box--inline .cds--list-box__field {\n  block-size: 100%;\n}\n:host .cds--dropdown--inline .cds--list-box__field {\n  max-inline-size: 30rem;\n}\n:host .cds--dropdown--inline .cds--list-box__menu {\n  max-inline-size: 30rem;\n  min-inline-size: 18rem;\n}\n:host .cds--list-box__field {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  position: relative;\n  display: inline-flex;\n  overflow: hidden;\n  align-items: center;\n  block-size: calc(100% + 1px);\n  cursor: pointer;\n  outline: none;\n  padding-block: 0;\n  padding-inline: 1rem 3rem;\n  text-overflow: ellipsis;\n  vertical-align: top;\n  white-space: nowrap;\n}\n:host .cds--list-box__field *,\n:host .cds--list-box__field *::before,\n:host .cds--list-box__field *::after {\n  box-sizing: inherit;\n}\n:host .cds--list-box__field::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--list-box__field:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__field:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__field[disabled] {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline: none;\n}\n:host .cds--list-box__field .cds--text-input {\n  padding-inline-end: 5rem;\n}\n:host .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,\n:host .cds--list-box--warning .cds--list-box__field .cds--text-input {\n  padding-inline-end: 6.5625rem;\n}\n:host .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,\n:host .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {\n  inset-inline-end: 5.125rem;\n}\n:host .cds--list-box__field .cds--text-input--empty {\n  padding-inline-end: 3rem;\n}\n:host .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,\n:host .cds--list-box--warning .cds--list-box__field .cds--text-input--empty {\n  padding-inline-end: 4rem;\n}\n:host .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon,\n:host .cds--list-box--warning .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--list-box__label {\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  overflow: hidden;\n  color: var(--cds-text-primary, #161616);\n  text-overflow: ellipsis;\n  user-select: none;\n  white-space: nowrap;\n}\n:host .cds--list-box__menu-icon {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 1.5rem;\n  cursor: pointer;\n  inline-size: 1.5rem;\n  inset-inline-end: 0.75rem;\n  outline: none;\n  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--list-box__menu-icon *,\n:host .cds--list-box__menu-icon *::before,\n:host .cds--list-box__menu-icon *::after {\n  box-sizing: inherit;\n}\n:host .cds--list-box__menu-icon::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--list-box__menu-icon > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--list-box__menu-icon--open {\n  justify-content: center;\n  inline-size: 1.5rem;\n  transform: rotate(180deg);\n}\n:host .cds--list-box__selection {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 1.5rem;\n  cursor: pointer;\n  inline-size: 1.5rem;\n  inset-block-start: 50%;\n  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */\n  inset-inline-end: 2.8125rem;\n  transform: translateY(-50%);\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  user-select: none;\n}\n:host .cds--list-box__selection *,\n:host .cds--list-box__selection *::before,\n:host .cds--list-box__selection *::after {\n  box-sizing: inherit;\n}\n:host .cds--list-box__selection::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--list-box__selection:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__selection:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__selection:focus:hover {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__selection:focus:hover {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__selection > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--list-box--disabled .cds--list-box__selection:focus {\n  outline: none;\n}\n:host .cds--list-box__selection--multi {\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  position: static;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5rem;\n  border-radius: 0.75rem;\n  background-color: var(--cds-background-inverse, #393939);\n  block-size: 1.5rem;\n  color: var(--cds-text-inverse, #ffffff);\n  inline-size: auto;\n  inset-block-start: auto;\n  line-height: 0;\n  margin-inline-end: 0.625rem;\n  padding-inline-end: 0.125rem;\n  transform: none;\n}\n:host .cds--list-box__selection--multi > svg {\n  padding: 0.125rem;\n  block-size: 1.25rem;\n  fill: var(--cds-icon-inverse, #ffffff);\n  inline-size: 1.25rem;\n  margin-inline-start: 0.25rem;\n}\n:host .cds--list-box__selection--multi > svg:hover {\n  border-radius: 50%;\n  background-color: var(--cds-button-secondary-hover, #474747);\n}\n:host .cds--list-box--disabled .cds--list-box__selection--multi {\n  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  color: var(--cds-layer);\n}\n:host .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {\n  border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {\n  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {\n  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box--disabled .cds--list-box__selection--multi > svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box--disabled .cds--list-box__selection--multi > svg:hover {\n  background-color: initial;\n}\n:host .cds--list-box__selection--multi:hover {\n  outline: none;\n}\n:host .cds--list-box__menu {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  position: absolute;\n  z-index: 9100;\n  display: none;\n  background-color: var(--cds-layer);\n  inline-size: 100%;\n  inset-inline: 0 0;\n  overflow-y: auto;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--list-box__menu:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__menu:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {\n  display: none;\n  max-block-size: 0;\n  visibility: hidden;\n}\n:host .cds--list-box--expanded .cds--list-box__menu {\n  display: block;\n  max-block-size: 13.75rem;\n}\n:host .cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu {\n  max-block-size: 16.5rem;\n}\n:host .cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu {\n  max-block-size: 11rem;\n}\n:host .cds--list-box__menu-item {\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  block-size: 2.5rem;\n  color: var(--cds-text-secondary, #525252);\n  cursor: pointer;\n  transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  user-select: none;\n}\n:host .cds--list-box__menu-item:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--list-box__menu-item:active {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--list-box--light .cds--list-box__menu-item:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--list-box--sm .cds--list-box__menu-item {\n  block-size: 2rem;\n}\n:host .cds--list-box--lg .cds--list-box__menu-item {\n  block-size: 3rem;\n}\n:host .cds--list-box--disabled .cds--list-box__menu-item:hover {\n  background-color: transparent;\n}\n:host .cds--list-box--light .cds--list-box__menu-item:active {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--list-box--disabled .cds--list-box__menu-item__option:hover {\n  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover {\n  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover {\n  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);\n}\n:host .cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n:host .cds--list-box__menu-item:hover .cds--list-box__menu-item__option {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);\n}\n:host .cds--layer-two .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--layer-three .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);\n}\n:host .cds--list-box__menu-item__option {\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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  overflow: hidden;\n  padding: 0.6875rem 0;\n  margin: 0 1rem;\n  block-size: 2.5rem;\n  border-block-end: 1px solid transparent;\n  border-block-start: 1px solid transparent;\n  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);\n  color: var(--cds-text-secondary, #525252);\n  font-weight: normal;\n  line-height: 1rem;\n  padding-inline-end: 1.5rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  white-space: nowrap;\n}\n:host .cds--list-box__menu-item__option *,\n:host .cds--list-box__menu-item__option *::before,\n:host .cds--list-box__menu-item__option *::after {\n  box-sizing: inherit;\n}\n:host .cds--list-box__menu-item__option:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  padding: 0.6875rem 1rem;\n  border-color: transparent;\n  margin: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__menu-item__option:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__menu-item__option:hover {\n  border-color: transparent;\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list-box--sm .cds--list-box__menu-item__option {\n  block-size: 2rem;\n  padding-block: 0.4375rem 0.4375rem;\n}\n:host .cds--list-box--lg .cds--list-box__menu-item__option {\n  block-size: 3rem;\n  padding-block: 0.9375rem 0.9375rem;\n}\n:host .cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,\n:host .cds--list-box--disabled .cds--list-box__menu-item__option {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box__menu-item[disabled],\n:host .cds--list-box__menu-item[disabled] *,\n:host .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n:host .cds--list-box__menu-item[disabled]:hover {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  outline: none;\n}\n:host .cds--list-box__menu-item[disabled]:hover {\n  background-color: revert;\n}\n:host .cds--list-box__menu-item[disabled] .cds--checkbox-label::before {\n  border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n:host .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds--layer-two .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n:host .cds--layer-two .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--layer-three .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n:host .cds--layer-three .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);\n}\n:host .cds--list-box__menu-item--active + .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,\n:host .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n:host .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {\n  margin: 0 0.5rem;\n}\n:host .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {\n  margin: 0;\n  padding-inline: 0.5rem 0.5rem;\n}\n:host .cds--list-box__menu-item--highlighted {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  color: var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__menu-item--highlighted {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,\n:host .cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .cds--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n:host .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list-box__menu-item--active {\n  background-color: var(--cds-layer-selected);\n  border-block-end-color: var(--cds-layer-selected);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list-box--light .cds--list-box__menu-item--active {\n  background-color: var(--cds-layer-selected);\n  border-block-end-color: var(--cds-layer-selected);\n}\n:host .cds--list-box__menu-item--active:hover {\n  background-color: var(--cds-layer-selected-hover);\n  border-block-end-color: var(--cds-layer-selected-hover);\n}\n:host .cds--list-box__menu-item--active .cds--list-box__menu-item__option {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list-box__menu-item--active + .cds--list-box__menu-item > .cds--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n:host .cds--list-box__menu-item__selected-icon {\n  position: absolute;\n  display: none;\n  fill: var(--cds-icon-primary, #161616);\n  inset-block-start: 50%;\n  inset-inline-end: 1rem;\n  transform: translateY(-50%);\n}\n:host .cds--list-box--inline .cds--list-box__menu-item__selected-icon {\n  inset-inline-end: 0.5rem;\n}\n:host .cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon {\n  display: block;\n}\n:host .cds--list-box__menu-item .cds--checkbox-label {\n  inline-size: 100%;\n}\n:host .cds--list-box__menu-item .cds--checkbox-label-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--list-box--up .cds--list-box__menu {\n  inset-block-end: 2.5rem;\n}\n:host .cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,\n:host .cds--list-box--up.cds--list-box--sm .cds--list-box__menu,\n:host .cds--list-box--up .cds--list-box--sm .cds--list-box__menu {\n  inset-block-end: 2rem;\n}\n:host .cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,\n:host .cds--list-box--up.cds--list-box--lg .cds--list-box__menu,\n:host .cds--list-box--up .cds--list-box--lg .cds--list-box__menu {\n  inset-block-end: 3rem;\n}\n:host .cds--list-box input[role=combobox],\n:host .cds--list-box input[type=text] {\n  background-color: inherit;\n  min-inline-size: 0;\n  text-overflow: ellipsis;\n}\n:host .cds--list-box__wrapper--slug .cds--slug {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: calc(2.5rem + 9px);\n  margin-block-start: 0.03125rem;\n  transform: translateY(-50%);\n}\n:host .cds--list-box__wrapper--slug .cds--slug::after,\n:host .cds--list-box__wrapper--slug .cds--slug::before {\n  position: absolute;\n  background-color: var(--cds-border-subtle-01, #c6c6c6);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n}\n:host .cds--list-box__wrapper--slug .cds--slug::before {\n  display: none;\n  inset-inline-start: -0.5625rem;\n}\n:host .cds--list-box__wrapper--slug .cds--slug::after {\n  display: block;\n  inset-inline-end: -0.5625rem;\n}\n:host .cds--list-box__wrapper--slug .cds--slug--revert::after {\n  inset-block-start: 0.5rem;\n  inset-inline-end: -0.0625rem;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n}\n:host .cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {\n  border-block-end-color: transparent;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box__field,\n:host .cds--list-box__wrapper--slug .cds--text-input--empty {\n  padding-inline-end: 4rem;\n}\n:host .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {\n  padding-inline-end: 6rem;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {\n  padding-inline-end: 6rem;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {\n  padding-inline-end: 8.8125rem;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {\n  inset-inline-end: 5.1875rem;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {\n  display: block;\n}\n:host .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {\n  inset-inline-end: calc(4rem + 18px);\n}\n:host .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {\n  inset-inline-end: 7.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--list-box__field,\n  :host .cds--list-box__menu,\n  :host .cds--multi-select .cds--tag--filter {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--list-box__field:focus,\n  :host .cds--multi-select .cds--tag__close-icon:focus,\n  :host .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--list-box__menu-icon > svg,\n  :host .cds--list-box__selection > svg,\n  :host .cds--list-box__selection--multi > svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {\n  position: absolute;\n  background-color: var(--cds-border-subtle-01, #c6c6c6);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  margin-inline-start: 2.0625rem;\n}\n:host .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,\n:host .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {\n  position: absolute;\n  background-color: var(--cds-border-subtle-01, #c6c6c6);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  margin-inline-end: 2.0625rem;\n}\n:host .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {\n  inset-inline-end: 0.75rem;\n}\n:host .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {\n  inset-inline-end: 0.75rem;\n}\n:host .cds--combo-box:hover {\n  background-color: var(--cds-field);\n}\n:host .cds--combo-box.cds--list-box--light:hover {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--combo-box .cds--text-input::-ms-clear {\n  display: none;\n}\n:host .cds--combo-box.cds--list-box--expanded .cds--text-input {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--combo-box--input--focus.cds--text-input {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--combo-box--input--focus.cds--text-input {\n    outline-style: dotted;\n  }\n}\n:host .cds--combo-box.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=\"\"])) .cds--combo-box--input--focus.cds--text-input {\n  outline-offset: -0.0625rem;\n  outline-width: 0.0625rem;\n}\n:host .cds--combo-box .cds--list-box__field,\n:host .cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,\n:host .cds--combo-box.cds--list-box--warning .cds--list-box__field,\n:host .cds--combo-box.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field,\n:host .cds--combo-box.cds--list-box--disabled.cds--list-box--warning .cds--list-box__field {\n  padding: 0;\n}\n:host .cds--combo-box--readonly,\n:host .cds--combo-box--readonly:hover {\n  background-color: transparent;\n}\n:host .cds--combo-box--readonly .cds--text-input {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--combo-box--readonly .cds--list-box__menu-icon,\n:host .cds--combo-box--readonly .cds--list-box__selection {\n  cursor: default;\n}\n:host .cds--combo-box--readonly .cds--list-box__menu-icon svg,\n:host .cds--combo-box--readonly .cds--list-box__selection svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--menu {\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  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  position: fixed;\n  z-index: 9000;\n  padding: 0.25rem 0;\n  background-color: var(--cds-layer);\n  max-inline-size: 18rem;\n  min-inline-size: 10rem;\n  opacity: 0;\n  overflow-y: auto;\n  visibility: hidden;\n}\n:host .cds--menu *,\n:host .cds--menu *::before,\n:host .cds--menu *::after {\n  box-sizing: inherit;\n}\n:host .cds--menu--with-icons {\n  min-inline-size: 12rem;\n}\n:host .cds--menu--open {\n  visibility: visible;\n}\n:host .cds--menu--open:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--menu--open:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--menu:not(.cds--menu--open) .cds--menu--open {\n  visibility: hidden;\n}\n:host .cds--menu--shown {\n  opacity: 1;\n}\n:host .cds--menu-item {\n  font-size: var(--cds-body-short-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-short-01-font-weight, 400);\n  line-height: var(--cds-body-short-01-line-height, 1.28572);\n  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n  display: grid;\n  align-items: center;\n  block-size: 2rem;\n  color: var(--cds-text-secondary, #525252);\n  column-gap: 0.5rem;\n  cursor: pointer;\n  grid-template-columns: 1fr max-content;\n  padding-inline: 1rem;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--menu-item:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--menu-item:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--menu-item:hover {\n  background-color: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--menu--xs .cds--menu-item {\n  block-size: 1.5rem;\n}\n:host .cds--menu--sm .cds--menu-item {\n  block-size: 2rem;\n}\n:host .cds--menu--md .cds--menu-item {\n  block-size: 2.5rem;\n}\n:host .cds--menu--lg .cds--menu-item {\n  block-size: 3rem;\n}\n:host .cds--menu-item__icon {\n  display: none;\n}\n:host .cds--menu--with-icons .cds--menu-item__icon {\n  display: flex;\n}\n:host .cds--menu-item__label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--menu-item__shortcut {\n  display: flex;\n}\n:host .cds--menu-item-group > ul,\n:host .cds--menu-item-radio-group > ul {\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--menu-item-group > ul *,\n:host .cds--menu-item-group > ul *::before,\n:host .cds--menu-item-group > ul *::after,\n:host .cds--menu-item-radio-group > ul *,\n:host .cds--menu-item-radio-group > ul *::before,\n:host .cds--menu-item-radio-group > ul *::after {\n  box-sizing: inherit;\n}\n:host .cds--menu--with-icons > .cds--menu-item,\n:host .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,\n:host .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {\n  grid-template-columns: 1rem 1fr max-content;\n}\n:host .cds--menu-item--disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--menu-item--disabled:hover,\n:host .cds--menu-item--disabled.cds--menu-item--danger:hover {\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--menu-item--danger:focus,\n:host .cds--menu-item--danger:hover {\n  background-color: var(--cds-button-danger-primary, #da1e28);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .cds--menu-item-divider {\n  display: block;\n  background-color: var(--cds-border-subtle);\n  block-size: 0.0625rem;\n  inline-size: 100%;\n  margin-block: 0.25rem;\n}\n:host .cds--combo-button__container {\n  display: inline-flex;\n  column-gap: 0.0625rem;\n}\n:host .cds--combo-button__container--sm .cds--combo-button__primary-action {\n  min-inline-size: 7.9375rem;\n}\n:host .cds--combo-button__container--md .cds--combo-button__primary-action {\n  min-inline-size: 7.4375rem;\n}\n:host .cds--combo-button__container--lg .cds--combo-button__primary-action {\n  min-inline-size: 6.9375rem;\n}\n:host .cds--combo-button__primary-action .cds--btn {\n  inline-size: 100%;\n  max-inline-size: 14.9375rem;\n  min-inline-size: 6.9375rem;\n}\n:host .cds--combo-button__primary-action button {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--combo-button__trigger svg {\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--combo-button__container--open .cds--combo-button__trigger svg {\n  transform: rotate(180deg);\n}\n:host .cds--combo-button__top {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));\n}\n:host .cds--combo-button__top-start {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));\n}\n:host .cds--combo-button__top-end {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));\n}\n:host .cds--contained-list {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));\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}\n:host .cds--contained-list .cds--tag {\n  --cds-layout-size-height-xs: 1.125rem;\n  --cds-layout-size-height-sm: 1.125rem;\n  --cds-layout-size-height-md: 1.5rem;\n  --cds-layout-size-height-lg: 1.5rem;\n  --cds-layout-size-height-xl: 1.5rem;\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));\n}\n:host .cds--layout--size-xs .cds--contained-list .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-xs);\n}\n:host .cds--layout--size-sm .cds--contained-list .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-sm);\n}\n:host .cds--layout--size-md .cds--contained-list .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-md);\n}\n:host .cds--layout--size-lg .cds--contained-list .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-lg);\n}\n:host .cds--layout--size-xl .cds--contained-list .cds--tag {\n  --cds-layout-size-height: var(--cds-layout-size-height-xl);\n}\n:host .cds--contained-list > ul {\n  padding: 0;\n  margin: 0;\n}\n:host .cds--contained-list__header {\n  position: sticky;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  inset-block-start: 0;\n  padding-inline: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--contained-list__label {\n  inline-size: 100%;\n}\n:host .cds--contained-list .cds--search {\n  position: sticky;\n  z-index: 1;\n  inset-block-start: var(--cds-layout-size-height-local);\n}\n:host .cds--contained-list .cds--search.cds--search--expandable .cds--search-input {\n  background-color: var(--cds-field);\n}\n:host .cds--contained-list .cds--search .cds--search-input {\n  background-color: var(--cds-background, #ffffff);\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--contained-list .cds--search .cds--search-close::before {\n  display: none;\n}\n:host .cds--contained-list .cds--search .cds--search-close {\n  border-inline-end: 2px solid transparent;\n  outline: none;\n}\n:host .cds--contained-list .cds--search .cds--search-close:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--contained-list .cds--search .cds--search-close:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--contained-list .cds--search .cds--search-input ~ .cds--search-close:hover {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--contained-list .cds--search .cds--search-input:focus ~ .cds--search-close:hover {\n  border: 2px solid var(--cds-focus, #0f62fe);\n  border-inline-start: 0;\n  outline: none;\n}\n:host .cds--contained-list--on-page + .cds--contained-list--on-page {\n  margin-block-start: 1rem;\n}\n:host .cds--contained-list--on-page .cds--contained-list__header {\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  background-color: var(--cds-background, #ffffff);\n  block-size: var(--cds-layout-size-height-local);\n  border-block-end: 1px solid var(--cds-border-subtle);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--layer-two .cds--contained-list--on-page .cds--contained-list__header {\n  background-color: var(--cds-layer-01, #f4f4f4);\n}\n:host .cds--layer-three .cds--contained-list--on-page .cds--contained-list__header {\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .cds--contained-list--disclosed .cds--contained-list__header {\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  background-color: var(--cds-layer);\n  block-size: 2rem;\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--contained-list-item {\n  position: relative;\n  display: list-item;\n  list-style: none;\n}\n:host .cds--contained-list-item:not(:first-of-type) {\n  margin-block-start: -1px;\n}\n:host .cds--contained-list-item__content {\n  box-sizing: border-box;\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  text-align: start;\n  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content *,\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content *::before,\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content *::after {\n  box-sizing: inherit;\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--contained-list-item__content,\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content {\n  --temp-1lh: (\n    var(--cds-body-01-line-height, 1.42857) * 1em\n  );\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: calc((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2) var(--cds-layout-density-padding-inline-local);\n  color: var(--cds-text-primary, #161616);\n  min-block-size: var(--cds-layout-size-height-local);\n}\n:host .cds--contained-list-item:not(:last-of-type)::before {\n  position: absolute;\n  background-color: var(--cds-border-subtle);\n  block-size: 1px;\n  content: \"\";\n  inset-block-end: 0;\n  inset-inline: 0 0;\n}\n:host .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {\n  inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):active {\n  background-color: var(--cds-layer-active);\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content:disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content:focus {\n  outline: none;\n}\n:host .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  position: absolute;\n  content: \"\";\n  inset: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {\n    outline-style: dotted;\n  }\n}\n:host .cds--contained-list-item--with-action .cds--contained-list-item__content {\n  padding-inline-end: 4rem;\n}\n:host .cds--contained-list__action,\n:host .cds--contained-list-item__action {\n  position: absolute;\n  display: flex;\n  justify-content: flex-end;\n  inset-block-start: 0;\n  inset-inline: 0 0;\n  pointer-events: none;\n}\n:host .cds--contained-list__action > *,\n:host .cds--contained-list-item__action > * {\n  pointer-events: all;\n}\n:host .cds--contained-list-item--with-icon .cds--contained-list-item__content {\n  display: grid;\n  column-gap: 0.75rem;\n  grid-template-columns: 1rem 1fr;\n}\n:host .cds--contained-list-item__icon {\n  display: inline-flex;\n  padding-block-start: 0.125rem;\n}\n:host .cds--content-switcher {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));\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  display: flex;\n  justify-content: space-evenly;\n  block-size: var(--cds-layout-size-height-local);\n  inline-size: 100%;\n}\n:host .cds--content-switcher-btn {\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\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  overflow: hidden;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);\n  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);\n  color: var(--cds-text-secondary, #525252);\n  text-align: start;\n  text-decoration: none;\n  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  white-space: nowrap;\n}\n:host .cds--content-switcher-btn html {\n  font-size: 100%;\n}\n:host .cds--content-switcher-btn body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--content-switcher-btn code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--content-switcher-btn strong {\n  font-weight: 600;\n}\n:host .cds--content-switcher-btn::after {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-layer-selected-inverse, #161616);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  transform: scaleY(0);\n  transform-origin: bottom;\n  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--content-switcher-btn::after {\n    transition: none;\n  }\n}\n:host .cds--content-switcher-btn:disabled::after {\n  display: none;\n}\n:host .cds--content-switcher-btn:focus {\n  z-index: 3;\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);\n}\n:host .cds--content-switcher-btn:focus::after {\n  clip-path: inset(3px 3px 3px 3px);\n}\n:host .cds--content-switcher-btn:hover {\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n}\n:host .cds--content-switcher-btn:hover, :host .cds--content-switcher-btn:active {\n  z-index: 3;\n  background-color: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--content-switcher-btn:disabled {\n  border-color: var(--cds-border-disabled, #c6c6c6);\n  background-color: transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--content-switcher-btn:disabled:hover {\n  cursor: not-allowed;\n}\n:host .cds--content-switcher-btn:disabled:first-child, :host .cds--content-switcher-btn:disabled:last-child {\n  border-color: var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {\n  align-items: center;\n  padding: 0.5rem var(--cds-layout-density-padding-inline-local);\n  inline-size: 100%;\n}\n:host .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {\n  border-end-start-radius: 0.25rem;\n  border-inline-start: 0.0625rem solid var(--cds-border-inverse, #161616);\n  border-start-start-radius: 0.25rem;\n}\n:host .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child:disabled {\n  border-color: var(--cds-border-disabled, #c6c6c6);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {\n  border-end-end-radius: 0.25rem;\n  border-inline-end: 0.0625rem solid var(--cds-border-inverse, #161616);\n  border-start-end-radius: 0.25rem;\n}\n:host .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child:disabled {\n  border-color: var(--cds-border-disabled, #c6c6c6);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected,\n:host .cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child,\n:host .cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child {\n  border: 0;\n}\n:host .cds--content-switcher-btn::before {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  background-color: var(--cds-border-subtle);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  inset-inline-start: 0;\n}\n:host .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-of-type::before {\n  display: none;\n}\n:host .cds--content-switcher-btn:focus::before,\n:host .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,\n:host .cds--content-switcher-btn:hover::before,\n:host .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,\n:host .cds--content-switcher--selected::before,\n:host .cds--content-switcher--selected + .cds--content-switcher-btn::before {\n  background-color: transparent;\n}\n:host .cds--content-switcher-btn:disabled::before,\n:host .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn:disabled::before {\n  background-color: var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--content-switcher-btn.cds--content-switcher--selected:disabled + .cds--content-switcher-btn::before,\n:host .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover + .cds--content-switcher-btn::before {\n  background-color: transparent;\n}\n:host .cds--content-switcher__icon {\n  fill: var(--cds-icon-secondary, #525252);\n  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--content-switcher__icon + span {\n  margin-inline-start: 0.5rem;\n}\n:host .cds--content-switcher__label {\n  z-index: 1;\n  overflow: hidden;\n  max-inline-size: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--content-switcher-btn:hover .cds--content-switcher__icon,\n:host .cds--content-switcher-btn:focus .cds--content-switcher__icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--content-switcher-btn.cds--content-switcher--selected {\n  z-index: 3;\n  background-color: var(--cds-layer-selected-inverse, #161616);\n  color: var(--cds-text-inverse, #ffffff);\n}\n:host .cds--content-switcher-btn.cds--content-switcher--selected:disabled {\n  background-color: var(--cds-layer-selected-disabled, #8d8d8d);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--content-switcher-btn.cds--content-switcher--selected::after {\n  transform: scaleY(1);\n}\n:host .cds--content-switcher-btn.cds--content-switcher--selected .cds--content-switcher__icon {\n  fill: var(--cds-icon-inverse, #ffffff);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--content-switcher-btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n:host .cds--content-switcher--icon-only {\n  justify-content: flex-start;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {\n  border-end-start-radius: 0.25rem;\n  border-inline-start: 0.0625rem solid var(--cds-border-inverse, #161616);\n  border-start-start-radius: 0.25rem;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher--selected[disabled],\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher--selected[disabled] {\n  border-color: var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {\n  border-end-end-radius: 0.25rem;\n  border-inline-end: 0.0625rem solid var(--cds-border-inverse, #161616);\n  border-start-end-radius: 0.25rem;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn.cds--content-switcher--selected,\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn.cds--content-switcher--selected {\n  border-color: var(--cds-background, #ffffff);\n}\n:host .cds--content-switcher--lg .cds--content-switcher-btn {\n  padding-inline: 0.875rem 0.875rem;\n}\n:host .cds--content-switcher--lg .cds--content-switcher-btn svg {\n  block-size: 20px;\n  inline-size: 20px;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-btn svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {\n  z-index: 1;\n  fill: var(--cds-icon-inverse, #ffffff);\n}\n:host .cds--content-switcher--icon-only.cds--content-switcher--sm .cds--btn--sm {\n  block-size: 2rem;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-of-type .cds--content-switcher-btn::before {\n  display: none;\n}\n:host .cds--content-switcher-btn:focus::before,\n:host .cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,\n:host .cds--content-switcher-btn:hover::before,\n:host .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,\n:host .cds--content-switcher--selected::before,\n:host .cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {\n  background-color: transparent;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] {\n  border-color: var(--cds-border-inverse, #161616);\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:not(.cds--content-switcher--selected):hover,\n:host .cds--content-switcher--icon-only .cds--content-switcher-popover--selected + .cds--content-switcher-popover--disabled .cds--content-switcher-btn[disabled]:hover::before {\n  background-color: transparent;\n}\n:host .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:hover::before {\n  background-color: var(--cds-border-subtle);\n}\n:host .cds--radio-button-group {\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  position: relative;\n  display: flex;\n  align-items: center;\n}\n:host .cds--radio-button-group *,\n:host .cds--radio-button-group *::before,\n:host .cds--radio-button-group *::after {\n  box-sizing: inherit;\n}\n:host .cds--label + .cds--form-item .cds--radio-button-group {\n  margin-block-start: 0;\n}\n:host .cds--radio-button-group--vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n:host .cds--radio-button-group--vertical.cds--radio-button-group--label-left {\n  align-items: flex-end;\n}\n:host .cds--radio-button-group--vertical .cds--radio-button__label {\n  margin-inline-end: 0;\n}\n:host .cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type) {\n  margin-block-end: 0.5rem;\n}\n:host .cds--radio-button {\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  margin-block-start: 0.9rem;\n  margin-inline-start: 0.63rem;\n  visibility: inherit;\n}\n:host .cds--radio-button__label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  margin-inline-end: 1rem;\n}\n:host .cds--radio-button__label-text {\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  flex: 1;\n}\n:host .cds--radio-button__appearance {\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  flex-shrink: 0;\n  border: 1px solid var(--cds-icon-primary, #161616);\n  border-radius: 50%;\n  background-color: transparent;\n  block-size: 1.125rem;\n  inline-size: 1.125rem;\n  margin-block: 0.0625rem 0.125rem;\n  margin-inline: 0.125rem 0.625rem;\n}\n:host .cds--radio-button__appearance *,\n:host .cds--radio-button__appearance *::before,\n:host .cds--radio-button__appearance *::after {\n  box-sizing: inherit;\n}\n:host .cds--radio-button-group--vertical .cds--radio-button__appearance {\n  margin-block: 0;\n}\n:host .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-color: var(--cds-icon-primary, #161616);\n}\n:host .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {\n  position: relative;\n  display: inline-block;\n  border-radius: 50%;\n  background-color: var(--cds-icon-primary, #161616);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  transform: scale(0.5);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {\n    fill: ButtonText;\n    background-color: ButtonText;\n  }\n}\n@media print {\n  :host .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {\n    print-color-adjust: exact;\n  }\n}\n:host .cds--radio-button:disabled + .cds--radio-button__label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--radio-button:disabled + .cds--radio-button__label .cds--radio-button__appearance,\n:host .cds--radio-button:disabled:checked + .cds--radio-button__label .cds--radio-button__appearance {\n  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--radio-button:disabled + .cds--radio-button__label .cds--radio-button__appearance::before,\n:host .cds--radio-button:disabled:checked + .cds--radio-button__label .cds--radio-button__appearance::before {\n  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--radio-button-group--readonly .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {\n  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--radio-button-group--readonly .cds--radio-button__label {\n  cursor: default;\n}\n:host .cds--radio-button-group--readonly .cds--radio-button__label-text {\n  cursor: text;\n  user-select: text;\n}\n:host .cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {\n  border-color: var(--cds-support-error, #da1e28);\n}\n:host .cds--radio-button__validation-msg {\n  display: none;\n  align-items: flex-end;\n  margin-block-start: 0.375rem;\n}\n:host .cds--radio-button__invalid-icon {\n  fill: var(--cds-support-error, #da1e28);\n  margin-inline: 0.1875rem 0.0625rem;\n}\n:host .cds--radio-button__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--radio-button__invalid-icon--warning path:first-of-type {\n  fill: #000000;\n}\n:host .cds--radio-button-group--invalid + .cds--radio-button__validation-msg,\n:host .cds--radio-button-group--warning + .cds--radio-button__validation-msg {\n  display: flex;\n}\n:host .cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,\n:host .cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  margin-block-start: 0;\n  margin-inline-start: 0.5rem;\n  max-block-size: 100%;\n}\n:host .cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--radio-button-group ~ .cds--form__helper-text {\n  margin-block-start: 0.375rem;\n}\n:host .cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1.5px;\n}\n:host .cds--radio-button__label.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  block-size: 1.125rem;\n  inline-size: 6.25rem;\n}\n:host .cds--radio-button__label.cds--skeleton:hover, :host .cds--radio-button__label.cds--skeleton:focus, :host .cds--radio-button__label.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--radio-button__label.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--radio-button__label.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {\n  display: none;\n}\n:host .cds--radio-button-wrapper .cds--radio-button__label {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  margin: 0;\n}\n:host .cds--radio-button-wrapper:not(:last-of-type) {\n  margin-inline-end: 1rem;\n}\n:host .cds--radio-button-group--vertical .cds--radio-button-wrapper {\n  margin-block-end: 0.375rem;\n  margin-inline-end: 0;\n}\n:host .cds--radio-button-group--vertical .cds--radio-button-wrapper .cds--radio-button__label {\n  padding-block-start: 0.125rem;\n}\n:host .cds--radio-button-group--label-right .cds--radio-button__label,\n:host .cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label {\n  flex-direction: row;\n}\n:host .cds--radio-button-group--label-left .cds--radio-button__label,\n:host .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label {\n  flex-direction: row-reverse;\n}\n:host .cds--radio-button-group--label-left .cds--radio-button__appearance,\n:host .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {\n  margin-inline: 0.5rem 0;\n}\n:host .cds--radio-button-group--slug legend.cds--label,\n:host .cds--radio-button-wrapper--slug .cds--radio-button__label-text {\n  display: flex;\n}\n:host .cds--radio-button-group--slug legend.cds--label .cds--slug,\n:host .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {\n  margin-inline-start: 0.5rem;\n}\n:host .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {\n  line-height: inherit;\n  margin-block-start: -0.0625rem;\n}\n:host .cds--data-table-container {\n  position: relative;\n  padding-block-start: 0.125rem;\n}\n:host .cds--data-table-content {\n  display: block;\n  overflow-x: auto;\n}\n:host .cds--data-table-content:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--data-table-content:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--data-table-header {\n  background-color: var(--cds-layer);\n  padding-block: 1rem 1.5rem;\n  padding-inline: 1rem;\n}\n:host .cds--data-table-header__title {\n  font-size: var(--cds-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-heading-03-font-weight, 400);\n  line-height: var(--cds-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--data-table-header__description {\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  color: var(--cds-text-secondary, #525252);\n}\n@media (min-width: 42rem) {\n  :host .cds--data-table-header__description {\n    max-inline-size: 50ch;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--data-table-header__description {\n    max-inline-size: 80ch;\n  }\n}\n:host .cds--data-table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  inline-size: 100%;\n}\n:host .cds--data-table thead {\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  background-color: var(--cds-layer-accent);\n}\n:host .cds--data-table tbody {\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  background-color: var(--cds-layer);\n  inline-size: 100%;\n}\n:host .cds--data-table tr {\n  border: none;\n  block-size: 3rem;\n  inline-size: 100%;\n}\n:host .cds--data-table tbody tr,\n:host .cds--data-table tbody tr td,\n:host .cds--data-table tbody tr th {\n  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--data-table tbody tr:not([data-child-row]):hover,\n:host .cds--data-table tbody tr[data-child-row]:hover > td {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--data-table tbody tr:hover td,\n:host .cds--data-table tbody tr:hover th {\n  border-block-end: 1px solid var(--cds-layer-hover);\n  border-block-start: 1px solid var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {\n  color: var(--cds-link-secondary, #0043ce);\n}\n:host .cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--data-table th,\n:host .cds--data-table td {\n  text-align: start;\n  vertical-align: middle;\n}\n:host .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {\n  padding-block: 1rem 1rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {\n  padding-block-start: 0.5rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {\n  padding-block-start: 0.8125rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-body td {\n  vertical-align: top;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {\n  padding-block: 1rem 1rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {\n  padding-block-start: 0.5rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {\n  padding-block-start: 0.8125rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header th {\n  vertical-align: top;\n}\n:host .cds--data-table th[align=right],\n:host .cds--data-table td[align=right] {\n  text-align: end;\n}\n:host .cds--data-table th[align=center],\n:host .cds--data-table td[align=center] {\n  text-align: center;\n}\n:host .cds--data-table th {\n  background-color: var(--cds-layer-accent);\n  color: var(--cds-text-primary, #161616);\n  padding-inline: 1rem 1rem;\n}\n:host .cds--data-table th:last-of-type {\n  position: static;\n  inline-size: auto;\n}\n:host .cds--data-table .cds--table-header-label {\n  text-align: start;\n}\n:host .cds--data-table td,\n:host .cds--data-table tbody th {\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-block-start: 1px solid var(--cds-layer);\n  color: var(--cds-text-secondary, #525252);\n  padding-inline: 1rem 1rem;\n}\n:host .cds--data-table td + td:first-of-type,\n:host .cds--data-table tbody th + td:first-of-type {\n  padding-inline-start: 0.75rem;\n}\n@supports (-moz-appearance: none) {\n  :host .cds--data-table td {\n    background-clip: padding-box;\n  }\n}\n:host .cds--data-table .cds--list-box input[role=combobox],\n:host .cds--data-table .cds--list-box input[type=text],\n:host .cds--data-table .cds--dropdown,\n:host .cds--data-table .cds--list-box,\n:host .cds--data-table .cds--number input[type=number],\n:host .cds--data-table .cds--number__control-btn::before,\n:host .cds--data-table .cds--number__control-btn::after,\n:host .cds--data-table .cds--text-input,\n:host .cds--data-table .cds--select-input {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=true]:focus {\n  outline: none;\n}\n@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  :host .cds--data-table td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {\n    opacity: 0;\n  }\n}\n:host .cds--data-table td.cds--table-column-menu .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__icon {\n  opacity: 1;\n}\n:host .cds--data-table.cds--data-table--visible-overflow-menu td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon,\n:host .cds--data-table td.cds--table-column-menu .cds--overflow-menu:hover .cds--overflow-menu__icon,\n:host .cds--data-table td.cds--table-column-menu .cds--overflow-menu:focus .cds--overflow-menu__icon,\n:host .cds--data-table tr:hover td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {\n  opacity: 1;\n}\n:host .cds--table-row--menu-option .cds--overflow-menu-options__btn .cds--overflow-menu-options__option-content svg {\n  position: relative;\n  inset-block-start: 0.1875rem;\n  margin-inline-end: 0.5rem;\n}\n:host .cds--data-table .cds--overflow-menu:hover,\n:host .cds--data-table .cds--overflow-menu__trigger:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--data-table--selected .cds--overflow-menu:hover,\n:host .cds--data-table--selected .cds--overflow-menu__trigger:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--data-table--selected .cds--link:not(.cds--link--disabled) {\n  color: var(--cds-link-secondary, #0043ce);\n}\n:host .cds--data-table--xs td.cds--table-column-menu,\n:host .cds--data-table--sm td.cds--table-column-menu {\n  block-size: 1.5rem;\n  padding-block: 0 0;\n}\n:host .cds--data-table--sm td.cds--table-column-menu {\n  block-size: 2rem;\n}\n:host .cds--data-table--md td.cds--table-column-menu {\n  block-size: 2.5rem;\n}\n:host .cds--data-table--xl .cds--table-column-menu {\n  padding-block-start: 0.5rem;\n}\n:host .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {\n  border-block-end: 1px solid var(--cds-layer);\n}\n:host .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {\n  border-block-end: 1px solid var(--cds-layer-accent);\n  border-block-start: 1px solid var(--cds-layer-accent);\n}\n:host .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {\n  background-color: var(--cds-layer-accent);\n}\n:host .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {\n  border-block-end: 1px solid var(--cds-layer-hover);\n  border-block-start: 1px solid var(--cds-layer-hover);\n}\n:host .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--table-column-checkbox .cds--checkbox-label {\n  min-block-size: 1.5rem;\n  padding-inline-start: 0;\n}\n:host .cds--table-column-checkbox .cds--checkbox-label::before {\n  margin-block-start: 0.125rem;\n}\n:host .cds--table-column-checkbox .cds--checkbox-label::after {\n  inset-block-start: 0.46875rem;\n}\n:host .cds--data-table th.cds--table-column-checkbox {\n  position: static;\n  background-color: var(--cds-layer-accent);\n  inline-size: 2rem;\n  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--data-table thead th.cds--table-column-checkbox,\n:host .cds--data-table tbody td.cds--table-column-checkbox,\n:host .cds--data-table thead th.cds--table-expand,\n:host .cds--data-table tbody td.cds--table-expand {\n  min-inline-size: 0;\n}\n:host .cds--data-table thead th.cds--table-column-checkbox,\n:host .cds--data-table tbody td.cds--table-column-checkbox {\n  min-inline-size: 2.5rem;\n  padding-inline: 1rem 0.25rem;\n}\n:host .cds--data-table thead th.cds--table-expand,\n:host .cds--data-table tbody td.cds--table-expand {\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--data-table--xs thead th.cds--table-expand,\n:host .cds--data-table--xs tbody td.cds--table-expand {\n  padding: 0 0 0 0.5rem;\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n}\n:host .cds--data-table--sm thead th.cds--table-expand,\n:host .cds--data-table--sm tbody td.cds--table-expand {\n  padding: 0;\n  block-size: 2rem;\n  inline-size: 2rem;\n  padding-inline-start: 0.5rem;\n}\n:host .cds--data-table--md thead th.cds--table-expand,\n:host .cds--data-table--md tbody td.cds--table-expand {\n  padding: 0.25rem 0 0.25rem 0.5rem;\n  block-size: 2.5rem;\n  inline-size: 2.5rem;\n}\n:host .cds--data-table--xl thead th.cds--table-expand,\n:host .cds--data-table--xl tbody td.cds--table-expand {\n  block-size: 4rem;\n  padding-block: 0.625rem 1.375rem;\n}\n:host .cds--data-table--xl .cds--table-column-checkbox {\n  padding-block-start: 0.8125rem;\n}\n:host .cds--data-table--xl .cds--table-column-radio {\n  padding-block-start: 1rem;\n}\n:host .cds--table-column-radio {\n  inline-size: 48px;\n}\n:host .cds--table-column-radio .cds--radio-button__appearance {\n  margin-inline-end: -0.125rem;\n}\n:host .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,\n:host tr.cds--data-table--selected td {\n  border-block-end: 1px solid var(--cds-layer-active);\n  border-block-start: 1px solid var(--cds-layer-selected);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,\n:host tr.cds--data-table--selected {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,\n:host tr.cds--data-table--selected:first-of-type td {\n  border-block-start: 1px solid var(--cds-border-subtle-selected);\n}\n:host .cds--data-table--zebra tbody tr:last-of-type:nth-child(odd).cds--data-table--selected td,\n:host .cds--data-table--zebra tbody tr:last-of-type:nth-child(even).cds--data-table--selected td,\n:host tr.cds--data-table--selected:last-of-type td {\n  border-block-end: 1px solid var(--cds-layer-selected);\n  border-block-start: 1px solid var(--cds-layer-selected);\n}\n:host .cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected td {\n  border-block-end: 1px solid var(--cds-layer-active);\n}\n:host .cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected:hover td {\n  border-block-end: 1px solid var(--cds-layer-selected-hover);\n}\n:host .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,\n:host .cds--data-table tbody .cds--data-table--selected:hover td {\n  border-block-end: 1px solid var(--cds-layer-selected-hover);\n  border-block-start: 1px solid var(--cds-layer-selected-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,\n:host .cds--data-table tbody .cds--data-table--selected:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {\n  opacity: 1;\n}\n:host .cds--data-table--xs thead tr,\n:host .cds--data-table--xs tbody tr,\n:host .cds--data-table--xs tbody tr th {\n  block-size: 1.5rem;\n}\n:host .cds--data-table--xs .cds--table-header-label {\n  padding-block: 0.125rem 0.125rem;\n}\n:host .cds--data-table--xs td,\n:host .cds--data-table--xs tbody tr th {\n  padding-block: 0.125rem 0.125rem;\n}\n:host .cds--data-table--xs .cds--overflow-menu {\n  block-size: calc(100% + 1px);\n  inline-size: 2rem;\n}\n:host .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,\n:host .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {\n  padding-block: 0 0;\n}\n:host .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {\n  block-size: 1.4375rem;\n  min-block-size: 1.4375rem;\n}\n:host .cds--data-table--sm thead tr,\n:host .cds--data-table--sm tbody tr,\n:host .cds--data-table--sm tbody tr th {\n  block-size: 2rem;\n}\n:host .cds--data-table--sm .cds--table-header-label {\n  padding-block: 0.4375rem 0.4375rem;\n}\n:host .cds--data-table--sm td,\n:host .cds--data-table--sm tbody tr th,\n:host .cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {\n  padding-block: 0.4375rem 0.375rem;\n}\n:host .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,\n:host .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {\n  padding-block: 0.1875rem 0.1875rem;\n}\n:host .cds--data-table--sm .cds--overflow-menu {\n  block-size: calc(100% + 1px);\n}\n:host .cds--data-table--md thead tr,\n:host .cds--data-table--md tbody tr,\n:host .cds--data-table--md tbody tr th {\n  block-size: 2.5rem;\n}\n:host .cds--data-table--md .cds--table-header-label,\n:host .cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {\n  padding-block: 0.4375rem 0.4375rem;\n}\n:host .cds--data-table--md td,\n:host .cds--data-table--md tbody tr th {\n  padding-block: 0.4375rem 0.375rem;\n}\n:host .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,\n:host .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {\n  padding-block: 0.1875rem 0.1875rem;\n}\n:host .cds--data-table--md .cds--table-column-menu {\n  padding-block: 0.1875rem 0.1875rem;\n}\n:host .cds--data-table--xl thead tr,\n:host .cds--data-table--xl tbody tr,\n:host .cds--data-table--xl tbody tr th {\n  block-size: 4rem;\n}\n:host .cds--data-table--xl .cds--table-header-label {\n  padding-block: 1rem 1rem;\n}\n:host .cds--data-table--xl td,\n:host .cds--data-table--xl tbody tr th {\n  padding-block: 1rem 1rem;\n}\n:host .cds--data-table--xl th,\n:host .cds--data-table--xl td {\n  vertical-align: top;\n}\n:host .cds--data-table--xl .cds--data-table--cell-secondary-text {\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}\n:host .cds--data-table--static {\n  inline-size: auto;\n}\n:host .cds--data-table-container--static {\n  inline-size: fit-content;\n}\n:host .cds--data-table_inner-container {\n  background-color: var(--cds-layer-accent);\n  transform: translateZ(0);\n}\n:host .cds--data-table--sticky-header {\n  display: block;\n  overflow-y: scroll;\n  /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */\n}\n:host .cds--data-table--sticky-header thead,\n:host .cds--data-table--sticky-header tbody,\n:host .cds--data-table--sticky-header tr,\n:host .cds--data-table--sticky-header th,\n:host .cds--data-table--sticky-header td {\n  display: flex;\n}\n:host .cds--data-table--sticky-header thead {\n  position: sticky;\n  z-index: 1;\n  overflow: scroll;\n  inline-size: 100%;\n  inset-block-start: 0;\n  -ms-overflow-style: none;\n  will-change: transform;\n}\n:host .cds--data-table--sticky-header thead tr th {\n  border-block-end: 1px solid var(--cds-layer-active);\n}\n:host .cds--data-table--sticky-header tbody {\n  flex-direction: column;\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  will-change: transform;\n}\n:host .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {\n  block-size: auto;\n  min-block-size: 3rem;\n}\n:host .cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row) {\n  block-size: auto;\n}\n:host .cds--data-table--sticky-header .cds--table-expand {\n  max-inline-size: 3rem;\n}\n:host .cds--data-table--sticky-header thead .cds--table-expand {\n  align-items: center;\n}\n:host .cds--data-table--sticky-header .cds--parent-row {\n  min-block-size: 3rem;\n}\n:host .cds--data-table--sticky-header:not(.cds--data-table--xs):not(.cds--data-table--xl):not(.cds--data-table--sm) td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {\n  padding-block-start: 0.875rem;\n}\n:host .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {\n  border-block-start: 1px solid var(--cds-layer-hover);\n}\n:host .cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {\n  overflow: hidden;\n}\n:host .cds--data-table--sticky-header tr.cds--data-table--selected:first-of-type td {\n  border-block-start: none;\n}\n:host .cds--data-table--sticky-header thead th.cds--table-column-checkbox,\n:host .cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox {\n  align-items: center;\n  inline-size: 2.25rem;\n  min-inline-size: 2.25rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xl thead th.cds--table-column-checkbox, :host .cds--data-table--sticky-header.cds--data-table--xl td.cds--table-column-checkbox {\n  align-items: flex-start;\n}\n:host .cds--data-table--sticky-header th.cds--table-column-checkbox ~ th:last-of-type:empty {\n  max-inline-size: 4rem;\n}\n:host .cds--data-table--sticky-header th:empty:not(.cds--table-expand) {\n  max-inline-size: 2.25rem;\n}\n:host .cds--data-table--sticky-header td.cds--table-column-menu {\n  align-items: center;\n  block-size: auto;\n  padding-block-start: 0;\n}\n:host .cds--data-table--sticky-header thead::-webkit-scrollbar,\n:host .cds--data-table--sticky-header tbody::-webkit-scrollbar {\n  display: none;\n}\n@-moz-document url-prefix() {\n  :host .cds--data-table--sticky-header thead,\n  :host .cds--data-table--sticky-header tbody {\n    scrollbar-width: none;\n  }\n}\n:host .cds--data-table--sticky-header tbody tr:last-of-type {\n  border-block-end: 0;\n}\n:host .cds--data-table--sticky-header th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon),\n:host .cds--data-table--sticky-header td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon) {\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row), :host .cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row), :host .cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {\n  block-size: auto;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row) {\n  min-block-size: 1.5rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row) {\n  min-block-size: 2rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {\n  min-block-size: 4rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {\n  padding-block-start: 0.25rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {\n  padding-block-start: 0.5rem;\n}\n:host .cds--data-table--sticky-header .cds--table-header-label {\n  display: block;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-inline-size: calc(100% - 10px);\n  overflow-y: hidden;\n  padding-block: 0.9375rem 1rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {\n  padding-block: 0.1875rem 0;\n}\n:host .cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {\n  padding-block: 0.5rem 0;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {\n  padding-block-start: 1rem;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {\n  display: flex;\n  align-items: flex-start;\n}\n:host .cds--data-table--sticky-header.cds--data-table--xs tr.cds--parent-row .cds--table-column-checkbox, :host .cds--data-table--sticky-header.cds--data-table--sm tr.cds--parent-row .cds--table-column-checkbox {\n  align-items: flex-start;\n}\n:host .cds--data-table--max-width {\n  max-inline-size: 100%;\n}\n:host .cds--data-table--sticky-header {\n  max-block-size: 18.75rem;\n}\n:host .cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {\n  margin: 0;\n}\n:host .cds--data-table--xs .cds--form-item.cds--checkbox-wrapper:last-of-type,\n:host .cds--data-table--sm .cds--form-item.cds--checkbox-wrapper:last-of-type {\n  margin: -0.1875rem 0;\n}\n:host .cds--data-table .cds--table-column-slug {\n  inline-size: 1rem;\n  padding-inline-end: 0;\n}\n:host tr.cds--data-table--slug-row,\n:host tr.cds--data-table--slug-row + .cds--expandable-row {\n  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);\n  background-attachment: fixed;\n}\n:host .cds--data-table--slug-row {\n  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);\n}\n:host .cds--data-table tbody tr.cds--data-table--slug-row:hover td,\n:host tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,\n:host tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,\n:host tr.cds--data-table--slug-row.cds--expandable-row--hover > td,\n:host tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {\n  background-color: transparent;\n}\n:host .cds--data-table tbody tr.cds--data-table--slug-row:hover,\n:host tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],\n:host tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,\n:host tr.cds--expandable-row--hover.cds--data-table--slug-row,\n:host tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {\n  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);\n  background-attachment: fixed;\n}\n:host tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,\n:host .cds--data-table--selected.cds--data-table--slug-row,\n:host tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {\n  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);\n  background-attachment: fixed;\n}\n:host tr.cds--data-table--slug-row.cds--data-table--selected td,\n:host tr.cds--data-table--slug-row.cds--data-table--selected:hover td,\n:host tbody tr.cds--data-table--slug-row:hover td,\n:host tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {\n  border-block-end: 1px solid var(--cds-layer-selected);\n}\n:host tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,\n:host .cds--data-table thead th:has(> .cds--table-header-label--slug) {\n  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);\n}\n:host .cds--table-column-slug .cds--slug {\n  position: absolute;\n  z-index: 2;\n  transform: translateY(-50%);\n}\n:host .cds--data-table--xl .cds--table-column-slug .cds--slug {\n  transform: translateY(1px);\n}\n:host th .cds--table-header-label.cds--table-header-label--slug {\n  display: flex;\n  align-items: center;\n}\n:host th .cds--table-header-label.cds--table-header-label--slug .cds--slug {\n  margin-inline-start: auto;\n}\n:host th.cds--table-sort__header--slug,\n:host th:has(.cds--table-header-label--slug) {\n  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);\n}\n:host td.cds--table-cell--column-slug {\n  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);\n}\n:host tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {\n  border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,\n  :host .cds--data-table-content {\n    outline: 1px solid transparent;\n  }\n}\n:host .cds--search {\n  position: relative;\n  display: flex;\n  align-items: center;\n  inline-size: 100%;\n}\n:host .cds--search .cds--label {\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--search-input {\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  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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  order: 1;\n  padding: 0 2.5rem;\n  border: none;\n  appearance: none;\n  background-color: var(--cds-field);\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  inline-size: 100%;\n  text-overflow: ellipsis;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--search-input *,\n:host .cds--search-input *::before,\n:host .cds--search-input *::after {\n  box-sizing: inherit;\n}\n:host .cds--search-input:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--search-input:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--search-input::placeholder {\n  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  opacity: 1;\n}\n:host .cds--search-input::-ms-clear {\n  display: none;\n}\n:host .cds--search-input[disabled] {\n  background-color: var(--cds-field);\n  border-block-end: 1px solid transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--search-input[disabled]::placeholder {\n  color: var(--cds-field);\n}\n:host .cds--search--light .cds--search-input {\n  background: var(--cds-field-02, #ffffff);\n}\n:host .cds--search--light .cds--search-close::before {\n  background: var(--cds-field-02, #ffffff);\n}\n:host .cds--search--sm .cds--search-input,\n:host .cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input {\n  padding: 0 2rem;\n  block-size: 2rem;\n}\n:host .cds--search--sm .cds--search-magnifier-icon {\n  inset-inline-start: 0.5rem;\n}\n:host .cds--search--md .cds--search-input,\n:host .cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input {\n  padding: 0 2.5rem;\n  block-size: 2.5rem;\n}\n:host .cds--search--md .cds--search-magnifier-icon {\n  inset-inline-start: 0.75rem;\n}\n:host .cds--search--lg .cds--search-input,\n:host .cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input {\n  padding: 0 3rem;\n  block-size: 3rem;\n}\n:host .cds--search-magnifier-icon {\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  position: absolute;\n  z-index: 2;\n  block-size: 1rem;\n  fill: var(--cds-icon-secondary, #525252);\n  inline-size: 1rem;\n  inset-block-start: 50%;\n  inset-inline-start: 1rem;\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n:host .cds--search-magnifier-icon *,\n:host .cds--search-magnifier-icon *::before,\n:host .cds--search-magnifier-icon *::after {\n  box-sizing: inherit;\n}\n:host .cds--search-close {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n:host .cds--search-close *,\n:host .cds--search-close *::before,\n:host .cds--search-close *::after {\n  box-sizing: inherit;\n}\n:host .cds--search-close::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--search-close::before {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-field);\n  block-size: calc(100% - 2px);\n  content: \"\";\n  inline-size: 2px;\n  inset-block-start: 0.0625rem;\n  inset-inline-start: 0;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--search-close::before {\n    transition: none;\n  }\n}\n:host .cds--search-close:hover {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--search-close:hover::before {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--search-button {\n  flex-shrink: 0;\n  background-color: var(--cds-field);\n  margin-inline-start: 0.125rem;\n}\n:host .cds--search-button svg {\n  fill: currentColor;\n  vertical-align: middle;\n}\n:host .cds--search-close svg {\n  fill: inherit;\n}\n:host .cds--search-close,\n:host .cds--search-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-width: 1px 0;\n  border-style: solid;\n  border-color: transparent;\n  block-size: 2.5rem;\n  cursor: pointer;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 2.5rem;\n  opacity: 1;\n  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  visibility: inherit;\n}\n:host .cds--search-close:hover,\n:host .cds--search-button:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--search-close:focus,\n:host .cds--search-button:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--search-close:focus,\n  :host .cds--search-button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--search-close:active,\n:host .cds--search-button:active {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n@media screen and (prefers-contrast) {\n  :host .cds--search-close:active,\n  :host .cds--search-button:active {\n    outline-style: dotted;\n  }\n}\n:host .cds--search--disabled .cds--search-close,\n:host .cds--search--disabled.cds--search--expandable .cds--search-magnifier {\n  cursor: not-allowed;\n  outline: none;\n}\n:host .cds--search--disabled .cds--search-close:hover,\n:host .cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover {\n  background-color: transparent;\n  border-block-end-color: transparent;\n}\n:host .cds--search--disabled .cds--search-close:hover::before,\n:host .cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before {\n  background-color: transparent;\n}\n:host .cds--search--disabled svg {\n  fill: var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--search-close:focus::before,\n:host .cds--search-close:active::before {\n  background-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--search-input:focus ~ .cds--search-close:hover {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--search-input:focus ~ .cds--search-close:hover {\n    outline-style: dotted;\n  }\n}\n:host .cds--search--sm .cds--search-close,\n:host .cds--search--sm ~ .cds--search-button, :host .cds--search--sm.cds--search--expandable, :host .cds--search--sm.cds--search--expandable .cds--search-magnifier {\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--search--sm.cds--search--expandable .cds--search-input::placeholder {\n  padding: 0 2rem;\n}\n:host .cds--search--md .cds--search-close,\n:host .cds--search--md ~ .cds--search-button, :host .cds--search--md.cds--search--expandable, :host .cds--search--md.cds--search--expandable .cds--search-magnifier {\n  block-size: 2.5rem;\n  inline-size: 2.5rem;\n}\n:host .cds--search--md.cds--search--expandable .cds--search-input::placeholder {\n  padding: 0 2.5rem;\n}\n:host .cds--search--lg .cds--search-close,\n:host .cds--search--lg ~ .cds--search-button, :host .cds--search--lg.cds--search--expandable, :host .cds--search--lg.cds--search--expandable .cds--search-magnifier {\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--search--lg.cds--search--expandable .cds--search-input::placeholder {\n  padding: 0 3rem;\n}\n:host .cds--search-close--hidden {\n  opacity: 0;\n  visibility: hidden;\n}\n:host .cds--search--lg.cds--skeleton .cds--search-input,\n:host .cds--search--md.cds--skeleton .cds--search-input,\n:host .cds--search--sm.cds--skeleton .cds--search-input {\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  inline-size: 100%;\n}\n:host .cds--search--lg.cds--skeleton .cds--search-input:hover, :host .cds--search--lg.cds--skeleton .cds--search-input:focus, :host .cds--search--lg.cds--skeleton .cds--search-input:active,\n:host .cds--search--md.cds--skeleton .cds--search-input:hover,\n:host .cds--search--md.cds--skeleton .cds--search-input:focus,\n:host .cds--search--md.cds--skeleton .cds--search-input:active,\n:host .cds--search--sm.cds--skeleton .cds--search-input:hover,\n:host .cds--search--sm.cds--skeleton .cds--search-input:focus,\n:host .cds--search--sm.cds--skeleton .cds--search-input:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--search--lg.cds--skeleton .cds--search-input::before,\n:host .cds--search--md.cds--skeleton .cds--search-input::before,\n:host .cds--search--sm.cds--skeleton .cds--search-input::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--search--lg.cds--skeleton .cds--search-input::before,\n  :host .cds--search--md.cds--skeleton .cds--search-input::before,\n  :host .cds--search--sm.cds--skeleton .cds--search-input::before {\n    animation: none;\n  }\n}\n:host .cds--search--lg.cds--skeleton .cds--search-input::placeholder,\n:host .cds--search--md.cds--skeleton .cds--search-input::placeholder,\n:host .cds--search--sm.cds--skeleton .cds--search-input::placeholder {\n  color: transparent;\n}\n:host .cds--search--expandable {\n  transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--search--expandable.cds--search--expanded {\n  inline-size: 100%;\n}\n:host .cds--search--expandable .cds--search-input {\n  padding: 0;\n  inline-size: 0;\n  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9), width 0s linear 70ms;\n}\n:host .cds--search--expandable .cds--search-input::placeholder {\n  position: relative;\n  opacity: 0;\n  transition-duration: 70ms;\n  transition-property: padding, opacity;\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--search--expandable.cds--search--expanded .cds--search-input {\n  inline-size: 100%;\n  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--search--expandable.cds--search--expanded .cds--search-input::placeholder {\n  position: relative;\n  padding: 0;\n  opacity: 1;\n}\n:host .cds--search--expandable .cds--search-magnifier {\n  position: absolute;\n  cursor: pointer;\n}\n:host .cds--search--expandable .cds--search-magnifier:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--search--expandable .cds--search-magnifier:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--search--expandable.cds--search--expanded .cds--search-magnifier {\n  pointer-events: none;\n}\n:host .cds--search--expandable .cds--search-magnifier-icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon {\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--search--expandable.cds--search--disabled svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--search-close svg,\n  :host .cds--search-magnifier-icon {\n    fill: ButtonText;\n  }\n}\n:host .cds--table-toolbar {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  background-color: var(--cds-layer);\n  inline-size: 100%;\n  min-block-size: 3rem;\n}\n:host .cds--toolbar-content {\n  display: flex;\n  justify-content: flex-end;\n  block-size: 3rem;\n  inline-size: 100%;\n  transform: translate3d(0, 0, 0);\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--batch-actions ~ .cds--toolbar-content {\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n}\n:host .cds--toolbar-content .cds--search .cds--search-input {\n  padding: 0 3rem;\n  background-color: transparent;\n  block-size: 3rem;\n}\n:host .cds--toolbar-content .cds--overflow-menu {\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--batch-actions ~ .cds--toolbar-search-container {\n  display: flex;\n  align-items: center;\n  opacity: 1;\n  transition: opacity 110ms;\n}\n:host .cds--toolbar-search-container-expandable {\n  position: relative;\n  block-size: 3rem;\n  box-shadow: none;\n  cursor: pointer;\n  inline-size: 3rem;\n  transition: width 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--toolbar-search-container-expandable:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--search.cds--toolbar-search-container-expandable {\n  inline-size: 3rem;\n}\n:host .cds--toolbar-search-container-expandable .cds--search-input {\n  block-size: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n:host .cds--toolbar-search-container-expandable:not(.cds--toolbar-search-container-active) .cds--search-input {\n  padding: 0;\n}\n:host .cds--toolbar-search-container-disabled .cds--search-input {\n  cursor: not-allowed;\n}\n:host .cds--toolbar-search-container-expandable.cds--search .cds--label {\n  visibility: hidden;\n}\n:host .cds--toolbar-search-container-expandable.cds--search .cds--search-close {\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--toolbar-search-container-expandable.cds--search .cds--search-close::before {\n  background-color: var(--cds-field-hover);\n  block-size: calc(100% - 0.25rem);\n  inset-block-start: 0.125rem;\n}\n:host .cds--toolbar-search-container-expandable.cds--search .cds--search-close:focus::before {\n  background-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--table-toolbar .cds--search--lg .cds--search-magnifier-icon {\n  inset-inline-start: 0;\n}\n:host .cds--table-toolbar:not(.cds--table-toolbar--sm) .cds--toolbar-search-container-persistent.cds--search--lg .cds--search-magnifier-icon {\n  inset-inline-start: 1rem;\n}\n:host .cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm:not(.cds--toolbar-search-container-active):not(.cds--toolbar-search-container-persistent) .cds--search-magnifier-icon {\n  inset-inline-start: 0;\n}\n:host .cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm.cds--toolbar-search-container-active .cds--search-magnifier-icon {\n  inset-inline-start: 0.5rem;\n}\n:host .cds--table-toolbar .cds--toolbar-search-container-persistent.cds--search--sm .cds--search-magnifier-icon {\n  inset-inline-start: 0.5rem;\n}\n:host .cds--toolbar-search-container-expandable .cds--search-magnifier-icon {\n  padding: 1rem;\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--toolbar-search-container-expandable.cds--search--disabled .cds--search-magnifier-icon {\n  background-color: var(--cds-layer);\n  cursor: not-allowed;\n  transition: background-color none;\n}\n:host .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,\n:host .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,\n:host .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {\n  border: none;\n  background-color: transparent;\n  outline: none;\n}\n:host .cds--toolbar-search-container-active.cds--search {\n  inline-size: 100%;\n}\n:host .cds--toolbar-search-container-active .cds--search-input {\n  opacity: 1;\n}\n:host .cds--toolbar-search-container-active .cds--label,\n:host .cds--toolbar-search-container-active .cds--search-input {\n  padding: 0 3rem;\n  cursor: text;\n}\n:host .cds--toolbar-search-container-active .cds--search-input:focus + .cds--search-close {\n  border: none;\n  box-shadow: none;\n  outline: none;\n}\n:host .cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {\n  border: none;\n  background-color: var(--cds-field-hover);\n}\n:host .cds--toolbar-search-container-persistent .cds--search-close,\n:host .cds--toolbar-search-container-persistent .cds--search-close:hover,\n:host .cds--toolbar-search-container-active .cds--search-close,\n:host .cds--toolbar-search-container-active .cds--search-close:hover {\n  border: none;\n  background-color: transparent;\n}\n:host .cds--toolbar-search-container-persistent .cds--search-close::before {\n  display: none;\n}\n:host .cds--overflow-menu.cds--toolbar-action {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: flex;\n  padding: 1rem;\n  block-size: 3rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--overflow-menu.cds--toolbar-action *,\n:host .cds--overflow-menu.cds--toolbar-action *::before,\n:host .cds--overflow-menu.cds--toolbar-action *::after {\n  box-sizing: inherit;\n}\n:host .cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--toolbar-action {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: flex;\n  block-size: 3rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--toolbar-action *,\n:host .cds--toolbar-action *::before,\n:host .cds--toolbar-action *::after {\n  box-sizing: inherit;\n}\n:host .cds--toolbar-action::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--toolbar-action:hover:not([disabled]) {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--toolbar-action[aria-expanded=true],\n:host .cds--toolbar-action:hover[aria-expanded=true] {\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .cds--toolbar-action[disabled] {\n  cursor: not-allowed;\n}\n:host .cds--toolbar-action[disabled] .cds--toolbar-action__icon {\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--toolbar-action:focus:not([disabled]),\n:host .cds--toolbar-action:active:not([disabled]) {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--toolbar-action:focus:not([disabled]),\n  :host .cds--toolbar-action:active:not([disabled]) {\n    outline-style: dotted;\n  }\n}\n:host .cds--toolbar-action:focus:not([disabled]).cds--toolbar-search-container-expandable,\n:host .cds--toolbar-action:active:not([disabled]).cds--toolbar-search-container-expandable {\n  outline: none;\n}\n:host .cds--toolbar-action ~ .cds--btn {\n  margin: 0;\n  max-inline-size: none;\n  white-space: nowrap;\n}\n:host .cds--overflow-menu--data-table {\n  block-size: 3rem;\n}\n:host .cds--toolbar-action__icon {\n  block-size: 1rem;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: auto;\n  max-inline-size: 1rem;\n}\n:host .cds--toolbar-action__menu,\n:host .cds--toolbar-action__menu.cds--overflow-menu-options::after {\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .cds--toolbar-search-container-persistent {\n  position: relative;\n  block-size: 3rem;\n  inline-size: 100%;\n  opacity: 1;\n}\n:host .cds--toolbar-search-container-persistent + .cds--toolbar-content {\n  position: relative;\n  inline-size: auto;\n}\n:host .cds--toolbar-search-container-persistent .cds--search {\n  position: initial;\n}\n:host .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {\n  inset-inline-start: 1rem;\n}\n:host .cds--toolbar-search-container-persistent .cds--search-input {\n  padding: 0 3rem;\n  border: none;\n  block-size: 3rem;\n}\n:host .cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {\n    outline-style: dotted;\n  }\n}\n:host .cds--toolbar-search-container-persistent .cds--search-input:hover:not([disabled]) {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--toolbar-search-container-persistent .cds--search-input:active:not([disabled]),\n:host .cds--toolbar-search-container-persistent .cds--search-input:not(:placeholder-shown) {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--toolbar-search-container-persistent .cds--search-close {\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--batch-actions--active ~ .cds--toolbar-search-container,\n:host .cds--batch-actions--active ~ .cds--toolbar-content {\n  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n  transform: translate3d(0, 48px, 0);\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--batch-actions {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--cds-background-brand, #0f62fe);\n  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n  inset-block-end: 0;\n  inset-inline: 0 0;\n  opacity: 0;\n  pointer-events: none;\n  transform: translate3d(0, 48px, 0);\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  will-change: transform;\n}\n:host .cds--batch-actions:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--batch-actions:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--batch-actions--active {\n  z-index: 1;\n  clip-path: polygon(0 0, 300% 0, 300% 300%, 0 300%);\n  opacity: 1;\n  pointer-events: all;\n  transform: translate3d(0, 0, 0);\n}\n:host .cds--action-list {\n  display: flex;\n  align-items: center;\n}\n:host .cds--action-list .cds--btn,\n:host .cds--batch-summary .cds--btn {\n  color: var(--cds-text-on-color, #ffffff);\n  padding-inline: 1rem 1rem;\n  white-space: nowrap;\n}\n:host .cds--action-list .cds--btn:disabled {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-text-on-color, #ffffff);\n  opacity: 0.5;\n}\n:host .cds--action-list .cds--btn .cds--btn__icon {\n  position: static;\n  fill: var(--cds-icon-on-color, #ffffff);\n  margin-inline-start: 0.5rem;\n}\n:host .cds--action-list .cds--btn .cds--btn__icon .st0 {\n  fill: none;\n}\n:host .cds--batch-download {\n  padding: 0.0625rem;\n}\n:host .cds--action-list .cds--btn--primary:focus::before,\n:host .cds--action-list .cds--btn--primary::before,\n:host .cds--action-list .cds--btn--primary:focus::after,\n:host .cds--action-list .cds--btn--primary::after {\n  display: none;\n}\n:host .cds--action-list .cds--btn--primary:focus,\n:host .cds--batch-summary .cds--btn--primary:focus {\n  outline: 2px solid var(--cds-layer);\n  outline-offset: -0.125rem;\n}\n:host .cds--action-list .cds--btn--primary:nth-child(3):hover + .cds--btn--primary.cds--batch-summary__cancel::before,\n:host .cds--action-list .cds--btn--primary:nth-child(3):focus + .cds--btn--primary.cds--batch-summary__cancel::before {\n  opacity: 0;\n}\n:host .cds--btn--primary.cds--batch-summary__cancel::before {\n  position: absolute;\n  display: block;\n  border: none;\n  background-color: var(--cds-text-on-color, #ffffff);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  inset-block-start: 0.9375rem;\n  inset-inline-start: 0;\n  opacity: 1;\n  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--btn--primary.cds--batch-summary__cancel:hover::before {\n  opacity: 0;\n  transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);\n}\n:host .cds--batch-summary {\n  position: sticky;\n  z-index: 100000;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  background-color: var(--cds-background-brand, #0f62fe);\n  color: var(--cds-text-on-color, #ffffff);\n  inset-inline-start: 0;\n  min-block-size: 3rem;\n}\n:host .cds--batch-summary__scroll {\n  box-shadow: 0.5px 0 0.2px var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--batch-summary__para {\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--batch-summary__divider {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--table-toolbar--sm {\n  block-size: 2rem;\n  min-block-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-expandable,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-persistent {\n  block-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-input,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-input {\n  block-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-close,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-close {\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-magnifier-icon,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {\n  padding: 0.5rem;\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-action.cds--toolbar-search-container-persistent {\n  inline-size: 100%;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-expandable {\n  inline-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search .cds--search-input {\n  padding: 0 3rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active {\n  flex: auto;\n  transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input {\n  visibility: inherit;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  background-color: var(--cds-field-hover);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:active,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,\n:host .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  background-color: transparent;\n}\n:host .cds--table-toolbar--sm .cds--overflow-menu.cds--toolbar-action {\n  block-size: 2rem;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-content {\n  block-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-content .cds--overflow-menu {\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--search--disabled .cds--search-magnifier-icon:hover {\n  background-color: transparent;\n}\n:host .cds--table-toolbar--sm .cds--batch-actions .cds--action-list {\n  block-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-action {\n  padding: 0.5rem 0;\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--btn--primary {\n  block-size: 2rem;\n  min-block-size: auto;\n  padding-block: 0.375rem 0.375rem;\n}\n:host .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {\n  inset-block-start: 0.5rem;\n}\n:host .cds--table-toolbar--sm .cds--toolbar-action ~ .cds--btn {\n  overflow: hidden;\n  block-size: 2rem;\n}\n:host .cds--table-toolbar--sm .cds--batch-summary {\n  min-block-size: 2rem;\n}\n:host .cds--data-table tr.cds--parent-row:first-of-type td {\n  border-block-start: 1px solid var(--cds-border-subtle);\n}\n:host .cds--expandable-row--hidden td {\n  padding: 1rem;\n  border-block-start: 0;\n  inline-size: auto;\n}\n:host tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {\n  block-size: 0;\n  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {\n  border: 0;\n  background-color: var(--cds-layer-hover);\n  padding-block: 0 0;\n  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child-row-inner-container {\n  overflow: hidden;\n  max-block-size: 0;\n}\n:host tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {\n  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {\n  border-block-end: 1px solid var(--cds-border-subtle);\n  padding-inline-start: 3.5rem;\n  transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,\n:host tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {\n  padding-inline-start: 5.5rem;\n}\n:host tbody:has(> tr.cds--data-table--slug-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {\n  padding-inline-start: 7.5rem;\n}\n:host tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {\n  max-block-size: 100%;\n  padding-block: 1rem;\n  padding-block-end: 1.5rem;\n}\n:host .cds--parent-row.cds--expandable-row > td,\n:host .cds--parent-row.cds--expandable-row + tr[data-child-row] > td {\n  border-block-end: 1px solid var(--cds-border-subtle);\n  box-shadow: 0 1px var(--cds-border-subtle);\n}\n:host .cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] > td {\n  box-shadow: none;\n}\n:host .cds--parent-row.cds--expandable-row > td:first-of-type {\n  box-shadow: none;\n}\n:host tr.cds--parent-row:not(.cds--expandable-row) td,\n:host tr.cds--parent-row.cds--expandable-row td,\n:host tr.cds--parent-row.cds--expandable-row {\n  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-block-start: 1px solid var(--cds-border-subtle);\n}\n:host tr.cds--parent-row.cds--expandable-row:hover td {\n  background-color: var(--cds-layer-hover);\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-block-start: 1px solid var(--cds-border-subtle);\n  color: var(--cds-text-primary, #161616);\n}\n:host tr.cds--parent-row.cds--expandable-row:hover td:first-of-type {\n  border-block-end: 1px solid var(--cds-layer-hover);\n}\n:host tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {\n  background-color: var(--cds-layer-hover);\n  border-block-end: 1px solid var(--cds-border-subtle);\n  color: var(--cds-text-primary, #161616);\n}\n:host tr.cds--expandable-row--hover + tr[data-child-row] td {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host tr.cds--expandable-row--hover {\n  background-color: var(--cds-layer-hover);\n}\n:host tr.cds--expandable-row--hover td {\n  background-color: var(--cds-layer-hover);\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-block-start: 1px solid var(--cds-border-subtle);\n  color: var(--cds-text-primary, #161616);\n}\n:host tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-type {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--data-table td.cds--table-expand {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,\n:host .cds--data-table td.cds--table-expand + .cds--table-column-checkbox {\n  padding-inline: 0.375rem 0.375rem;\n}\n:host .cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {\n  border-block-end: 1px solid transparent;\n  box-shadow: none;\n}\n:host .cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th,\n:host .cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--data-table td.cds--table-expand,\n:host .cds--data-table th.cds--table-expand {\n  padding: 0.5rem;\n  padding-inline-end: 0;\n}\n:host .cds--data-table td.cds--table-expand[data-previous-value=collapsed] {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--table-expand[data-previous-value=collapsed] .cds--table-expand__svg {\n  transform: rotate(270deg);\n  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--table-expand__button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 0.5rem;\n  block-size: calc(100% + 1px);\n  inline-size: 100%;\n  vertical-align: inherit;\n}\n:host .cds--table-expand__button *,\n:host .cds--table-expand__button *::before,\n:host .cds--table-expand__button *::after {\n  box-sizing: inherit;\n}\n:host .cds--table-expand__button::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--data-table--top-aligned-body td .cds--table-expand__button,\n:host .cds--data-table--top-aligned-header th .cds--table-expand__button {\n  align-items: start;\n  block-size: 2rem;\n  padding-block-start: 0.5rem;\n}\n:host .cds--data-table--top-aligned-body.cds--data-table--xs td .cds--table-expand__button,\n:host .cds--data-table--top-aligned-header.cds--data-table--xs th .cds--table-expand__button {\n  block-size: 1.5rem;\n  padding-block-start: 0.25rem;\n}\n:host .cds--data-table--top-aligned-body.cds--data-table--md td .cds--table-expand__button,\n:host .cds--data-table--top-aligned-header.cds--data-table--md th .cds--table-expand__button {\n  margin-block-start: -0.25rem;\n  padding-block-start: 0.5rem;\n}\n:host .cds--table-expand__button:focus {\n  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--table-expand__svg {\n  fill: var(--cds-layer-selected-inverse, #161616);\n  transform: rotate(90deg);\n  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--data-table--xl .cds--table-expand__button {\n  inline-size: 2rem;\n}\n:host tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {\n  position: absolute;\n  background-color: var(--cds-layer-accent);\n  block-size: 0.0625rem;\n  content: \"\";\n  inline-size: 0.5rem;\n  inset-block-end: -0.0625rem;\n  inset-inline-start: 0;\n}\n:host tr.cds--parent-row.cds--expandable-row:hover td.cds--table-expand + td::after,\n:host tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td.cds--table-expand + td::after {\n  background-color: var(--cds-layer-hover);\n}\n:host tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {\n  display: none;\n}\n:host .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td,\n:host .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+4) td {\n  border-block-end: 1px solid var(--cds-layer);\n}\n:host .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td,\n:host .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+2) td {\n  background-color: var(--cds-layer-accent);\n  border-block-end: 1px solid var(--cds-layer-accent);\n  border-block-start: 1px solid var(--cds-layer-accent);\n}\n:host .cds--data-table--zebra tr.cds--parent-row td,\n:host .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {\n  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--data-table--zebra tbody tr[data-parent-row]:hover td,\n:host .cds--data-table--zebra tbody tr[data-parent-row]:hover + tr[data-child-row] td,\n:host .cds--data-table--zebra tbody tr[data-child-row]:hover td {\n  background-color: var(--cds-layer-hover);\n  border-block-end: 1px solid var(--cds-layer-hover);\n  border-block-start: 1px solid var(--cds-layer-hover);\n}\n:host .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td {\n  background-color: var(--cds-layer-hover);\n  border-block-end: 1px solid var(--cds-layer-hover);\n  border-block-start: 1px solid var(--cds-layer-hover);\n}\n:host tr.cds--parent-row.cds--data-table--selected {\n  background-color: var(--cds-layer-selected);\n}\n:host tr.cds--parent-row.cds--data-table--selected:first-of-type td {\n  border-block-start: 1px solid var(--cds-layer-active);\n  box-shadow: 0 1px var(--cds-layer-active);\n}\n:host tr.cds--parent-row.cds--data-table--selected td {\n  border-block-end: 1px solid var(--cds-layer-active);\n  box-shadow: 0 1px var(--cds-layer-active);\n  color: var(--cds-text-primary, #161616);\n}\n:host tr.cds--parent-row.cds--data-table--selected:last-of-type td {\n  border-block-end: 1px solid transparent;\n  box-shadow: 0 1px var(--cds-border-subtle);\n}\n:host tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {\n  background-color: var(--cds-layer-selected-hover);\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-block-start: 1px solid var(--cds-layer-selected-hover);\n  box-shadow: 0 1px var(--cds-layer-selected-hover);\n}\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td,\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td:first-of-type {\n  border-block-end: 1px solid transparent;\n  box-shadow: 0 1px var(--cds-layer-selected);\n}\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first-of-type {\n  background-color: var(--cds-layer-selected-hover);\n  border-block-end: 1px solid transparent;\n  border-block-start: 1px solid var(--cds-layer-selected-hover);\n  box-shadow: 0 1px var(--cds-layer-selected-hover);\n}\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child-row] td {\n  background-color: var(--cds-layer-hover);\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-block-start: 1px solid var(--cds-layer-active);\n  box-shadow: 0 1px var(--cds-layer-active);\n  color: var(--cds-text-primary, #161616);\n}\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child-row]:last-of-type td {\n  box-shadow: inset 0 -1px var(--cds-layer-active);\n  padding-block-end: 1.5rem;\n}\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] td,\n:host tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[data-child-row] td {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--parent-row .cds--table-column-slug,\n:host .cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {\n  box-shadow: none;\n}\n:host .cds--parent-row.cds--expandable-row .cds--table-column-slug,\n:host .cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--data-table--slug-row td,\n:host .cds--data-table tr.cds--data-table--slug-row:hover td {\n  border-block-start: 1px solid transparent;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--table-expand__button:focus .cds--table-expand__svg {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--table-expand__svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--data-table.cds--skeleton th {\n  padding-inline-start: 1rem;\n  vertical-align: middle;\n}\n:host .cds--data-table.cds--skeleton th span,\n:host .cds--data-table.cds--skeleton td span {\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  display: block;\n  block-size: 1rem;\n  inline-size: 4rem;\n}\n:host .cds--data-table.cds--skeleton th span:hover, :host .cds--data-table.cds--skeleton th span:focus, :host .cds--data-table.cds--skeleton th span:active,\n:host .cds--data-table.cds--skeleton td span:hover,\n:host .cds--data-table.cds--skeleton td span:focus,\n:host .cds--data-table.cds--skeleton td span:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--data-table.cds--skeleton th span::before,\n:host .cds--data-table.cds--skeleton td span::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--data-table.cds--skeleton th span::before,\n  :host .cds--data-table.cds--skeleton td span::before {\n    animation: none;\n  }\n}\n:host .cds--data-table.cds--skeleton tr:hover td {\n  border-color: var(--cds-border-subtle);\n  background: transparent;\n}\n:host .cds--data-table.cds--skeleton tr:hover td:first-of-type,\n:host .cds--data-table.cds--skeleton tr:hover td:last-of-type {\n  border-color: var(--cds-border-subtle);\n}\n:host .cds--data-table.cds--skeleton .cds--table-sort {\n  pointer-events: none;\n}\n:host .cds--data-table.cds--skeleton th span {\n  background: var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--data-table.cds--skeleton th span::before {\n  background: var(--cds-skeleton-background, #e8e8e8);\n}\n:host .cds--data-table-container.cds--skeleton .cds--data-table-header__title {\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  block-size: 1.5rem;\n  inline-size: 7.5rem;\n}\n:host .cds--data-table-container.cds--skeleton .cds--data-table-header__title:hover, :host .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus, :host .cds--data-table-container.cds--skeleton .cds--data-table-header__title:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {\n    animation: none;\n  }\n}\n:host .cds--data-table-container.cds--skeleton .cds--data-table-header__description {\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  block-size: 1rem;\n  inline-size: 10rem;\n  margin-block-start: 0.5rem;\n}\n:host .cds--data-table-container.cds--skeleton .cds--data-table-header__description:hover, :host .cds--data-table-container.cds--skeleton .cds--data-table-header__description:focus, :host .cds--data-table-container.cds--skeleton .cds--data-table-header__description:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {\n    animation: none;\n  }\n}\n:host .cds--data-table--sort th,\n:host .cds--data-table th[aria-sort] {\n  padding: 0;\n  block-size: 3rem;\n  border-block-end: none;\n  border-block-start: none;\n}\n:host .cds--table-sort__description {\n  display: none;\n}\n:host .cds--table-sort {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--cds-layer-accent);\n  color: var(--cds-text-primary, #161616);\n  font: inherit;\n  inline-size: 100%;\n  line-height: 1;\n  min-block-size: 100%;\n  padding-inline-start: 1rem;\n  text-align: start;\n  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--table-sort *,\n:host .cds--table-sort *::before,\n:host .cds--table-sort *::after {\n  box-sizing: inherit;\n}\n:host .cds--table-sort::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--table-sort:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--table-sort:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--table-sort:hover {\n  background: var(--cds-layer-selected-hover);\n}\n:host .cds--table-sort:focus svg,\n:host .cds--table-sort:hover svg {\n  opacity: 1;\n}\n:host .cds--data-table.cds--data-table--sort th > .cds--table-header-label {\n  line-height: 1;\n  padding-inline: 1rem 1rem;\n}\n:host th .cds--table-sort__flex {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-block-size: 3rem;\n}\n:host .cds--data-table--top-aligned-header th .cds--table-sort__flex {\n  align-items: start;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {\n  padding-block-start: 1rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {\n  padding-block: 0 0;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {\n  padding-block: 0.4375rem 0.4375rem;\n}\n:host .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {\n  padding-block: 0.125rem 0.125rem;\n}\n:host .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {\n  /* IE11 workaround for align-items: center and min-height\n      https://github.com/philipwalton/flexbugs/issues/231 */\n}\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n  :host .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {\n    block-size: 2.99rem;\n  }\n}\n:host .cds--data-table--xs.cds--data-table--sort th .cds--table-sort__flex {\n  min-block-size: 1.5rem;\n}\n:host .cds--data-table--sm.cds--data-table--sort th .cds--table-sort__flex {\n  min-block-size: 2rem;\n}\n:host .cds--data-table--md.cds--data-table--sort th .cds--table-sort__flex {\n  min-block-size: 2.5rem;\n}\n:host .cds--data-table--xl.cds--data-table--sort th .cds--table-sort__flex {\n  align-items: flex-start;\n  min-block-size: 4rem;\n}\n:host .cds--table-sort .cds--table-sort__icon-inactive {\n  display: block;\n}\n:host .cds--table-sort .cds--table-sort__icon {\n  display: none;\n}\n:host .cds--table-sort__icon-unsorted {\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1.25rem;\n  margin-inline: 0.5rem 0.5rem;\n  min-inline-size: 1rem;\n  opacity: 0;\n}\n:host .cds--table-sort.cds--table-sort--active {\n  background: var(--cds-layer-selected-hover);\n}\n:host .cds--table-sort.cds--table-sort--active .cds--table-sort__icon-unsorted {\n  display: none;\n}\n:host .cds--table-sort.cds--table-sort--active .cds--table-sort__icon {\n  display: block;\n  opacity: 1;\n}\n:host .cds--table-sort--descending .cds--table-sort__icon {\n  transform: rotate(180deg);\n}\n:host .cds--table-sort__icon {\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1.25rem;\n  margin-inline: 0.5rem 0.5rem;\n  min-inline-size: 1rem;\n  opacity: 1;\n  transform: rotate(0);\n  transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);\n}\n:host .cds--data-table--xs.cds--data-table--sort th {\n  block-size: 1.5rem;\n}\n:host .cds--data-table--sm.cds--data-table--sort th {\n  block-size: 2rem;\n}\n:host .cds--data-table--md.cds--data-table--sort th {\n  block-size: 2.5rem;\n}\n:host .cds--data-table--xl.cds--data-table--sort th {\n  block-size: 4rem;\n}\n:host .cds--data-table--xl.cds--data-table--sort th .cds--table-sort {\n  display: inline-block;\n  block-size: 4rem;\n}\n:host .cds--data-table--xl .cds--table-sort__icon-unsorted,\n:host .cds--data-table--xl .cds--table-sort__icon {\n  margin-block-start: 0.8125rem;\n}\n:host .cds--table-sort__header--slug .cds--table-sort__icon,\n:host .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {\n  margin-inline: auto 0.5rem;\n}\n:host .cds--table-sort__header--slug .cds--slug {\n  margin-inline-end: 0.5rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--table-sort__icon,\n  :host .cds--table-sort__icon-unsorted {\n    fill: ButtonText;\n  }\n}\n@keyframes fp-fade-in-down {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fp-slide-left {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n  to {\n    transform: translate3d(-100%, 0, 0);\n  }\n}\n@keyframes fp-slide-left-new {\n  from {\n    transform: translate3d(100%, 0, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fp-slide-right {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n  to {\n    transform: translate3d(100%, 0, 0);\n  }\n}\n@keyframes fp-slide-right-new {\n  from {\n    transform: translate3d(-100%, 0, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fp-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes fp-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n:host .flatpickr-calendar {\n  position: absolute;\n  overflow: hidden;\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  animation: none;\n  direction: ltr;\n  inline-size: 19.6875rem;\n  max-block-size: 0;\n  opacity: 0;\n  text-align: center;\n  touch-action: manipulation;\n  visibility: hidden;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .flatpickr-calendar {\n    outline: 1px solid transparent;\n  }\n}\n:host .flatpickr-calendar.open,\n:host .flatpickr-calendar.inline {\n  overflow: visible;\n  max-block-size: 40rem;\n  opacity: 1;\n  visibility: inherit;\n}\n:host .flatpickr-calendar.open {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  z-index: 99999;\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem 0.25rem 0.5rem 0.25rem;\n  border: none;\n  background-color: var(--cds-layer-01, #f4f4f4);\n  block-size: 21rem;\n  inline-size: 18rem;\n  margin-block-start: -0.125rem;\n}\n:host .flatpickr-calendar.open:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .flatpickr-calendar.open:focus {\n    outline-style: dotted;\n  }\n}\n:host .flatpickr-calendar.animate.open {\n  animation: fp-fade-in-down 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .flatpickr-calendar.animate.open {\n    animation: none;\n  }\n}\n:host .flatpickr-calendar.inline {\n  position: absolute;\n  display: block;\n  inset-block-start: auto;\n}\n:host .flatpickr-calendar.static {\n  position: absolute;\n  inset-block-start: calc(100% + 2px);\n}\n:host .flatpickr-calendar.static.open {\n  z-index: 999;\n  display: block;\n}\n:host .flatpickr-calendar.hasWeeks {\n  inline-size: auto;\n}\n:host .dayContainer {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  padding: 0;\n  block-size: 15.375rem;\n  outline: 0;\n}\n:host .flatpickr-calendar .hasWeeks .dayContainer,\n:host .flatpickr-calendar .hasTime .dayContainer {\n  border-block-end: 0;\n  border-end-end-radius: 0;\n  border-end-start-radius: 0;\n}\n:host .flatpickr-calendar .hasWeeks .dayContainer {\n  border-inline-start: 0;\n}\n:host .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  block-size: 2.5rem;\n  border-block-start: 1px solid #e6e6e6;\n}\n:host .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  block-size: auto;\n}\n:host .flatpickr-calendar:focus {\n  outline: 0;\n}\n:host .flatpickr-months {\n  display: flex;\n  justify-content: space-between;\n  inline-size: 100%;\n}\n:host .flatpickr-month {\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  display: flex;\n  align-items: center;\n  background-color: transparent;\n  block-size: 2.5rem;\n  color: var(--cds-text-primary, #161616);\n  line-height: 1;\n  text-align: center;\n}\n:host .flatpickr-prev-month,\n:host .flatpickr-next-month {\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  block-size: 2.5rem;\n  cursor: pointer;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 2.5rem;\n  line-height: 16px;\n  text-decoration: none;\n  transform: scale(1, 1) /*rtl: scale(-1,1)*/;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  user-select: none;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .flatpickr-prev-month,\n  :host .flatpickr-next-month {\n    fill: ButtonText;\n  }\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .flatpickr-prev-month,\n  :host .flatpickr-next-month {\n    transition: none;\n  }\n}\n:host .flatpickr-prev-month:hover,\n:host .flatpickr-next-month:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .flatpickr-next-month.disabled svg,\n:host .flatpickr-prev-month.disabled svg {\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .flatpickr-next-month.disabled:hover svg,\n:host .flatpickr-prev-month.disabled:hover svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .flatpickr-current-month {\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  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 1.75rem;\n  text-align: center;\n}\n:host .flatpickr-current-month .cur-month {\n  margin-inline: 0.25rem 0.25rem;\n}\n:host .flatpickr-current-month .cur-month:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .numInputWrapper {\n  position: relative;\n  inline-size: 3.75rem;\n}\n:host .numInputWrapper:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .numInputWrapper .numInput {\n  display: inline-block;\n  padding: 0.25rem;\n  border: none;\n  margin: 0;\n  -moz-appearance: textfield; /* Firefox */\n  background-color: var(--cds-field-01, #f4f4f4);\n  color: var(--cds-text-primary, #161616);\n  cursor: default;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: 600;\n  inline-size: 100%;\n}\n:host .numInputWrapper .numInput::-webkit-outer-spin-button, :host .numInputWrapper .numInput::-webkit-inner-spin-button {\n  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n  -webkit-appearance: none;\n}\n:host .numInputWrapper .numInput:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .numInputWrapper .numInput:focus {\n    outline-style: dotted;\n  }\n}\n:host .numInputWrapper .numInput[disabled], :host .numInputWrapper .numInput[disabled]:hover {\n  background-color: var(--cds-layer-01, #f4f4f4);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  pointer-events: none;\n}\n:host .numInputWrapper .arrowUp {\n  border-block-end: 0;\n  inset-block-start: 0.25rem;\n}\n:host .numInputWrapper .arrowUp::after {\n  border-block-end: 0.25rem solid var(--cds-icon-primary, #161616);\n}\n:host .numInputWrapper .arrowDown {\n  inset-block-start: 0.6875rem;\n}\n:host .numInputWrapper .arrowDown::after {\n  border-block-start: 0.25rem solid var(--cds-icon-primary, #161616);\n}\n:host .numInputWrapper .arrowUp,\n:host .numInputWrapper .arrowDown {\n  position: absolute;\n  padding: 0 0.25rem 0 0.125rem;\n  border: none;\n  block-size: 50%;\n  cursor: pointer;\n  inline-size: 0.75rem;\n  inset-inline-start: 2.6rem;\n  line-height: 50%;\n  opacity: 0;\n}\n:host .numInputWrapper .arrowUp::after,\n:host .numInputWrapper .arrowDown::after {\n  position: absolute;\n  display: block;\n  border-inline-end: 0.25rem solid transparent;\n  border-inline-start: 0.25rem solid transparent;\n  content: \"\";\n  inset-block-start: 33%;\n}\n:host .numInputWrapper .arrowUp:hover::after,\n:host .numInputWrapper .arrowDown:hover::after {\n  border-block-end-color: var(--cds-button-primary, #0f62fe);\n  border-block-start-color: var(--cds-button-primary, #0f62fe);\n}\n:host .numInputWrapper .arrowUp:active::after,\n:host .numInputWrapper .arrowDown:active::after {\n  border-block-end-color: var(--cds-border-interactive, #0f62fe);\n  border-block-start-color: var(--cds-border-interactive, #0f62fe);\n}\n:host .numInput[disabled] ~ .arrowUp::after {\n  border-block-end-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .numInput[disabled] ~ .arrowDown::after {\n  border-block-start-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .numInputWrapper:hover .arrowUp,\n:host .numInputWrapper:hover .arrowDown {\n  opacity: 1;\n}\n:host .numInputWrapper:hover .numInput[disabled] ~ .arrowUp,\n:host .numInputWrapper:hover .numInput[disabled] ~ .arrowDown {\n  opacity: 0;\n}\n:host .flatpickr-weekdays {\n  display: flex;\n  align-items: center;\n  block-size: 2.5rem;\n}\n:host .flatpickr-weekdaycontainer {\n  display: flex;\n  inline-size: 100%;\n}\n:host .flatpickr-weekday {\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  flex: 1;\n  color: var(--cds-text-primary, #161616);\n  cursor: default;\n}\n:host .flatpickr-days:focus {\n  outline: 0;\n}\n:host .flatpickr-calendar.animate .dayContainer.slideLeft {\n  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n:host .flatpickr-calendar.animate .dayContainer.slideLeft,\n:host .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n  transform: translate3d(-100%, 0, 0);\n}\n:host .flatpickr-calendar.animate .dayContainer.slideLeftNew {\n  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n:host .flatpickr-calendar.animate .dayContainer.slideRight {\n  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right 400ms cubic-bezier(0.23, 1, 0.32, 1);\n  transform: translate3d(100%, 0, 0);\n}\n:host .flatpickr-calendar.animate .dayContainer.slideRightNew {\n  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right-new 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n:host .flatpickr-day {\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  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 2.5rem;\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n  inline-size: 2.5rem;\n  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .flatpickr-day:hover {\n  background: var(--cds-layer-hover);\n}\n:host .flatpickr-day:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  outline-color: var(--cds-button-primary, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .flatpickr-day:focus {\n    outline-style: dotted;\n  }\n}\n:host .nextMonthDay,\n:host .prevMonthDay {\n  color: var(--cds-text-helper, #6f6f6f);\n}\n:host .flatpickr-day.today {\n  position: relative;\n  color: var(--cds-link-primary, #0f62fe);\n  font-weight: 600;\n}\n:host .flatpickr-day.today::after {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-link-primary, #0f62fe);\n  block-size: 0.25rem;\n  content: \"\";\n  inline-size: 0.25rem;\n  inset-block-end: 0.4375rem;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n:host .flatpickr-day.today.no-border {\n  border: none;\n}\n:host .flatpickr-day.today.selected {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .flatpickr-day.today.selected {\n    outline-style: dotted;\n  }\n}\n:host .flatpickr-day.today.selected::after {\n  display: none;\n}\n:host .flatpickr-day.inRange {\n  background-color: var(--cds-highlight, #d0e2ff);\n  color: var(--cds-text-primary, #161616);\n}\n:host .flatpickr-day.selected {\n  background-color: var(--cds-button-primary, #0f62fe);\n  color: var(--cds-text-on-color, #ffffff);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .flatpickr-day.selected {\n    color: Highlight;\n    outline: 1px solid Highlight;\n    outline-style: dotted;\n  }\n}\n:host .flatpickr-day.selected:focus {\n  outline: 0.0625rem solid var(--cds-layer-02, #ffffff);\n  outline-offset: -0.1875rem;\n}\n:host .flatpickr-day.startRange.selected {\n  z-index: 2;\n  box-shadow: none;\n}\n:host .flatpickr-day.startRange.inRange:not(.selected),\n:host .flatpickr-day.endRange.inRange {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  z-index: 3;\n  background: var(--cds-layer-01, #f4f4f4);\n}\n@media screen and (prefers-contrast) {\n  :host .flatpickr-day.startRange.inRange:not(.selected),\n  :host .flatpickr-day.endRange.inRange {\n    outline-style: dotted;\n  }\n}\n:host .flatpickr-day.endRange:hover {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  background: var(--cds-layer-01, #f4f4f4);\n  color: var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-contrast) {\n  :host .flatpickr-day.endRange:hover {\n    outline-style: dotted;\n  }\n}\n:host .flatpickr-day.endRange.inRange.selected {\n  background: var(--cds-button-primary, #0f62fe);\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .flatpickr-day.flatpickr-disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .flatpickr-day.flatpickr-disabled:hover {\n  background-color: transparent;\n}\n:host .flatpickr-input[readonly] {\n  cursor: pointer;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .flatpickr-day.today,\n  :host .flatpickr-day.inRange {\n    color: Highlight;\n  }\n}\n:host .cds--date-picker {\n  display: flex;\n}\n:host .cds--date-picker--light .cds--date-picker__input {\n  background: var(--cds-field-02, #ffffff);\n}\n:host .cds--date-picker ~ .cds--label {\n  order: 1;\n}\n:host .cds--date-picker-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n:host .cds--date-picker-container .cds--label {\n  display: flex;\n}\n:host .cds--date-picker-input__wrapper {\n  display: flex;\n  align-items: center;\n}\n:host .cds--date-picker-input__wrapper > span {\n  position: relative;\n}\n:host .cds--date-picker.cds--date-picker--simple .cds--date-picker__input,\n:host .cds--date-picker.cds--date-picker--simple .cds--label {\n  inline-size: 7.5rem;\n}\n:host .cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,\n:host .cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,\n:host .cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,\n:host .cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement {\n  inline-size: 9.5rem;\n}\n:host .cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input {\n  inline-size: 5.7rem;\n}\n:host .cds--date-picker.cds--date-picker--single .cds--date-picker__input {\n  inline-size: 18rem;\n}\n:host .cds--date-picker .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--date-picker__input {\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  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-02-font-size, 0.875rem);\n  font-weight: var(--cds-code-02-font-weight, 400);\n  line-height: var(--cds-code-02-line-height, 1.42857);\n  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: relative;\n  display: block;\n  padding: 0 1rem;\n  border: none;\n  background-color: var(--cds-field);\n  block-size: 2.5rem;\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;\n}\n:host .cds--date-picker__input *,\n:host .cds--date-picker__input *::before,\n:host .cds--date-picker__input *::after {\n  box-sizing: inherit;\n}\n:host .cds--date-picker__input:focus, :host .cds--date-picker__input.cds--focused {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--date-picker__input:focus, :host .cds--date-picker__input.cds--focused {\n    outline-style: dotted;\n  }\n}\n:host .cds--date-picker__input:disabled {\n  background-color: var(--cds-field);\n  border-block-end: 1px solid transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--date-picker__input:disabled::placeholder {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--date-picker__input:disabled:hover {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--date-picker__input::placeholder {\n  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  opacity: 1;\n}\n:host .cds--date-picker__input--lg {\n  block-size: 3rem;\n}\n:host .cds--date-picker__input--sm {\n  block-size: 2rem;\n}\n:host .cds--date-picker__icon {\n  position: absolute;\n  z-index: 1;\n  fill: var(--cds-icon-primary, #161616);\n  inset-block-start: 50%;\n  inset-inline-end: 1rem;\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n:host .cds--date-picker__icon--invalid,\n:host .cds--date-picker__icon--warn {\n  cursor: auto;\n}\n:host .cds--date-picker__icon--warn {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--date-picker__icon--warn path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--date-picker__icon--invalid {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--date-picker__icon ~ .cds--date-picker__input {\n  padding-inline-end: 3rem;\n}\n:host .cds--date-picker__input:disabled ~ .cds--date-picker__icon {\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--date-picker--range > .cds--date-picker-container:first-child {\n  margin-inline-end: 0.0625rem;\n}\n:host .cds--date-picker--range .cds--date-picker-container,\n:host .cds--date-picker--range .cds--date-picker__input {\n  inline-size: 8.96875rem;\n}\n:host .cds--date-picker-input__wrapper--slug .cds--slug {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: 2.5rem;\n  transform: translateY(-50%);\n}\n:host .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(:has(~ .cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n  padding-inline-end: 4rem;\n}\n:host .cds--date-picker__input[readonly] {\n  background: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n  cursor: text;\n}\n:host .cds--date-picker__input[readonly] + .cds--date-picker__icon {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--date-picker.cds--skeleton input,\n:host .cds--date-picker__input.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  inline-size: 100%;\n}\n:host .cds--date-picker.cds--skeleton input:hover, :host .cds--date-picker.cds--skeleton input:focus, :host .cds--date-picker.cds--skeleton input:active,\n:host .cds--date-picker__input.cds--skeleton:hover,\n:host .cds--date-picker__input.cds--skeleton:focus,\n:host .cds--date-picker__input.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--date-picker.cds--skeleton input::before,\n:host .cds--date-picker__input.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--date-picker.cds--skeleton input::before,\n  :host .cds--date-picker__input.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--date-picker.cds--skeleton input::placeholder,\n:host .cds--date-picker__input.cds--skeleton::placeholder {\n  color: transparent;\n}\n:host .cds--date-picker.cds--skeleton .cds--label {\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  block-size: 0.875rem;\n  inline-size: 4.6875rem;\n}\n:host .cds--date-picker.cds--skeleton .cds--label:hover, :host .cds--date-picker.cds--skeleton .cds--label:focus, :host .cds--date-picker.cds--skeleton .cds--label:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--date-picker.cds--skeleton .cds--label::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--date-picker.cds--skeleton .cds--label::before {\n    animation: none;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--date-picker__icon {\n    fill: ButtonText;\n  }\n}\n:host .cds--dropdown__wrapper--inline {\n  display: inline-grid;\n  align-items: center;\n  grid-gap: 0 1.5rem;\n  grid-template: auto auto/auto min-content;\n}\n:host .cds--dropdown__wrapper--inline .cds--label {\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--dropdown__wrapper--inline .cds--label,\n:host .cds--dropdown__wrapper--inline .cds--form__helper-text,\n:host .cds--dropdown__wrapper--inline .cds--form-requirement {\n  margin: 0;\n}\n:host .cds--dropdown__wrapper--inline .cds--form-requirement {\n  grid-column: 2;\n}\n:host .cds--dropdown {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: relative;\n  display: block;\n  border: none;\n  background-color: var(--cds-field);\n  block-size: 2.5rem;\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n  inline-size: 100%;\n  list-style: none;\n  outline: 2px solid transparent;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--dropdown html {\n  font-size: 100%;\n}\n:host .cds--dropdown body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--dropdown code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--dropdown strong {\n  font-weight: 600;\n}\n:host .cds--dropdown:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--dropdown .cds--list-box__field {\n  text-align: start;\n}\n:host .cds--dropdown--lg {\n  block-size: 3rem;\n  max-block-size: 3rem;\n}\n:host .cds--dropdown--lg .cds--dropdown__arrow {\n  inset-block-start: 1rem;\n}\n:host .cds--dropdown--sm {\n  block-size: 2rem;\n  max-block-size: 2rem;\n}\n:host .cds--dropdown--sm .cds--dropdown__arrow {\n  inset-block-start: 0.5rem;\n}\n:host .cds--dropdown--open {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--dropdown--open .cds--list-box__field {\n  outline: none;\n}\n:host .cds--dropdown--invalid {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--dropdown--invalid {\n    outline-style: dotted;\n  }\n}\n:host .cds--dropdown--invalid .cds--dropdown-text {\n  padding-inline-end: 3.5rem;\n}\n:host .cds--dropdown--invalid + .cds--form-requirement {\n  display: inline-block;\n  color: var(--cds-text-error, #da1e28);\n  max-block-size: 12.5rem;\n}\n:host .cds--dropdown__invalid-icon {\n  position: absolute;\n  fill: var(--cds-support-error, #da1e28);\n  inset-block-start: 50%;\n  inset-inline-end: 2.5rem;\n  transform: translateY(-50%);\n}\n:host .cds--dropdown--open:hover {\n  background-color: var(--cds-field);\n}\n:host .cds--dropdown--open:focus {\n  outline: 1px solid transparent;\n}\n:host .cds--dropdown--open .cds--dropdown-list {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  max-block-size: 13.75rem;\n  transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--dropdown--light {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--dropdown--light:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--dropdown--up .cds--dropdown-list {\n  inset-block-end: 2rem;\n}\n:host .cds--dropdown__arrow {\n  position: absolute;\n  fill: var(--cds-icon-primary, #161616);\n  inset-block-start: 0.8125rem;\n  inset-inline-end: 1rem;\n  pointer-events: none;\n  transform-origin: 50% 45%;\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host button.cds--dropdown-text {\n  border: none;\n  background: none;\n  color: var(--cds-text-primary, #161616);\n  inline-size: 100%;\n  text-align: start;\n}\n:host button.cds--dropdown-text:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host button.cds--dropdown-text:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--dropdown-text {\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  display: block;\n  overflow: hidden;\n  block-size: calc(100% + 1px);\n  padding-inline: 1rem 2.625rem;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--dropdown-list {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\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: absolute;\n  z-index: 9100;\n  display: flex;\n  overflow: hidden auto;\n  flex-direction: column;\n  background-color: var(--cds-layer);\n  inline-size: 100%;\n  list-style: none;\n  max-block-size: 0;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--dropdown-list html {\n  font-size: 100%;\n}\n:host .cds--dropdown-list body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--dropdown-list code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--dropdown-list strong {\n  font-weight: 600;\n}\n:host .cds--dropdown--light .cds--dropdown-list {\n  background-color: var(--cds-layer);\n}\n:host .cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item {\n  visibility: hidden;\n}\n:host .cds--dropdown-item {\n  position: relative;\n  opacity: 0;\n  transition: visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  visibility: inherit;\n}\n:host .cds--dropdown-item:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--dropdown-item:hover + .cds--dropdown-item .cds--dropdown-link {\n  border-color: transparent;\n}\n:host .cds--dropdown-item:active {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--dropdown-item:first-of-type .cds--dropdown-link {\n  border-block-start-color: transparent;\n}\n:host .cds--dropdown-item:last-of-type .cds--dropdown-link {\n  border-block-end: none;\n}\n:host .cds--dropdown-link {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  overflow: hidden;\n  padding: 0.6875rem 0;\n  border: 1px solid transparent;\n  margin: 0 1rem;\n  block-size: 2.5rem;\n  border-block-start-color: var(--cds-border-subtle);\n  color: var(--cds-text-secondary, #525252);\n  font-weight: normal;\n  line-height: 1rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--dropdown-link:hover {\n  border-color: transparent;\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--dropdown--light .cds--dropdown-link {\n  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--dropdown--sm .cds--dropdown-link {\n  block-size: 2rem;\n  padding-block: 0.4375rem 0.4375rem;\n}\n:host .cds--dropdown--focused,\n:host .cds--dropdown-link:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  padding: 0.6875rem 1rem;\n  margin: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--dropdown--focused,\n  :host .cds--dropdown-link:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {\n  padding: 0.6875rem 0;\n  margin: 0 1rem;\n  outline: none;\n}\n:host .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  padding: 0.6875rem 1rem;\n  margin: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {\n  background-color: inherit;\n}\n:host .cds--dropdown-item:hover .cds--dropdown-link {\n  border-block-end-color: var(--cds-layer-hover);\n}\n:host .cds--dropdown--open .cds--dropdown__arrow {\n  transform: rotate(-180deg);\n}\n:host .cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list {\n  max-block-size: 11rem;\n}\n:host .cds--dropdown--open .cds--dropdown-item {\n  opacity: 1;\n}\n:host .cds--dropdown--disabled {\n  border-block-end-color: transparent;\n}\n:host .cds--dropdown--disabled:hover {\n  background-color: var(--cds-field);\n}\n:host .cds--dropdown--disabled:focus {\n  outline: none;\n}\n:host .cds--dropdown--disabled .cds--dropdown-text,\n:host .cds--dropdown--disabled .cds--list-box__label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--dropdown--disabled .cds--dropdown__arrow,\n:host .cds--dropdown--disabled .cds--list-box__menu-icon svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--dropdown--disabled.cds--dropdown--light:hover {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--dropdown--disabled .cds--list-box__field,\n:host .cds--dropdown--disabled .cds--list-box__menu-icon {\n  cursor: not-allowed;\n}\n:host .cds--dropdown--auto-width {\n  inline-size: auto;\n  max-inline-size: 25rem;\n}\n:host .cds--dropdown--inline {\n  display: inline-block;\n  background-color: transparent;\n  border-block-end-color: transparent;\n  inline-size: auto;\n  justify-self: start;\n  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);\n}\n:host .cds--dropdown--inline:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--dropdown--inline.cds--dropdown--disabled {\n  background-color: transparent;\n}\n:host .cds--dropdown--inline .cds--dropdown__arrow {\n  inset-block-start: 0.5rem;\n  inset-inline-end: 0.5rem;\n}\n:host .cds--dropdown--inline.cds--dropdown--open {\n  background-color: transparent;\n}\n:host .cds--dropdown--inline .cds--dropdown-text {\n  display: inline-block;\n  overflow: visible;\n  padding: 0.4375rem 2rem 0.4375rem 0.75rem;\n  block-size: 2rem;\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text {\n  outline: 0;\n}\n:host .cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon {\n  inset-inline-end: 2rem;\n}\n:host .cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text {\n  padding-inline-end: 3.5rem;\n}\n:host .cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n}\n:host .cds--dropdown--inline .cds--dropdown-link {\n  font-weight: normal;\n}\n:host .cds--dropdown--show-selected .cds--dropdown--selected {\n  display: block;\n  background-color: var(--cds-layer-selected);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--dropdown--show-selected .cds--dropdown--selected:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link {\n  border-block-start-color: transparent;\n}\n:host .cds--dropdown--show-selected .cds--dropdown--selected + .cds--dropdown-item .cds--dropdown-link {\n  border-block-start-color: transparent;\n}\n:host .cds--dropdown--show-selected .cds--dropdown--selected .cds--list-box__menu-item__selected-icon {\n  display: block;\n}\n:host .cds--dropdown-v2.cds--skeleton,\n:host .cds--dropdown.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n}\n:host .cds--dropdown-v2.cds--skeleton:hover, :host .cds--dropdown-v2.cds--skeleton:focus, :host .cds--dropdown-v2.cds--skeleton:active,\n:host .cds--dropdown.cds--skeleton:hover,\n:host .cds--dropdown.cds--skeleton:focus,\n:host .cds--dropdown.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--dropdown-v2.cds--skeleton::before,\n:host .cds--dropdown.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--dropdown-v2.cds--skeleton::before,\n  :host .cds--dropdown.cds--skeleton::before {\n    animation: none;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--dropdown .cds--list-box__field {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--list-box__menu-item__option {\n    outline: none;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--list-box__menu-item__selected-icon {\n    fill: ButtonText;\n  }\n}\n:host .cds--dropdown--readonly,\n:host .cds--dropdown--readonly:hover {\n  background-color: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--dropdown--inline.cds--dropdown--readonly {\n  border-block-end-color: transparent;\n}\n:host .cds--dropdown--readonly .cds--list-box__field,\n:host .cds--dropdown--readonly .cds--list-box__menu-icon {\n  cursor: default;\n}\n:host .cds--dropdown--readonly .cds--list-box__menu-icon svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--loading {\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  animation-duration: 690ms;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: cds--rotate;\n  animation-timing-function: linear;\n  block-size: 5.5rem;\n  inline-size: 5.5rem;\n}\n:host .cds--loading *,\n:host .cds--loading *::before,\n:host .cds--loading *::after {\n  box-sizing: inherit;\n}\n:host .cds--loading svg circle {\n  animation-duration: 10ms;\n  animation-name: cds--init-stroke;\n  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--loading svg circle {\n    animation: none;\n  }\n}\n:host .cds--loading__svg {\n  fill: transparent;\n}\n:host .cds--loading__svg circle {\n  stroke-dasharray: 276.4608 276.4608;\n  stroke-linecap: butt;\n  stroke-width: 10;\n}\n:host .cds--loading__stroke {\n  stroke: var(--cds-interactive, #0f62fe);\n  stroke-dashoffset: 52.527552;\n}\n:host .cds--loading--small .cds--loading__stroke {\n  stroke-dashoffset: 143.759616;\n}\n:host .cds--loading--stop {\n  animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;\n}\n:host .cds--loading--stop svg circle {\n  animation-delay: 700ms;\n  animation-duration: 700ms;\n  animation-fill-mode: forwards;\n  animation-name: cds--stroke-end;\n  animation-timing-function: cubic-bezier(0, 0, 0.25, 1);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--loading--stop svg circle {\n    animation: none;\n  }\n}\n:host .cds--loading--small {\n  block-size: 1rem;\n  inline-size: 1rem;\n  line-height: 1rem;\n}\n:host .cds--loading--small circle {\n  stroke-width: 16;\n}\n:host .cds--loading--small .cds--loading__svg {\n  stroke: var(--cds-interactive, #0f62fe);\n}\n:host .cds--loading__background {\n  stroke: var(--cds-layer-accent);\n  stroke-dashoffset: -22;\n}\n@media not all and (resolution >= 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    :host circle.cds--loading__background {\n      stroke-dasharray: 265;\n      stroke-dashoffset: 0;\n    }\n  }\n}\n:host .cds--loading-overlay {\n  position: fixed;\n  z-index: 6000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n  block-size: 100%;\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  transition: background-color 700ms cubic-bezier(0.4, 0.14, 0.3, 1);\n}\n:host .cds--loading-overlay--stop {\n  display: none;\n}\n@keyframes cds--rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes cds--rotate-end-p1 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes cds--rotate-end-p2 {\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n@keyframes cds--init-stroke {\n  0% {\n    stroke-dashoffset: 276.4608;\n  }\n  100% {\n    stroke-dashoffset: 52.527552;\n  }\n}\n@keyframes cds--stroke-end {\n  0% {\n    stroke-dashoffset: 52.527552;\n  }\n  100% {\n    stroke-dashoffset: 276.4608;\n  }\n}\n:host .cds--file {\n  inline-size: 100%;\n}\n:host .cds--file--invalid {\n  fill: var(--cds-support-error, #da1e28);\n  margin-inline-end: 0.5rem;\n}\n:host .cds--file--label {\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  color: var(--cds-text-primary, #161616);\n  margin-block-end: 0.5rem;\n}\n:host .cds--file--label html {\n  font-size: 100%;\n}\n:host .cds--file--label body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--file--label code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--file--label strong {\n  font-weight: 600;\n}\n:host .cds--file--label--disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--file-input {\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--file-btn {\n  display: inline-flex;\n  margin: 0;\n  padding-inline-end: 4rem;\n}\n:host .cds--file-browse-btn {\n  display: inline-block;\n  color: var(--cds-link-primary, #0f62fe);\n  cursor: pointer;\n  inline-size: 100%;\n  max-inline-size: 20rem;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--file-browse-btn:focus, :host .cds--file-browse-btn:hover {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--file-browse-btn:hover, :host .cds--file-browse-btn:focus, :host .cds--file-browse-btn:active, :host .cds--file-browse-btn:active:visited {\n  text-decoration: underline;\n}\n:host .cds--file-browse-btn:active {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--file-browse-btn--disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: no-drop;\n  text-decoration: none;\n  transition: none;\n}\n:host .cds--file-browse-btn--disabled:hover, :host .cds--file-browse-btn--disabled:focus {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline: none;\n  text-decoration: none;\n}\n:host .cds--file-browse-btn--disabled .cds--file__drop-container {\n  border: 1px dashed var(--cds-button-disabled, #c6c6c6);\n}\n:host .cds--label-description {\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  color: var(--cds-text-secondary, #525252);\n  margin-block-end: 1rem;\n}\n:host .cds--label-description html {\n  font-size: 100%;\n}\n:host .cds--label-description body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--label-description code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--label-description strong {\n  font-weight: 600;\n}\n:host .cds--label-description--disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--file-container--drop {\n  inline-size: 100%;\n}\n:host .cds--file-btn ~ .cds--file-container {\n  margin-block-start: 1.5rem;\n}\n:host .cds--btn ~ .cds--file-container {\n  margin-block-start: 1rem;\n}\n:host .cds--file .cds--file-container,\n:host .cds--file ~ .cds--file-container {\n  margin-block-start: 0.5rem;\n}\n:host .cds--file__selected-file {\n  display: grid;\n  align-items: center;\n  background-color: var(--cds-layer);\n  gap: 0.75rem 0;\n  grid-auto-rows: auto;\n  grid-template-columns: 1fr auto;\n  margin-block-end: 0.5rem;\n  max-inline-size: 20rem;\n  min-block-size: 3rem;\n  word-break: break-word;\n}\n:host .cds--file__selected-file:last-child {\n  margin-block-end: 0;\n}\n:host .cds--file__selected-file .cds--form-requirement {\n  display: block;\n  margin: 0;\n  grid-column: 1/-1;\n  max-block-size: none;\n}\n:host .cds--file__selected-file .cds--inline-loading__animation .cds--loading {\n  margin-inline-end: 0;\n}\n:host .cds--file__selected-file .cds--file-filename {\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  overflow: hidden;\n  margin-inline-start: 1rem;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--file__selected-file .cds--file-filename-container-wrap {\n  margin-block-start: 1px;\n  max-inline-size: 17.5rem;\n  padding-inline-start: 1rem;\n}\n@media (max-width: 410px) {\n  :host .cds--file__selected-file .cds--file-filename-container-wrap {\n    max-inline-size: 13.5rem;\n  }\n}\n:host .cds--file__selected-file .cds--file-filename-container-wrap-invalid {\n  max-inline-size: 15.5rem;\n}\n:host .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {\n  inline-size: -webkit-fill-available;\n  padding-inline-start: 1rem;\n}\n@-moz-document url-prefix() {\n  :host .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {\n    inline-size: -moz-available;\n  }\n}\n:host .cds--file__selected-file .cds--file-filename-tooltip {\n  inline-size: -webkit-fill-available;\n}\n@-moz-document url-prefix() {\n  :host .cds--file__selected-file .cds--file-filename-tooltip {\n    inline-size: -moz-available;\n  }\n}\n:host .cds--file__selected-file .cds--file-filename-button {\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  overflow: hidden;\n  padding: 0;\n  border: none;\n  background: none;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  inline-size: -webkit-fill-available;\n  outline: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n@-moz-document url-prefix() {\n  :host .cds--file__selected-file .cds--file-filename-button {\n    inline-size: -moz-available;\n  }\n}\n:host .cds--file__selected-file .cds--file-filename-button:focus {\n  outline: revert;\n}\n:host .cds--file__selected-file--md {\n  gap: 0.5rem 0;\n  min-block-size: 2.5rem;\n}\n:host .cds--file__selected-file--sm {\n  gap: 0.25rem 0;\n  min-block-size: 2rem;\n}\n:host .cds--file__selected-file--invalid__wrapper {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n  background-color: var(--cds-layer);\n  margin-block-end: 0.5rem;\n  max-inline-size: 20rem;\n  outline-width: 1px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--file__selected-file--invalid__wrapper {\n    outline-style: dotted;\n  }\n}\n:host .cds--file__selected-file--invalid {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n  padding: 0.75rem 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--file__selected-file--invalid {\n    outline-style: dotted;\n  }\n}\n:host .cds--file__selected-file--invalid.cds--file__selected-file--sm {\n  padding: 0.25rem 0;\n}\n:host .cds--file__selected-file--invalid.cds--file__selected-file--md {\n  padding: 0.5rem 0;\n}\n:host .cds--file__selected-file--invalid .cds--form-requirement {\n  border-block-start: 1px solid var(--cds-border-subtle);\n  padding-block-start: 1rem;\n}\n:host .cds--file__selected-file--invalid.cds--file__selected-file--sm .cds--form-requirement {\n  padding-block-start: 0.4375rem;\n}\n:host .cds--file__selected-file--invalid.cds--file__selected-file--md .cds--form-requirement {\n  padding-block-start: 0.6875rem;\n}\n:host .cds--file__selected-file--invalid .cds--form-requirement__title,\n:host .cds--file__selected-file--invalid .cds--form-requirement__supplement {\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  padding: 0 1rem;\n}\n:host .cds--file__selected-file--invalid .cds--form-requirement__title {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--file__selected-file--invalid .cds--form-requirement__supplement {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--file__selected-file--invalid + .cds--form-requirement {\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: block;\n  overflow: visible;\n  padding: 0.5rem 1rem;\n  color: var(--cds-text-error, #da1e28);\n  font-weight: 400;\n  max-block-size: 12.5rem;\n}\n:host .cds--file__selected-file--invalid + .cds--form-requirement .cds--form-requirement__supplement {\n  color: var(--cds-text-primary, #161616);\n  padding-block-end: 0.5rem;\n}\n:host .cds--file__state-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-inline-size: 1.5rem;\n  padding-inline-end: 0.75rem;\n}\n:host .cds--file__state-container .cds--loading__svg {\n  stroke: var(--cds-icon-primary, #161616);\n}\n:host .cds--file__state-container .cds--file-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem;\n  border: none;\n  background-color: transparent;\n  block-size: 1rem;\n  inline-size: 1.5rem;\n}\n:host .cds--file__state-container .cds--file-complete {\n  fill: var(--cds-interactive, #0f62fe);\n  inline-size: 1.5rem;\n}\n:host .cds--file__state-container .cds--file-complete:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--file__state-container .cds--file-complete:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--file__state-container .cds--file-complete [data-icon-path=inner-path] {\n  fill: var(--cds-icon-inverse, #ffffff);\n  opacity: 1;\n}\n:host .cds--file__state-container .cds--file-invalid {\n  block-size: 1rem;\n  fill: var(--cds-support-error, #da1e28);\n  inline-size: 1rem;\n}\n:host .cds--file__state-container .cds--file-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  block-size: 1.5rem;\n  cursor: pointer;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1.5rem;\n}\n:host .cds--file__state-container .cds--file-close:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--file__state-container .cds--file-close:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--file__state-container .cds--file-close svg path {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--file__state-container .cds--inline-loading__animation {\n  margin-inline-end: -0.5rem;\n}\n:host .cds--file__drop-container {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\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  display: flex;\n  overflow: hidden;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 1rem;\n  border: 1px dashed var(--cds-border-strong);\n  block-size: 6rem;\n}\n:host .cds--file__drop-container *,\n:host .cds--file__drop-container *::before,\n:host .cds--file__drop-container *::after {\n  box-sizing: inherit;\n}\n:host .cds--file__drop-container::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--file__drop-container--drag-over {\n  background: none;\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--file__selected-file {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--file__state-container .cds--file-close svg path {\n    fill: ButtonText;\n  }\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper {\n  position: relative;\n  background: var(--cds-field);\n  block-size: 100%;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box {\n  padding: 0;\n  min-block-size: 4rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--label::-webkit-scrollbar,\n:host .cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--list-box__wrapper--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box__field {\n  padding-block: 2.0625rem 0.8125rem;\n  padding-inline-start: 1rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box__menu-icon {\n  block-size: 1rem;\n  inline-size: 1rem;\n}\n:host .cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item {\n  block-size: 4rem;\n}\n:host .cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item__selected-icon {\n  inset-block-start: 1.25rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n:host .cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  z-index: 2;\n  outline-offset: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--combo-box) {\n  outline: none;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded) {\n  outline-width: 0.0625rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box__field:focus {\n  outline: none;\n  outline-offset: 0;\n}\n:host .cds--list-box__wrapper--fluid:not(.cds--list-box--up) .cds--list-box__menu {\n  inset-block-start: 100%;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n  z-index: 2;\n  outline-offset: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {\n    outline-style: dotted;\n  }\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box:not(.cds--list-box--invalid),\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box .cds--text-input,\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box .cds--text-input,\n:host .cds--list-box__wrapper--fluid .cds--combo-box.cds--list-box--warning .cds--text-input {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box__field:focus,\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--combo-box[data-invalid] .cds--text-input {\n  outline: none;\n  outline-offset: 0;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:focus-within {\n  outline-offset: 0;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement,\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement {\n  padding: 0.5rem 4rem 0.5rem 1rem;\n  margin-block-start: 0;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid] .cds--list-box__invalid-icon,\n:host .cds--list-box__wrapper--fluid .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon {\n  inset-block-start: 5.0625rem;\n  inset-inline-end: 1rem;\n  pointer-events: none;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid]:not(.cds--combo-box) .cds--list-box__field {\n  padding-inline-end: 3rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid].cds--combo-box .cds--text-input {\n  padding-inline-end: 4rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box__divider {\n  display: none;\n  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box--invalid ~ .cds--list-box__divider,\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--list-box__divider {\n  display: block;\n  border: none;\n  margin: 0 1rem;\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box--invalid:hover:not(.cds--combo-box) ~ .cds--list-box__divider,\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning:hover:not(.cds--combo-box) ~ .cds--list-box__divider {\n  border-color: transparent;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box--up .cds--list-box__menu {\n  inset-block-end: 4rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--skeleton {\n  background: var(--cds-skeleton-background, #e8e8e8);\n  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {\n  position: absolute;\n  padding: 0;\n  block-size: 0.5rem;\n  inline-size: 50%;\n  inset-block-start: 2.25rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {\n  position: absolute;\n  block-size: 0.5rem;\n  inline-size: 25%;\n  inset-block-start: 1rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,\n:host .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {\n  animation: 3000ms ease-in-out skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {\n  inset-block-start: 2.625rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {\n  padding-inline-end: 4rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {\n  padding-inline-end: 5.5rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug,\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug {\n  inset-inline-end: 4rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {\n  padding-inline-end: 6rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box__selection {\n  inset-inline-end: 2.5625rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,\n:host .cds--list-box__wrapper--fluid .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {\n  position: absolute;\n  background-color: transparent;\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  margin-inline-end: 2.0625rem;\n}\n:host .cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {\n  inset-inline-end: 0.75rem;\n}\n:host .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {\n  inset-inline-end: 0.75rem;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,\n:host .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {\n  display: none;\n}\n:host .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {\n  overflow: visible;\n  padding: 0;\n}\n:host .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {\n  overflow: hidden;\n  padding-block: 2.0625rem 0.8125rem;\n  padding-inline: 1rem 4rem;\n  text-overflow: ellipsis;\n  transition: none;\n  white-space: nowrap;\n}\n:host .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--combo-box.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=\"\"])) .cds--combo-box--input--focus.cds--text-input {\n  outline-offset: -0.0625rem;\n  outline-width: 0.0625rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {\n  inset-block: auto 0.625rem;\n  transform: none;\n}\n:host .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__menu-icon {\n  inset-block-end: 0.875rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,\n:host .cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {\n  inset-inline-end: 1rem;\n}\n:host .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--combo-box .cds--list-box__menu {\n  inset-block-start: calc(100% + 0.0625rem);\n}\n:host .cds--date-picker--fluid {\n  display: inline-flex;\n  background: var(--cds-field);\n}\n:host .cds--date-picker--fluid .cds--date-picker {\n  position: relative;\n  block-size: 100%;\n  inline-size: 100%;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--date-picker--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--date-picker--fluid .cds--label::-webkit-scrollbar,\n:host .cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--date-picker--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--date-picker--fluid .cds--date-picker-input__wrapper > span {\n  inline-size: 100%;\n}\n:host .cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input {\n  padding: 2rem 1rem 0.8125rem;\n  background: transparent;\n  border-block-end: none;\n  min-block-size: 4rem;\n  min-inline-size: 9rem;\n}\n:host .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon {\n  display: none;\n}\n:host .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),\n:host .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--date-picker--fluid .cds--date-picker__icon {\n  inset-block-start: 2.6875rem;\n}\n:host .cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input {\n  inline-size: 100%;\n}\n:host .cds--date-picker--fluid .cds--date-picker--single {\n  border-block-end: none;\n}\n:host .cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid),\n:host .cds--date-picker--single .cds--date-picker--fluid--warn {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid) {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input,\n:host .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container {\n  inline-size: 100%;\n  min-block-size: 3.9375rem;\n  min-inline-size: 9rem;\n}\n:host .cds--date-picker--fluid .cds--date-picker--range > .cds--date-picker-container:first-child {\n  margin-inline-end: 0;\n}\n:host .cds--date-picker--fluid .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input {\n  border-inline-start: 1px solid var(--cds-border-strong);\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n:host .cds--date-picker-container.cds--date-picker--fluid--invalid {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n  :host .cds--date-picker-container.cds--date-picker--fluid--invalid {\n    outline-style: dotted;\n  }\n}\n:host .cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid {\n  outline: none;\n}\n:host .cds--date-picker--fluid .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,\n:host .cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid + .cds--date-picker-container .cds--date-picker__input {\n  border-inline-start: none;\n}\n:host .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--form-requirement,\n:host .cds--date-picker-container.cds--date-picker--fluid--warn .cds--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n}\n:host .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,\n:host .cds--date-picker--fluid .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range .cds--date-picker-container {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input,\n:host .cds--date-picker--fluid .cds--date-picker--fluid--warn + .cds--date-picker-container:last-child .cds--date-picker__input,\n:host .cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input {\n  border-inline-start: 1px solid transparent;\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range > .cds--date-picker-container:first-child::after,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range > .cds--date-picker-container:first-child::after,\n:host .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child::after,\n:host .cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {\n  position: absolute;\n  display: block;\n  background: var(--cds-border-strong);\n  block-size: calc(100% - 1rem);\n  content: \"\";\n  inline-size: 1px;\n  inset-block-start: 0.5rem;\n  inset-inline-end: 0;\n}\n:host .cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {\n  inset-inline-start: 0;\n}\n:host .cds--date-picker--fluid .cds--date-picker__divider {\n  border-style: solid;\n  border-color: var(--cds-border-subtle);\n  margin: 0 1rem;\n  border-block-end: none;\n  inline-size: calc(100% - 2rem);\n}\n:host .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,\n:host .cds--date-picker-container.cds--date-picker--fluid--warn .cds--date-picker__icon--warn {\n  inset-block-start: 5rem;\n}\n:host .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,\n:host .cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn {\n  display: block;\n}\n:host .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range ~ .cds--form-requirement,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range ~ .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin-block-start: 0;\n  max-block-size: 100%;\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range ~ .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--warn {\n  position: relative;\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range + .cds--date-picker__icon,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range + .cds--date-picker__icon {\n  inset-block-start: 5rem;\n}\n:host .cds--date-picker--fluid__skeleton {\n  background: var(--cds-skeleton-background, #e8e8e8);\n  block-size: 4rem;\n  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--date-picker--fluid__skeleton--container {\n  position: relative;\n  block-size: 100%;\n  inline-size: 100%;\n}\n:host .cds--date-picker--fluid__skeleton .cds--skeleton {\n  position: absolute;\n  block-size: 0.5rem;\n  inline-size: 25%;\n  inset-block-start: 1rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--date-picker--fluid__skeleton .cds--label {\n  margin-block-end: 0.25rem;\n}\n:host .cds--date-picker--fluid__skeleton .cds--text-input {\n  position: absolute;\n  padding: 0;\n  block-size: 0.5rem;\n  inline-size: 50%;\n  inset-block-start: 2.25rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {\n  inset-block: auto 0.5rem;\n}\n:host .cds--date-picker--fluid__skeleton--range {\n  display: flex;\n  flex-direction: row;\n}\n:host .cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container {\n  display: flex;\n  flex-direction: column;\n  inline-size: 50%;\n}\n:host .cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container:first-of-type {\n  border-inline-end: 1px solid var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {\n  inset-block-end: 0.5rem;\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker > .cds--date-picker-container,\n:host .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker .cds--date-picker__input {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input {\n  border-inline-start-color: var(--cds-border-subtle);\n}\n:host .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {\n  inset-block-start: 2.6875rem;\n}\n:host .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(.cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n}\n:host .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid) {\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n}\n:host .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,\n:host .cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,\n:host .cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {\n  padding-inline-end: 4rem;\n}\n:host .cds--multi-select .cds--list-box__field--wrapper {\n  display: inline-flex;\n  align-items: center;\n  block-size: calc(100% + 1px);\n  inline-size: 100%;\n}\n:host .cds--multi-select .cds--list-box__field:focus {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n}\n:host .cds--multi-select--filterable .cds--list-box__field {\n  padding: 0;\n}\n:host .cds--multi-select .cds--tag {\n  margin: 0 0.5rem 0 1rem;\n  min-inline-size: auto;\n}\n:host .cds--multi-select .cds--list-box__menu {\n  min-inline-size: auto;\n}\n:host .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {\n  padding: 0.6875rem 1rem;\n  margin: 0;\n  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {\n  border-block-start: none;\n}\n:host .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n  inline-size: 100%;\n}\n:host .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label {\n  display: inline-block;\n  overflow: hidden;\n  inline-size: 100%;\n  padding-inline-start: 1.75rem;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {\n  margin-block: 0;\n}\n:host .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {\n  inset-block-start: 0.5625rem;\n}\n:host .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {\n  inset-block-start: 0.3125rem;\n}\n:host .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {\n  flex-direction: row;\n  margin: 0;\n}\n:host .cds--multi-select .cds--list-box__menu-item .cds--checkbox:checked ~ .cds--checkbox-label-text {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--multi-select--filterable {\n  transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--multi-select--filterable.cds--combo-box .cds--text-input {\n  border: 0.125rem solid transparent;\n  background-clip: padding-box;\n  outline: none;\n}\n:host .cds--multi-select--filterable--input-focused,\n:host .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),\n:host .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--multi-select--filterable--input-focused,\n  :host .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),\n  :host .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {\n    outline-style: dotted;\n  }\n}\n:host .cds--multi-select.cds--list-box--expanded .cds--list-box__field--wrapper:has(button[aria-activedescendant]:not([aria-activedescendant=\"\"])),\n:host .cds--multi-select--filterable.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=\"\"])) {\n  outline-offset: -0.0625rem;\n  outline-width: 0.0625rem;\n}\n:host .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,\n:host .cds--multi-select.cds--multi-select--selected .cds--list-box__field {\n  padding-inline-start: 0;\n}\n:host .cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {\n  background-color: var(--cds-field);\n}\n:host .cds--multi-select--filterable .cds--list-box__selection--multi {\n  margin: 0 0 0 1rem;\n}\n:host .cds--multi-select--filterable.cds--multi-select--inline,\n:host .cds--multi-select--filterable.cds--multi-select--inline .cds--text-input {\n  background-color: transparent;\n  border-block-end: 0;\n}\n:host .cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {\n  visibility: hidden;\n}\n:host .cds--multi-select.cds--multi-select--readonly,\n:host .cds--multi-select.cds--multi-select--readonly:hover {\n  background-color: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--multi-select.cds--multi-select--readonly .cds--tag--filter,\n:host .cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {\n  background-color: transparent;\n  color: var(--cds-text-primary, #161616);\n  cursor: default;\n}\n:host .cds--multi-select.cds--multi-select--readonly .cds--tag--filter {\n  box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);\n}\n:host .cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--multi-select.cds--multi-select--readonly .cds--list-box__field,\n:host .cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {\n  cursor: default;\n}\n:host .cds--multi-select__wrapper.cds--list-box__wrapper--fluid--focus:not(.cds--multi-select--filterable__wrapper) .cds--list-box__field--wrapper--input-focused {\n  outline: none;\n}\n:host .cds--list-box__wrapper--fluid .cds--tag.cds--tag--filter {\n  margin-block-start: 1.25rem;\n}\n:host .cds--list-box__wrapper--fluid .cds--multi-select--filterable--input-focused {\n  outline: none;\n  outline-offset: 0;\n}\n:host .cds--list-box__wrapper--fluid .cds--multi-select--filterable .cds--list-box__field .cds--text-input {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--list-box__wrapper--fluid .cds--multi-select--filterable.cds--combo-box .cds--list-box__field {\n  align-items: baseline;\n}\n:host .cds--list-box__wrapper--fluid.cds--multi-select--filterable__wrapper:not(.cds--list-box--up) .cds--list-box__menu {\n  inset-block-start: calc(100% + 0.0625rem);\n}\n:host .cds--number__controls:hover .cds--number__control-btn::after {\n  display: none;\n}\n:host .cds--number__input-wrapper--slug .cds--number__rule-divider {\n  display: none;\n}\n:host .cds--number__input-wrapper--slug .cds--number__control-btn:hover {\n  box-shadow: 0 -1px 0 var(--cds-ai-border-strong, #4589ff) inset;\n}\n:host .cds--number__controls:focus-within .cds--number__control-btn::after {\n  display: none;\n}\n:host .cds--number {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  inline-size: 100%;\n}\n:host .cds--number html {\n  font-size: 100%;\n}\n:host .cds--number body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--number code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--number strong {\n  font-weight: 600;\n}\n:host .cds--number .cds--number__input-wrapper--warning input[type=number] {\n  padding-inline-end: 8rem;\n}\n:host .cds--number input[type=number] {\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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: inline-flex;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 0;\n  -moz-appearance: textfield;\n  appearance: textfield;\n  background-color: var(--cds-field);\n  block-size: 2.5rem;\n  border-block-end: 0.0625rem solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  font-weight: 400;\n  inline-size: 100%;\n  min-inline-size: 9.375rem;\n  padding-inline: 1rem 6rem;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--number input[type=number]:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--number input[type=number]:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--number input[type=number]:disabled ~ .cds--number__controls {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n:host .cds--number input[type=number]:disabled ~ .cds--number__controls svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--number input[type=number]::-ms-clear {\n  display: none;\n}\n:host .cds--number input[type=number]::-webkit-inner-spin-button {\n  appearance: none;\n}\n:host .cds--number input[type=number][data-invalid] {\n  padding-inline-end: 8rem;\n}\n:host .cds--number--lg.cds--number input[type=number] {\n  padding-inline-end: 7rem;\n}\n:host .cds--number--lg.cds--number input[type=number][data-invalid] {\n  padding-inline-end: 9rem;\n}\n:host .cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number] {\n  padding-inline-end: 9rem;\n}\n:host .cds--number--sm.cds--number input[type=number] {\n  padding-inline-end: 5rem;\n}\n:host .cds--number--sm.cds--number input[type=number][data-invalid] {\n  padding-inline-end: 7rem;\n}\n:host .cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number] {\n  padding-inline-end: 7rem;\n}\n:host .cds--number input[type=number]:disabled {\n  background-color: var(--cds-field);\n  border-block-end-color: transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--number__input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n:host .cds--number__controls {\n  position: absolute;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  inline-size: 5rem;\n  inset-block-start: 50%;\n  inset-inline-end: 0;\n  transform: translateY(-50%);\n}\n:host .cds--number__controls html {\n  font-size: 100%;\n}\n:host .cds--number__controls body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--number__controls code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--number__controls strong {\n  font-weight: 600;\n}\n:host .cds--number__control-btn {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  color: var(--cds-icon-primary, #161616);\n}\n:host .cds--number__control-btn *,\n:host .cds--number__control-btn *::before,\n:host .cds--number__control-btn *::after {\n  box-sizing: inherit;\n}\n:host .cds--number__control-btn::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--number__control-btn svg {\n  fill: currentColor;\n}\n:host .cds--number__control-btn:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n  color: var(--cds-icon-primary, #161616);\n  outline-offset: -2px;\n  outline-width: 2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--number__control-btn:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--number__control-btn:hover {\n  background-color: var(--cds-field-hover);\n  box-shadow: 0 -1px 0 var(--cds-border-strong) inset;\n  color: var(--cds-icon-primary, #161616);\n  cursor: pointer;\n}\n:host .cds--number__control-btn:disabled {\n  border-block-end-color: transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--number__control-btn.down-icon {\n  order: 1;\n}\n:host .cds--number__control-btn.up-icon {\n  order: 2;\n}\n:host .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn {\n  border-block-end-color: var(--cds-support-error, #da1e28);\n}\n:host .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {\n  border-width: 2px 0;\n  border-style: solid;\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: none;\n  outline-offset: -2px;\n}\n:host .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {\n  box-shadow: -4px 0 0 -2px var(--cds-focus, #0f62fe) inset;\n}\n:host .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {\n  box-shadow: -4px 0 0 -2px var(--cds-support-error, #da1e28) inset;\n}\n:host .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {\n  border-width: 2px 0;\n  border-style: solid;\n  border-color: var(--cds-support-error, #da1e28);\n  box-shadow: none;\n  outline-offset: -2px;\n}\n:host .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {\n    outline-style: dotted;\n  }\n}\n:host .cds--number__rule-divider {\n  position: absolute;\n  z-index: 6000;\n  background-color: var(--cds-border-subtle);\n  block-size: 1rem;\n  inline-size: 0.0625rem;\n}\n:host .cds--number__rule-divider:first-of-type {\n  order: 0;\n}\n:host .cds--number__controls .cds--number__rule-divider:first-of-type {\n  background-color: transparent;\n  inset-inline-start: 0;\n}\n:host .cds--number__invalid + .cds--number__controls .cds--number__rule-divider:first-of-type {\n  background-color: var(--cds-border-subtle);\n}\n:host .cds--number--light .cds--number__rule-divider,\n:host .cds--number--light .cds--number__invalid + .cds--number__controls .cds--number__rule-divider:first-of-type {\n  background-color: var(--cds-border-subtle-02, #e0e0e0);\n}\n:host .cds--number input[type=number]:disabled + .cds--number__controls .cds--number__rule-divider:first-of-type {\n  background-color: transparent;\n}\n:host .cds--number input[type=number]:disabled + .cds--number__controls .cds--number__rule-divider {\n  background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--number__control-btn:focus ~ .cds--number__rule-divider {\n  background-color: transparent;\n}\n:host .cds--number__invalid {\n  position: absolute;\n  fill: var(--cds-support-error, #da1e28);\n  inset-inline-end: 6rem;\n}\n:host .cds--number--lg .cds--number__invalid {\n  inset-inline-end: 7rem;\n}\n:host .cds--number--sm .cds--number__invalid {\n  inset-inline-end: 5rem;\n}\n:host .cds--number__invalid + .cds--number__rule-divider {\n  position: absolute;\n  inset-inline-end: 5rem;\n}\n:host .cds--number--lg .cds--number__invalid + .cds--number__rule-divider {\n  inset-inline-end: 6rem;\n}\n:host .cds--number--sm .cds--number__invalid + .cds--number__rule-divider {\n  inset-inline-end: 4rem;\n}\n:host .cds--number__control-btn.down-icon:hover ~ .cds--number__rule-divider,\n:host .cds--number__control-btn.up-icon:hover + .cds--number__rule-divider,\n:host .cds--number__control-btn.down-icon:focus ~ .cds--number__rule-divider,\n:host .cds--number__control-btn.up-icon:focus + .cds--number__rule-divider {\n  background-color: transparent;\n}\n:host .cds--number__invalid--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--number__invalid--warning path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--number--lg input[type=number] {\n  block-size: 3rem;\n}\n:host .cds--number--lg .cds--number__controls {\n  inline-size: 6rem;\n}\n:host .cds--number--lg .cds--number__control-btn {\n  inline-size: 3rem;\n}\n:host .cds--number--sm input[type=number] {\n  block-size: 2rem;\n}\n:host .cds--number--sm .cds--number__controls {\n  inline-size: 4rem;\n}\n:host .cds--number--sm .cds--number__control-btn {\n  inline-size: 2rem;\n}\n:host .cds--number--nolabel .cds--label + .cds--form__helper-text {\n  margin-block-start: 0;\n}\n:host .cds--number--nosteppers input[type=number] {\n  padding-inline-end: 0;\n}\n:host .cds--number--nosteppers input[type=number][data-invalid],\n:host .cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number] {\n  padding-inline-end: 3rem;\n}\n:host .cds--number--nosteppers .cds--number__invalid {\n  inset-inline-end: 1rem;\n}\n:host .cds--number--readonly input[type=number] {\n  background: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--number--readonly .cds--number__control-btn {\n  color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n  pointer-events: none;\n}\n:host .cds--number--readonly .cds--number__control-btn:hover {\n  background-color: transparent;\n  cursor: pointer;\n}\n:host .cds--number--readonly input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {\n  outline: none;\n}\n:host .cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {\n  background-color: var(--cds-border-subtle);\n}\n:host .cds--number__input-wrapper--slug .cds--slug {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: 6rem;\n  transform: translateY(-50%);\n}\n:host .cds--number__input-wrapper--slug .cds--slug::before,\n:host .cds--number__input-wrapper--slug .cds--number__control-btn::before,\n:host .cds--number__input-wrapper--slug .cds--number__control-btn::after {\n  position: absolute;\n  background-color: var(--cds-border-subtle);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n}\n:host .cds--number__input-wrapper--slug .cds--slug::before {\n  display: none;\n  inset-inline-start: -1rem;\n}\n:host .cds--number__control-btn::after {\n  display: block;\n  inset-inline-end: 0;\n}\n:host .cds--number__input-wrapper--slug .cds--number__control-btn::before {\n  display: block;\n  inset-inline-end: 2.5rem;\n}\n:host .cds--number__input-wrapper--slug .cds--number__control-btn:focus::before {\n  display: none;\n}\n:host .cds--number__control-btn:hover::after,\n:host .cds--number__control-btn:hover::before {\n  display: none;\n  inset-inline-end: 0;\n}\n:host .cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--slug::after {\n  display: none;\n}\n:host .cds--number__control-btn:has(.up-icon)::after,\n:host .cds--number__control-btn:has(.up-icon)::before {\n  display: none;\n}\n:host .cds--number__input-wrapper--slug .cds--number__invalid {\n  inset-inline-end: 9rem;\n}\n:host .cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug::before {\n  display: block;\n}\n:host .cds--number .cds--number__input-wrapper--slug input[data-invalid],\n:host .cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {\n  padding-inline-end: 9rem;\n}\n:host .cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),\n:host .cds--number__input-wrapper--slug input[type=number]:disabled {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n  padding-inline-end: 9.0625rem;\n}\n:host .cds--number.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  block-size: 2.5rem;\n  inline-size: 100%;\n}\n:host .cds--number.cds--skeleton:hover, :host .cds--number.cds--skeleton:focus, :host .cds--number.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--number.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--number.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--number.cds--skeleton input[type=number] {\n  display: none;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--number__control-btn:hover,\n  :host .cds--number__control-btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--number__control-btn {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--number__control-btn svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--number-input--fluid {\n  position: relative;\n  background: var(--cds-field);\n  block-size: 100%;\n}\n:host .cds--number-input--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--number-input--fluid .cds--label::-webkit-scrollbar,\n:host .cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--number-input--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper {\n  position: initial;\n}\n:host .cds--number-input--fluid input[type=number] {\n  padding: 2rem 5rem 0.8125rem 1rem;\n  background: transparent;\n  min-block-size: 4rem;\n  outline: none;\n}\n:host .cds--number-input--fluid .cds--number__controls {\n  block-size: 2.5rem;\n  inset-block-start: 1.4375rem;\n  transform: translate(0);\n}\n:host .cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {\n  border-block-end-color: var(--cds-focus, #0f62fe);\n  box-shadow: inset 0 -1px var(--cds-focus, #0f62fe);\n}\n:host .cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {\n  box-shadow: inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,\n:host .cds--number-input--fluid--invalid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {\n  border-block-end-color: transparent;\n  box-shadow: none;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,\n:host .cds--number-input--fluid--invalid input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {\n  box-shadow: inset -2px 0 var(--cds-focus, #0f62fe);\n}\n:host .cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {\n  box-shadow: inset -2px 0 var(--cds-support-error, #da1e28);\n}\n:host .cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {\n  box-shadow: none;\n}\n:host .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {\n    outline-style: dotted;\n  }\n}\n:host .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {\n  border-block-end: 1px solid var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,\n:host .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,\n  :host .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover {\n    outline-style: dotted;\n  }\n}\n:host .cds--number-input--fluid .cds--number-input__divider {\n  display: none;\n}\n:host .cds--number-input--fluid .cds--number__invalid {\n  inset-block-start: 4.5625rem;\n  inset-inline-end: 1rem;\n  pointer-events: none;\n}\n:host .cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type {\n  display: none;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number] {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus {\n  outline: none;\n}\n:host .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider,\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning + .cds--number-input__divider {\n  position: absolute;\n  display: block;\n  border: none;\n  margin: 0 1rem;\n  block-size: 0.0625rem;\n  border-block-end: 1px solid var(--cds-border-subtle);\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 3.9375rem;\n}\n:host .cds--number-input--fluid .cds--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n}\n:host .cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number {\n    outline-style: dotted;\n  }\n}\n:host .cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number] {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],\n:host .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:hover,\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number] ~ .cds--number__controls .cds--number__control-btn:hover:not(:focus) {\n  outline: none;\n}\n:host .cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number] ~ .cds--number__controls .cds--number__control-btn,\n:host .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number] ~ .cds--number__controls .cds--number__control-btn {\n  border-block-end: none;\n}\n:host .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn,\n:host .cds--number-input--fluid .cds--number input[type=number] ~ .cds--number__controls .cds--number__control-btn {\n  border: initial;\n  border-block-end-width: 0.0625rem;\n}\n:host .cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled {\n  background-color: transparent;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug {\n  inset-block-start: 2.6875rem;\n}\n:host .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,\n:host .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {\n  inset-inline-end: 5.5rem;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--slug input,\n:host .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],\n:host .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {\n  padding-inline-end: 7.5rem;\n}\n:host .cds--number-input--fluid .cds--number__input-wrapper--slug:not(:has(.cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n}\n:host .cds--search--fluid {\n  block-size: 4rem;\n}\n:host .cds--search--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  overflow: initial;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  clip: initial;\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n  white-space: initial;\n}\n:host .cds--search--fluid .cds--label::-webkit-scrollbar,\n:host .cds--search--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--search--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--search--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--search--fluid .cds--search-input {\n  padding: 2rem 5.5rem 0.8125rem 1rem;\n  block-size: 100%;\n}\n:host .cds--search--fluid .cds--search-magnifier-icon {\n  color: var(--cds-icon-primary, #161616);\n  inset: auto 1rem 0.8125rem auto;\n  transform: none;\n}\n:host .cds--search--fluid .cds--search-close {\n  border: none;\n  block-size: 2.5rem;\n  inline-size: 2.5rem;\n  inset: auto 3rem 0 auto;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {\n  outline: none;\n}\n:host .cds--search--fluid .cds--search-close::after {\n  position: absolute;\n  display: block;\n  block-size: 0.125rem;\n  content: \"\";\n  inline-size: 100%;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n}\n:host .cds--search--fluid .cds--search-input:focus ~ .cds--search-close::after {\n  background: var(--cds-focus, #0f62fe);\n}\n:host .cds--search--fluid .cds--search-input:not(:focus) ~ .cds--search-close:not([disabled])::after {\n  background: var(--cds-border-strong);\n  block-size: 0.0625rem;\n}\n:host .cds--search--fluid .cds--search-close svg {\n  margin-block-end: 0.125rem;\n}\n:host .cds--search--fluid .cds--search-input:disabled ~ .cds--search-close:hover::before {\n  background: var(--cds-border-subtle);\n}\n:host .cds--search--fluid.cds--search--disabled .cds--label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--search--fluid.cds--search--disabled .cds--search-input[disabled] {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--select {\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  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  inline-size: 100%;\n}\n:host .cds--select *,\n:host .cds--select *::before,\n:host .cds--select *::after {\n  box-sizing: inherit;\n}\n:host .cds--select-input__wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  inline-size: 100%;\n}\n:host .cds--select-input {\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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  border: none;\n  border-radius: 0;\n  appearance: none;\n  background-color: var(--cds-field);\n  block-size: 2.5rem;\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n  font-family: inherit;\n  inline-size: 100%;\n  opacity: 1;\n  padding-block: 0;\n  padding-inline: 1rem 3rem;\n  text-overflow: ellipsis;\n  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--select-input:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--select-input::-ms-expand {\n  display: none;\n}\n@-moz-document url-prefix() {\n  :host .cds--select-input:-moz-focusring, :host .cds--select-input::-moz-focus-inner {\n    background-image: none;\n    color: transparent;\n    text-shadow: 0 0 0 #000000;\n  }\n}\n:host .cds--select-input:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  color: var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--select-input:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--select-input:disabled, :host .cds--select-input:hover:disabled {\n  background-color: var(--cds-field);\n  border-block-end-color: transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--select-input--sm {\n  block-size: 2rem;\n  max-block-size: 2rem;\n}\n:host .cds--select-input--lg {\n  block-size: 3rem;\n  max-block-size: 3rem;\n}\n:host .cds--select--disabled .cds--label,\n:host .cds--select--disabled .cds--form__helper-text {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--select-input__wrapper[data-invalid] .cds--select-input,\n:host .cds--select--warning .cds--select-input {\n  padding-inline-end: 4rem;\n}\n:host .cds--select-input:disabled ~ .cds--select__arrow {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--select--light .cds--select-input {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--select--light .cds--select-input:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--select--light .cds--select-input:disabled, :host .cds--select--light .cds--select-input:hover:disabled {\n  background-color: var(--cds-field-02, #ffffff);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--select__arrow {\n  position: absolute;\n  block-size: 100%;\n  fill: var(--cds-icon-primary, #161616);\n  inset-block-start: 0;\n  inset-inline-end: 1rem;\n  pointer-events: none;\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--select__arrow path {\n    fill: ButtonText;\n  }\n}\n:host .cds--select__invalid-icon {\n  position: absolute;\n  inset-inline-end: 2.5rem;\n}\n:host .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--select__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--select__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1;\n}\n:host optgroup.cds--select-optgroup,\n:host .cds--select-option {\n  background-color: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host optgroup.cds--select-optgroup:disabled,\n:host .cds--select-option:disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--select--inline {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n:host .cds--select--inline.cds--select--invalid .cds--label,\n:host .cds--select--inline.cds--select--invalid .cds--form__helper-text {\n  align-self: flex-start;\n  margin-block-start: 0.8125rem;\n}\n:host .cds--select--inline .cds--form__helper-text {\n  margin-block-end: 0;\n  margin-inline-start: 0.5rem;\n}\n:host .cds--select--inline .cds--label {\n  margin: 0 0.5rem 0 0;\n  white-space: nowrap;\n}\n:host .cds--select--inline .cds--select-input {\n  background-color: transparent;\n  border-block-end: none;\n  color: var(--cds-text-primary, #161616);\n  inline-size: auto;\n  padding-inline: 0.5rem 2rem;\n}\n:host .cds--select--inline .cds--select-input:focus,\n:host .cds--select--inline .cds--select-input:focus option,\n:host .cds--select--inline .cds--select-input:focus optgroup {\n  background-color: var(--cds-background, #ffffff);\n}\n:host .cds--select--inline .cds--select-input[disabled],\n:host .cds--select--inline .cds--select-input[disabled]:hover {\n  background-color: var(--cds-field);\n}\n:host .cds--select--inline .cds--select__arrow {\n  inset-inline-end: 0.5rem;\n}\n:host .cds--select--inline.cds--select--invalid .cds--select-input {\n  padding-inline-end: 3.5rem;\n}\n:host .cds--select--inline.cds--select--invalid .cds--select-input ~ .cds--select__invalid-icon {\n  inset-inline-end: 2rem;\n}\n:host .cds--select--inline .cds--select-input:disabled {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--select--inline .cds--select-input:disabled ~ * {\n  cursor: not-allowed;\n}\n:host .cds--select--readonly .cds--select-input {\n  background-color: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n  cursor: default;\n}\n:host .cds--select--readonly .cds--select__arrow {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--select.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  block-size: 2.5rem;\n  inline-size: 100%;\n}\n:host .cds--select.cds--skeleton:hover, :host .cds--select.cds--skeleton:focus, :host .cds--select.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--select.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--select.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--select.cds--skeleton .cds--select-input {\n  display: none;\n}\n:host .cds--select--slug .cds--slug {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: calc(2.5rem + 8px + 1px);\n  margin-block-start: 0.03125rem;\n  transform: translateY(-50%);\n}\n:host .cds--select--slug .cds--slug::after,\n:host .cds--select--slug .cds--slug::before {\n  position: absolute;\n  background-color: var(--cds-border-subtle-01, #c6c6c6);\n  block-size: 1rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n}\n:host .cds--select--slug .cds--slug::before {\n  display: none;\n  inset-inline-start: calc(-0.5rem - 1px);\n}\n:host .cds--select--slug .cds--slug::after {\n  display: block;\n  inset-inline-end: calc(-0.5rem - 1px);\n}\n:host .cds--select--slug .cds--slug--revert::after {\n  inset-block-start: 0.5rem;\n  inset-inline-end: -0.0625rem;\n}\n:host .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n  padding-inline-end: 4rem;\n}\n:host .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:not(:has(~ .cds--slug--revert)) {\n  padding-inline-end: 6rem;\n}\n:host .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {\n  display: block;\n}\n:host .cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon,\n:host .cds--select--slug .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon {\n  inset-inline-end: 5rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--select__arrow {\n    fill: ButtonText;\n  }\n}\n:host .cds--select--fluid .cds--select {\n  position: relative;\n  background: var(--cds-field);\n  block-size: 100%;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--select--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--select--fluid .cds--label::-webkit-scrollbar,\n:host .cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--select--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--select--fluid .cds--select-input {\n  padding: 2rem 2rem 0.8125rem 1rem;\n  min-block-size: 4rem;\n  outline: none;\n  text-overflow: ellipsis;\n}\n:host .cds--select--fluid .cds--select__arrow {\n  block-size: 1rem;\n  inset-block-start: 2.125rem;\n  inset-inline-end: 0.75rem;\n}\n:host .cds--select--fluid .cds--select__divider {\n  display: none;\n  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {\n    outline-style: dotted;\n  }\n}\n:host .cds--select--fluid .cds--select--invalid .cds--select__divider,\n:host .cds--select--fluid .cds--select--warning .cds--select__divider {\n  display: block;\n  border: none;\n  margin: 0 1rem;\n  border-block-end: 1px solid var(--cds-border-subtle);\n  inline-size: calc(100% - 2rem);\n}\n:host .cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,\n:host .cds--select--fluid .cds--select--warning .cds--select-input {\n  border-block-end: 1px solid transparent;\n  padding-inline-end: 2rem;\n}\n:host .cds--select--fluid .cds--select--warning {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--select--fluid .cds--select-input__wrapper {\n  display: block;\n}\n:host .cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),\n:host .cds--select--fluid .cds--select--warning .cds--select-input:not(:focus) {\n  outline: none;\n}\n:host .cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,\n:host .cds--select--fluid .cds--select--warning .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  max-block-size: 100%;\n}\n:host .cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--select--fluid .cds--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n}\n:host .cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover + .cds--select__divider,\n:host .cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover + .cds--select__divider {\n  border-color: transparent;\n}\n:host .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,\n:host .cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon {\n  inset-block-start: 4.5625rem;\n  inset-inline-end: 1rem;\n  pointer-events: none;\n}\n:host .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {\n    outline-style: dotted;\n  }\n}\n:host .cds--select--fluid .cds--select--fluid--focus .cds--select-input,\n:host .cds--select--fluid .cds--select--fluid--focus.cds--select--warning {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--select--fluid .cds--select--disabled .cds--toggletip-label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--select--fluid .cds--select--disabled .cds--toggletip-button {\n  pointer-events: none;\n}\n:host .cds--select--fluid .cds--select--disabled .cds--toggletip-button svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--select--fluid .cds--select--slug .cds--slug {\n  inset-block-start: 2.625rem;\n  inset-inline-end: 2.5rem;\n}\n:host .cds--select--fluid .cds--select--slug .cds--select-input {\n  padding-inline-end: 4rem;\n}\n:host .cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {\n  display: none;\n}\n:host .cds--text-area {\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  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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  padding: 0.6875rem var(--cds-layout-density-padding-inline-local);\n  border: none;\n  background-color: var(--cds-field);\n  block-size: 100%;\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n  font-family: inherit;\n  min-block-size: 2.5rem;\n  min-inline-size: 10rem;\n  resize: vertical;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--text-area *,\n:host .cds--text-area *::before,\n:host .cds--text-area *::after {\n  box-sizing: inherit;\n}\n:host .cds--text-area:focus,\n:host .cds--text-area:active {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-area:focus,\n  :host .cds--text-area:active {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-area::placeholder {\n  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  opacity: 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}\n:host .cds--text-area--light {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--text-area--invalid {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--text-area__wrapper {\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  position: relative;\n  display: flex;\n  inline-size: 100%;\n  max-inline-size: 100%;\n}\n:host .cds--text-area__wrapper--cols {\n  inline-size: auto;\n}\n:host .cds--text-area__invalid-icon {\n  position: absolute;\n  fill: var(--cds-support-error, #da1e28);\n  inset-block-start: 0.75rem;\n  inset-inline-end: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--text-area__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--text-area__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--text-area__counter-alert {\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}\n:host .cds--text-area:disabled {\n  background-color: var(--cds-field);\n  border-block-end: 1px solid transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  outline: none;\n  resize: none;\n}\n:host .cds--text-area:disabled::placeholder {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--text-area__wrapper--readonly .cds--text-area {\n  background: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--text-area__wrapper--slug .cds--slug {\n  position: absolute;\n  inset-block-start: 0.75rem;\n  inset-inline-end: 1rem;\n}\n:host .cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {\n  inset-block-start: 0.25rem;\n  inset-inline-end: 0.5rem;\n  transform: translate(0);\n}\n:host .cds--text-area__wrapper--slug .cds--text-area:not(:has(~ .cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n  padding-inline-end: 2.5rem;\n}\n:host .cds--text-area--invalid:has(~ .cds--slug),\n:host .cds--text-area--warn:has(~ .cds--slug) {\n  padding-inline-end: 4rem;\n}\n:host .cds--text-area--invalid ~ .cds--slug,\n:host .cds--text-area--warn ~ .cds--slug {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--text-area--invalid ~ .cds--slug.cds--slug--revert,\n:host .cds--text-area--warn ~ .cds--slug.cds--slug--revert {\n  inset-inline-end: 2rem;\n}\n:host .cds--text-area.cds--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  box-shadow: none;\n  pointer-events: none;\n  block-size: 6.25rem;\n  inline-size: 100%;\n}\n:host .cds--text-area.cds--skeleton:hover, :host .cds--text-area.cds--skeleton:focus, :host .cds--text-area.cds--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--text-area.cds--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--text-area.cds--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--text-area.cds--skeleton::placeholder {\n  color: transparent;\n}\n:host .cds--text-area__label-wrapper {\n  display: flex;\n  justify-content: space-between;\n  inline-size: 100%;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper {\n  position: relative;\n  flex-direction: column;\n  background: var(--cds-field);\n  block-size: 100%;\n}\n:host .cds--modal .cds--text-area--fluid .cds--text-area__wrapper {\n  background: var(--cds-field-02, #ffffff);\n}\n:host .cds--text-area--fluid .cds--text-area__label-wrapper {\n  position: relative;\n  block-size: 100%;\n}\n:host .cds--text-area--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inline-size: auto;\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--text-area--fluid .cds--label::-webkit-scrollbar,\n:host .cds--text-area--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--text-area--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--text-area--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--text-area--fluid div.cds--label {\n  display: flex;\n  justify-content: flex-end;\n}\n:host .cds--text-area--fluid .cds--text-area {\n  padding: 0 1rem 0.8125rem;\n  margin-block-start: 2rem;\n  min-block-size: 4rem;\n  outline: none;\n}\n:host .cds--text-area--fluid .cds--form__helper-text {\n  display: none;\n}\n:host .cds--text-area--fluid .cds--text-area--invalid,\n:host .cds--text-area--fluid .cds--text-area:focus {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--text-area__divider,\n:host .cds--text-area--fluid .cds--text-area__divider {\n  display: none;\n}\n:host .cds--text-area--fluid .cds--text-area--invalid,\n:host .cds--text-area--fluid .cds--text-area--warn {\n  resize: none;\n}\n:host .cds--text-area--fluid .cds--text-area--invalid {\n  padding: 0 0.875rem 0.8125rem;\n  margin-block-start: 1.875rem;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider,\n:host .cds--text-area--fluid .cds--text-area__wrapper--warn .cds--text-area__divider {\n  display: block;\n  border-style: solid;\n  border-color: var(--cds-border-subtle);\n  margin: 0 1rem;\n  border-block-end: none;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement,\n:host .cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {\n  position: relative;\n  display: block;\n  overflow: visible;\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n  background: var(--cds-field);\n  max-block-size: 12.5rem;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {\n  border-block-end: 1px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement {\n  border-block-end: none;\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--text-area--fluid .cds--text-area--warn {\n  border-block-end: none;\n}\n:host .cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement {\n  background: var(--cds-field-02, #ffffff);\n}\n:host .cds--text-area--fluid .cds--text-area__invalid-icon {\n  inset-block-start: 0.5rem;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {\n  border: 2px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,\n:host .cds--text-area--fluid .cds--text-area__wrapper:focus-within {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,\n  :host .cds--text-area--fluid .cds--text-area__wrapper:focus-within {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:focus,\n:host .cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:focus,\n:host .cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:active,\n:host .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid {\n  outline: none;\n  transition: none;\n}\n:host .cds--text-area--fluid__skeleton {\n  padding: 1rem;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--text-area--fluid__skeleton .cds--skeleton,\n:host .cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton::before {\n  block-size: 0.5rem;\n}\n:host .cds--text-area--fluid__skeleton .cds--label {\n  margin-block-end: 0.75rem;\n}\n:host .cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton {\n  block-size: 4rem;\n  inline-size: 80%;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper--slug:not(:has(~ .cds--slug--revert)) {\n  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color: var(--cds-ai-border-strong, #4589ff);\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,\n:host .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--slug {\n  inset-inline-end: 1rem;\n}\n:host .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid {\n  border-block-end-color: transparent;\n}\n:host .cds--text-input--fluid.cds--text-input-wrapper {\n  position: relative;\n  background: var(--cds-field);\n  block-size: 100%;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--text-input--fluid .cds--label {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  block-size: 1rem;\n  inline-size: calc(100% - 2rem);\n  inset-block-start: 0.8125rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--text-input--fluid .cds--label::-webkit-scrollbar,\n:host .cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--text-input--fluid .cds--label:not(:has(.cds--toggletip-label)),\n:host .cds--text-input--fluid .cds--label .cds--toggletip-label {\n  -ms-overflow-style: none;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  white-space: nowrap;\n}\n:host .cds--text-input--fluid .cds--form__helper-text {\n  display: none;\n}\n:host .cds--text-input--fluid .cds--text-input {\n  padding: 2rem 1rem 0.8125rem;\n  min-block-size: 4rem;\n}\n:host .cds--text-input__divider,\n:host .cds--text-input--fluid .cds--text-input__divider {\n  display: none;\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid],\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--warning {\n  display: block;\n}\n:host .cds--text-input--fluid input[data-invalid] {\n  outline: none;\n}\n:host .cds--text-input--fluid .cds--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n}\n:host .cds--text-input--fluid .cds--text-input--invalid,\n:host .cds--text-input--fluid .cds--text-input--warning {\n  border-block-end: none;\n}\n:host .cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__divider,\n:host .cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__divider {\n  display: block;\n  border-style: solid;\n  border-color: var(--cds-border-subtle);\n  margin: 0 1rem;\n  border-block-end: none;\n}\n:host .cds--text-input--fluid .cds--text-input__invalid-icon {\n  inset-block-start: 5rem;\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {\n  outline: none;\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--warning {\n  border-block-end: 1px solid var(--cds-border-strong);\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,\n  :host .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {\n    outline-style: dotted;\n  }\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {\n  outline: none;\n}\n:host .cds--text-input--fluid .cds--text-input.cds--password-input {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--text-input--fluid.cds--password-input-wrapper .cds--text-input__invalid-icon {\n  inset-inline-end: 1rem;\n}\n:host .cds--text-input--fluid .cds--toggle-password-tooltip {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: absolute;\n  block-size: 4rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {\n  inset-inline-start: 0;\n}\n:host .cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {\n  block-size: 2rem;\n  inline-size: 2rem;\n  inset-block-start: 1.625rem;\n  inset-inline-end: 0.5rem;\n}\n:host .cds--text-input--fluid__skeleton {\n  position: relative;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  block-size: 4rem;\n  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--text-input--fluid__skeleton .cds--skeleton {\n  position: absolute;\n  block-size: 0.5rem;\n  inline-size: 25%;\n  inset-block-start: 1rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--text-input--fluid__skeleton .cds--label {\n  position: absolute;\n  padding: 0;\n  block-size: 0.5rem;\n  inline-size: 50%;\n  inset-block-start: 2.25rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {\n  inset-block-start: 2.625rem;\n}\n:host .cds--text-input--fluid .cds--text-input--invalid ~ .cds--slug,\n:host .cds--text-input--fluid .cds--text-input--warning ~ .cds--slug {\n  inset-inline-end: 1rem;\n}\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,\n:host .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--time-picker--fluid {\n  background: var(--cds-field);\n}\n:host .cds--time-picker--fluid .cds--time-picker--fluid__wrapper {\n  display: flex;\n}\n:host .cds--time-picker--fluid__wrapper > *:nth-child(1),\n:host .cds--time-picker--fluid__wrapper > *:nth-child(2) {\n  flex-basis: 25%;\n}\n:host .cds--time-picker--equal-width .cds--time-picker--fluid__wrapper > * {\n  flex-basis: 50%;\n}\n:host .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,\n:host .cds--time-picker--fluid__wrapper > *:last-child .cds--select-input__wrapper::before {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-border-strong);\n  block-size: calc(100% - 1px);\n  content: \"\";\n  inline-size: 1px;\n  opacity: 1;\n  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::after {\n  inset-inline-end: 0;\n}\n:host .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::before {\n  inset-inline-start: 0;\n}\n:host .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child):hover .cds--select-input__wrapper::before,\n:host .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper > *:nth-child(2):hover:not(:last-child) ~ * .cds--select-input__wrapper::before,\n:host .cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper > *:last-child:hover .cds--select-input__wrapper::before {\n  opacity: 0;\n}\n:host .cds--time-picker--fluid--disabled .cds--time-picker--fluid__wrapper .cds--select--disabled .cds--select-input__wrapper::before {\n  background: var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--time-picker--fluid .cds--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0;\n  background: var(--cds-field);\n}\n:host .cds--time-picker--fluid--invalid {\n  outline: 2px solid var(--cds-support-error, #da1e28);\n  outline-offset: -2px;\n  position: relative;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--time-picker--fluid--invalid {\n    outline-style: dotted;\n  }\n}\n:host .cds--time-picker--fluid--invalid .cds--text-input,\n:host .cds--time-picker--fluid--invalid .cds--text-input-wrapper,\n:host .cds--time-picker--fluid--invalid .cds--select-input,\n:host .cds--time-picker--fluid--invalid .cds--select {\n  background: transparent;\n}\n:host .cds--time-picker--fluid--invalid .cds--select-input {\n  border-block-start: 2px solid transparent;\n  padding-block-start: 1.875rem;\n}\n:host .cds--time-picker--fluid .cds--select--fluid:last-of-type .cds--select-input {\n  border-inline-end: 2px solid transparent;\n}\n:host .cds--time-picker--fluid--invalid .cds--select-input:hover:not([disabled]) {\n  background: var(--cds-field-hover);\n}\n:host .cds--time-picker--fluid--invalid .cds--select-input:hover {\n  border-block-start: 2px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--time-picker--fluid--invalid .cds--select--fluid:last-of-type .cds--select-input:hover {\n  border-inline-end: 2px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--time-picker--fluid--warning {\n  position: relative;\n}\n:host .cds--time-picker__icon {\n  display: none;\n}\n:host .cds--time-picker--fluid--invalid .cds--time-picker__icon,\n:host .cds--time-picker--fluid--warning .cds--time-picker__icon {\n  position: absolute;\n  display: block;\n  inset-block-start: 4.5rem;\n  inset-inline-end: 1rem;\n}\n:host .cds--time-picker--fluid--invalid .cds--time-picker__icon {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--time-picker--fluid--warning .cds--time-picker__icon {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--time-picker--fluid--warning .cds--time-picker__icon path:first-of-type {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--time-picker--fluid--invalid .cds--form-requirement,\n:host .cds--time-picker--fluid--warning .cds--form-requirement {\n  display: block;\n  overflow: visible;\n  max-block-size: 100%;\n}\n:host .cds--time-picker--fluid--invalid .cds--form-requirement {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--time-picker--fluid--invalid .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,\n:host .cds--time-picker--fluid--invalid .cds--time-picker--fluid__wrapper > *:last-child .cds--select-input__wrapper::before,\n:host .cds--time-picker--fluid--warning .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,\n:host .cds--time-picker--fluid--warning .cds--time-picker--fluid__wrapper > *:last-child .cds--select-input__wrapper::before {\n  block-size: calc(100% - 1rem);\n  inset-block-start: 8px;\n}\n:host .cds--time-picker--fluid--invalid .cds--text-input,\n:host .cds--time-picker--fluid--warning .cds--text-input,\n:host .cds--time-picker--fluid--invalid .cds--select-input,\n:host .cds--time-picker--fluid--warning .cds--select-input {\n  border-block-end: 1px solid transparent;\n}\n:host .cds--time-picker--fluid.cds--time-picker--fluid--invalid .cds--time-picker__divider,\n:host .cds--time-picker--fluid.cds--time-picker--fluid--warning .cds--time-picker__divider {\n  border-style: solid;\n  border-color: var(--cds-border-subtle);\n  margin: 0 1rem;\n  border-block-end: none;\n  inline-size: calc(100% - 2rem);\n}\n:host .cds--time-picker--fluid--skeleton {\n  display: flex;\n  block-size: 4rem;\n  inline-size: 100%;\n}\n:host .cds--time-picker--fluid--skeleton > * {\n  block-size: 100%;\n  inline-size: auto;\n}\n:host .cds--time-picker--fluid--skeleton > *:nth-child(1),\n:host .cds--time-picker--fluid--skeleton > *:nth-child(2) {\n  inline-size: 25%;\n}\n:host .cds--time-picker--fluid--skeleton > *:last-child,\n:host .cds--time-picker--fluid--skeleton.cds--time-picker--equal-width > *:first-child {\n  inline-size: 50%;\n}\n@keyframes prefix--stroke {\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n:host .cds--inline-loading {\n  display: flex;\n  align-items: center;\n  inline-size: 100%;\n  min-block-size: 2rem;\n}\n:host .cds--inline-loading__text {\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  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--inline-loading__animation {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-inline-end: 0.5rem;\n}\n:host .cds--inline-loading__checkmark-container {\n  fill: var(--cds-support-success, #24a148);\n}\n:host .cds--inline-loading__checkmark-container.cds--inline-loading__svg {\n  position: absolute;\n  inline-size: 0.75rem;\n  inset-block-start: 0.75rem;\n}\n:host .cds--inline-loading__checkmark-container[hidden] {\n  display: none;\n}\n:host .cds--inline-loading__checkmark {\n  animation-duration: 250ms;\n  animation-fill-mode: forwards;\n  animation-name: cds--stroke;\n  fill: none;\n  stroke: var(--cds-interactive, #0f62fe);\n  stroke-dasharray: 12;\n  stroke-dashoffset: 12;\n  stroke-width: 1.8;\n  transform-origin: 50% 50%;\n}\n:host .cds--inline-loading--error {\n  block-size: 1rem;\n  fill: var(--cds-support-error, #da1e28);\n  inline-size: 1rem;\n}\n:host .cds--inline-loading--error[hidden] {\n  display: none;\n}\n:host .cds--loading--small .cds--inline-loading__svg {\n  stroke: var(--cds-interactive, #0f62fe);\n}\n:host .cds--btn .cds--inline-loading--btn {\n  min-block-size: 0;\n}\n:host .cds--btn .cds--inline-loading--btn .cds--inline-loading__text {\n  font-size: var(--cds-body-short-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-short-01-font-weight, 400);\n  line-height: var(--cds-body-short-01-line-height, 1.28572);\n  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n}\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n  :host .cds--inline-loading__checkmark-container {\n    inset-block-start: 1px;\n    inset-inline-end: 0.5rem;\n  }\n  :host .cds--inline-loading__checkmark {\n    animation: none;\n    stroke-dasharray: 0;\n    stroke-dashoffset: 0;\n  }\n}\n:host .cds--list--nested,\n:host .cds--list--unordered,\n:host .cds--list--ordered,\n:host .cds--list--ordered--native {\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  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  list-style: none;\n}\n:host .cds--list--nested *,\n:host .cds--list--nested *::before,\n:host .cds--list--nested *::after,\n:host .cds--list--unordered *,\n:host .cds--list--unordered *::before,\n:host .cds--list--unordered *::after,\n:host .cds--list--ordered *,\n:host .cds--list--ordered *::before,\n:host .cds--list--ordered *::after,\n:host .cds--list--ordered--native *,\n:host .cds--list--ordered--native *::before,\n:host .cds--list--ordered--native *::after {\n  box-sizing: inherit;\n}\n:host .cds--list--unordered:not(.cds--list--nested) {\n  margin-inline-start: 1rem;\n}\n:host .cds--list--expressive,\n:host .cds--list--expressive .cds--list--nested {\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--list--ordered--native {\n  list-style: decimal;\n}\n:host .cds--list__item {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--list--nested {\n  margin-inline-start: 2rem;\n}\n:host .cds--list--nested .cds--list__item {\n  padding-inline-start: 0.25rem;\n}\n:host .cds--list--ordered:not(.cds--list--nested) {\n  counter-reset: item;\n}\n:host .cds--list--ordered:not(.cds--list--nested) > .cds--list__item {\n  position: relative;\n}\n:host .cds--list--ordered:not(.cds--list--nested) > .cds--list__item::before {\n  position: absolute;\n  content: counter(item) \".\";\n  counter-increment: item;\n  inset-inline-start: -1.5rem;\n}\n:host .cds--list--ordered.cds--list--nested,\n:host .cds--list--ordered--native.cds--list--nested {\n  list-style-type: lower-latin;\n}\n:host .cds--list--unordered > .cds--list__item {\n  position: relative;\n}\n:host .cds--list--unordered > .cds--list__item::before {\n  position: absolute;\n  content: \"–\";\n  inset-inline-start: calc(-1 * 1rem);\n}\n:host .cds--list--unordered.cds--list--nested > .cds--list__item::before {\n  content: \"▪\";\n  inset-inline-start: calc(-1 * 0.75rem);\n}\n:host .cds--menu-button__container {\n  display: inline-block;\n}\n:host .cds--menu-button__trigger:not(.cds--btn--ghost) {\n  min-inline-size: 12rem;\n}\n:host .cds--menu-button__trigger svg {\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--menu-button__trigger--open svg {\n  transform: rotate(180deg);\n}\n:host .cds--menu-button__top {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));\n}\n:host .cds--menu-button__top-start {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));\n}\n:host .cds--menu-button__top-end {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));\n}\n:host .cds--modal {\n  position: fixed;\n  z-index: 9000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n  block-size: 100vh;\n  content: \"\";\n  inline-size: 100vw;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;\n  visibility: hidden;\n}\n:host .cds--modal.is-visible {\n  opacity: 1;\n  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;\n  visibility: inherit;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--modal.is-visible {\n    transition: none;\n  }\n}\n:host .cds--modal .cds--text-input--fluid .cds--text-input,\n:host .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,\n:host .cds--modal .cds--text-area--fluid .cds--text-area,\n:host .cds--modal .cds--search--fluid .cds--search-input,\n:host .cds--modal .cds--select--fluid .cds--select-input,\n:host .cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,\n:host .cds--modal .cds--list-box__wrapper--fluid .cds--list-box,\n:host .cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,\n:host .cds--modal .cds--number-input--fluid input[type=number],\n:host .cds--modal .cds--number-input--fluid .cds--number__control-btn::before,\n:host .cds--modal .cds--number-input--fluid .cds--number__control-btn::after,\n:host .cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {\n  background-color: var(--cds-field-01, #f4f4f4);\n}\n:host .cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu {\n  background-color: var(--cds-layer-01, #f4f4f4);\n}\n:host .cds--modal .cds--list-box__menu-item:hover {\n  background-color: var(--cds-layer-hover-02, #e8e8e8);\n}\n:host .cds--modal .cds--list-box__menu-item--active {\n  background-color: var(--cds-layer-selected-02, #e0e0e0);\n}\n:host .cds--modal .cds--list-box__menu-item--active:hover {\n  background-color: var(--cds-layer-selected-hover-02, #d1d1d1);\n}\n:host .cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,\n:host .cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,\n:host .cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {\n  border-inline-start: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--modal.is-visible .cds--modal-container {\n  transform: translate3d(0, 0, 0);\n  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n:host .cds--modal-container {\n  position: fixed;\n  display: grid;\n  background-color: var(--cds-layer);\n  block-size: 100%;\n  grid-template-columns: 100%;\n  grid-template-rows: auto 1fr auto;\n  inline-size: 100%;\n  inset-block-start: 0;\n  max-block-size: 100%;\n  outline: 3px solid transparent;\n  outline-offset: -3px;\n  transform: translate3d(0, -24px, 0);\n  transform-origin: top center;\n  transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@media (min-width: 42rem) {\n  :host .cds--modal-container {\n    position: static;\n    block-size: auto;\n    inline-size: 84%;\n    max-block-size: 90%;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--modal-container {\n    inline-size: 60%;\n    max-block-size: 84%;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--modal-container {\n    inline-size: 48%;\n  }\n}\n:host .cds--modal-container .cds--modal-container-body {\n  display: contents;\n}\n:host .cds--modal-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  position: relative;\n  color: var(--cds-text-primary, #161616);\n  font-weight: 400;\n  grid-column: 1/-1;\n  grid-row: 2/-2;\n  overflow-y: auto;\n  padding-block: 0.5rem 3rem;\n  padding-inline: 1rem 1rem;\n}\n:host .cds--modal-content:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--modal-content:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--modal-content .cds--form--fluid {\n  margin-inline: -2rem;\n}\n:host .cds--modal-content > p,\n:host .cds--modal-content__regular-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-inline-end: calc(20% - 2rem);\n}\n:host .cds--modal-content--with-form {\n  padding-inline-end: 1rem;\n}\n:host .cds--modal-header {\n  grid-column: 1/-1;\n  grid-row: 1/1;\n  margin-block-end: 0.5rem;\n  padding-block-start: 1rem;\n  padding-inline: 1rem 3rem;\n}\n:host .cds--modal-header__label {\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  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  color: var(--cds-text-secondary, #525252);\n  margin-block-end: 0.25rem;\n}\n:host .cds--modal-header__label *,\n:host .cds--modal-header__label *::before,\n:host .cds--modal-header__label *::after {\n  box-sizing: inherit;\n}\n:host .cds--modal-header__heading {\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  font-size: var(--cds-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-heading-03-font-weight, 400);\n  line-height: var(--cds-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n  color: var(--cds-text-primary, #161616);\n  padding-inline-end: calc(20% - 3rem);\n}\n:host .cds--modal-header__heading *,\n:host .cds--modal-header__heading *::before,\n:host .cds--modal-header__heading *::after {\n  box-sizing: inherit;\n}\n:host .cds--modal-container--xs .cds--modal-content__regular-content {\n  padding-inline-end: 1rem;\n}\n:host .cds--modal-container--xs .cds--modal-content > p {\n  padding-inline-end: 0;\n}\n@media (min-width: 42rem) {\n  :host .cds--modal-container--xs {\n    inline-size: 48%;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--modal-container--xs {\n    inline-size: 32%;\n    max-block-size: 48%;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--modal-container--xs {\n    inline-size: 24%;\n  }\n}\n:host .cds--modal-container--sm .cds--modal-content__regular-content {\n  padding-inline-end: 1rem;\n}\n:host .cds--modal-container--sm .cds--modal-content > p {\n  padding-inline-end: 0;\n}\n@media (min-width: 42rem) {\n  :host .cds--modal-container--sm {\n    inline-size: 60%;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--modal-container--sm {\n    inline-size: 42%;\n    max-block-size: 72%;\n  }\n  :host .cds--modal-container--sm .cds--modal-content > p,\n  :host .cds--modal-container--sm .cds--modal-content__regular-content {\n    padding-inline-end: 20%;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--modal-container--sm {\n    inline-size: 36%;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--modal-container--lg {\n    inline-size: 96%;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--modal-container--lg {\n    inline-size: 84%;\n    max-block-size: 96%;\n  }\n}\n@media (min-width: 82rem) {\n  :host .cds--modal-container--lg {\n    inline-size: 72%;\n  }\n}\n:host .cds--modal-scroll-content {\n  border-block-end: 2px solid transparent;\n  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);\n}\n:host .cds--modal-scroll-content:has(.cds--autoalign) {\n  mask-image: none;\n}\n:host .cds--modal-scroll-content > *:last-child {\n  margin-block-end: 1.5rem;\n}\n:host .cds--modal-footer {\n  display: flex;\n  justify-content: flex-end;\n  block-size: 4rem;\n  grid-column: 1/-1;\n  grid-row: -1/-1;\n  margin-block-start: auto;\n}\n:host .cds--modal-footer .cds--btn {\n  flex: 0 1 50%;\n  align-items: baseline;\n  margin: 0;\n  block-size: 4rem;\n  max-inline-size: none;\n  padding-block: 0.875rem 2rem;\n}\n:host .cds--modal-footer--three-button .cds--btn {\n  flex: 0 1 25%;\n  align-items: flex-start;\n}\n:host .cds--modal-close-button {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n:host .cds--modal-close {\n  padding: 0.75rem;\n  border: 2px solid transparent;\n  background-color: transparent;\n  block-size: 3rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--modal-close:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--modal-close:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--modal-close::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--modal-close__icon {\n  block-size: 1.25rem;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 1.25rem;\n}\n:host .cds--body--with-modal-open {\n  overflow: hidden;\n}\n:host .cds--body--with-modal-open .cds--modal .cds--tooltip,\n:host .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,\n:host .cds--body--with-modal-open .cds--overflow-menu-options {\n  z-index: 9000;\n}\n:host .cds--modal-container--full-width .cds--modal-content {\n  padding: 0;\n  margin: 0;\n}\n:host .cds--modal--slug.cds--modal {\n  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));\n}\n:host .cds--modal--slug .cds--modal-container {\n  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;\n  border: 1px solid transparent;\n  background-color: var(--cds-layer);\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n}\n:host .cds--modal--slug .cds--modal-container:has(.cds--modal-footer) {\n  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;\n  box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n}\n:host .cds--modal--slug .cds--modal-content.cds--modal-scroll-content {\n  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);\n}\n:host .cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),\n:host .cds--modal-header > .cds--modal-close-button ~ .cds--slug,\n:host .cds--modal--slug .cds--modal-container-body > .cds--slug {\n  position: absolute;\n  inset-block-start: 0.625rem;\n  inset-inline-end: 3rem;\n}\n:host .cds--modal--slug .cds--modal-content--overflow-indicator::before,\n:host .cds--modal--slug .cds--modal-content--overflow-indicator {\n  display: none;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--modal-close__icon {\n    fill: ButtonText;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--modal-close:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n:host .cds--inline-notification {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  block-size: auto;\n  color: var(--cds-text-inverse, #ffffff);\n  inline-size: 100%;\n  max-inline-size: 18rem;\n  min-block-size: 3rem;\n  min-inline-size: 18rem;\n}\n:host .cds--inline-notification html {\n  font-size: 100%;\n}\n:host .cds--inline-notification body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--inline-notification code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--inline-notification strong {\n  font-weight: 600;\n}\n@media (min-width: 42rem) {\n  :host .cds--inline-notification {\n    flex-wrap: nowrap;\n    max-inline-size: 38rem;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--inline-notification {\n    max-inline-size: 46rem;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--inline-notification {\n    max-inline-size: 52rem;\n  }\n}\n:host .cds--inline-notification:not(.cds--inline-notification--low-contrast) a {\n  color: var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--inline-notification a {\n  text-decoration: none;\n}\n:host .cds--inline-notification a:hover {\n  text-decoration: underline;\n}\n:host .cds--inline-notification a:focus {\n  outline: 1px solid var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--inline-notification.cds--inline-notification--low-contrast a:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--inline-notification.cds--inline-notification--low-contrast a:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--inline-notification--low-contrast {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--inline-notification--low-contrast::before {\n  position: absolute;\n  box-sizing: border-box;\n  border-width: 1px 1px 1px 0;\n  border-style: solid;\n  block-size: 100%;\n  content: \"\";\n  filter: opacity(0.4);\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  pointer-events: none;\n}\n:host .cds--inline-notification--error {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);\n}\n:host .cds--inline-notification--error .cds--inline-notification__icon,\n:host .cds--inline-notification--error .cds--toast-notification__icon,\n:host .cds--inline-notification--error .cds--actionable-notification__icon {\n  fill: var(--cds-support-error-inverse, #fa4d56);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--error {\n  background: var(--cds-notification-background-error, #fff1f1);\n  border-inline-start: 3px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--error .cds--inline-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--error .cds--toast-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--error .cds--actionable-notification__icon {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--error::before {\n  border-color: var(--cds-support-error, #da1e28);\n}\n:host .cds--inline-notification--success {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);\n}\n:host .cds--inline-notification--success .cds--inline-notification__icon,\n:host .cds--inline-notification--success .cds--toast-notification__icon,\n:host .cds--inline-notification--success .cds--actionable-notification__icon {\n  fill: var(--cds-support-success-inverse, #42be65);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--success {\n  background: var(--cds-notification-background-success, #defbe6);\n  border-inline-start: 3px solid var(--cds-support-success, #24a148);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--success .cds--inline-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--success .cds--toast-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--success .cds--actionable-notification__icon {\n  fill: var(--cds-support-success, #24a148);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--success::before {\n  border-color: var(--cds-support-success, #24a148);\n}\n:host .cds--inline-notification--info,\n:host .cds--inline-notification--info-square {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);\n}\n:host .cds--inline-notification--info .cds--inline-notification__icon,\n:host .cds--inline-notification--info .cds--toast-notification__icon,\n:host .cds--inline-notification--info .cds--actionable-notification__icon,\n:host .cds--inline-notification--info-square .cds--inline-notification__icon,\n:host .cds--inline-notification--info-square .cds--toast-notification__icon,\n:host .cds--inline-notification--info-square .cds--actionable-notification__icon {\n  fill: var(--cds-support-info-inverse, #4589ff);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info-square {\n  background: var(--cds-notification-background-info, #edf5ff);\n  border-inline-start: 3px solid var(--cds-support-info, #0043ce);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info .cds--inline-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info .cds--toast-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info .cds--actionable-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--inline-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--toast-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--actionable-notification__icon {\n  fill: var(--cds-support-info, #0043ce);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info::before,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--info-square::before {\n  border-color: var(--cds-support-info, #0043ce);\n}\n:host .cds--inline-notification--warning,\n:host .cds--inline-notification--warning-alt {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n}\n:host .cds--inline-notification--warning .cds--inline-notification__icon,\n:host .cds--inline-notification--warning .cds--toast-notification__icon,\n:host .cds--inline-notification--warning .cds--actionable-notification__icon,\n:host .cds--inline-notification--warning-alt .cds--inline-notification__icon,\n:host .cds--inline-notification--warning-alt .cds--toast-notification__icon,\n:host .cds--inline-notification--warning-alt .cds--actionable-notification__icon {\n  fill: var(--cds-support-warning-inverse, #f1c21b);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {\n  background: var(--cds-notification-background-warning, #fcf4d6);\n  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--toast-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--actionable-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--inline-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--toast-notification__icon,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--actionable-notification__icon {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning::before,\n:host .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt::before {\n  border-color: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--inline-notification--warning .cds--inline-notification__icon path[opacity=\"0\"],\n:host .cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--inline-notification__details {\n  display: flex;\n  flex-grow: 1;\n  margin-inline: 0.8125rem 3rem;\n}\n@media (min-width: 42rem) {\n  :host .cds--inline-notification__details {\n    margin: 0 0.8125rem;\n  }\n}\n:host .cds--inline-notification__icon {\n  flex-shrink: 0;\n  margin-block-start: 0.875rem;\n  margin-inline-end: 1rem;\n}\n:host .cds--inline-notification__text-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0.9375rem 0;\n}\n:host .cds--inline-notification__title {\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  margin-inline-end: 0.25rem;\n}\n:host .cds--inline-notification__subtitle {\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  word-break: break-word;\n}\n:host .cds--inline-notification__action-button.cds--btn--ghost {\n  block-size: 2rem;\n  margin-block-end: 0.5rem;\n  margin-inline-start: 2.5rem;\n}\n@media (min-width: 42rem) {\n  :host .cds--inline-notification__action-button.cds--btn--ghost {\n    margin: 0.5rem 0;\n  }\n}\n:host .cds--inline-notification:not(.cds--inline-notification--low-contrast) .cds--inline-notification__action-button.cds--btn--ghost {\n  color: var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--inline-notification__action-button.cds--btn--ghost:active,\n:host .cds--inline-notification__action-button.cds--btn--ghost:hover {\n  background-color: var(--cds-background-inverse-hover, #474747);\n}\n:host .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:active,\n:host .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:hover {\n  background-color: var(--cds-notification-action-hover, #ffffff);\n}\n:host .cds--inline-notification__action-button.cds--btn--ghost:focus {\n  border-color: transparent;\n  box-shadow: none;\n  outline: 2px solid var(--cds-focus-inverse, #ffffff);\n  outline-offset: -2px;\n}\n:host .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:focus {\n  outline-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--inline-notification--hide-close-button .cds--inline-notification__action-button.cds--btn--ghost {\n  margin-inline-end: 0.5rem;\n}\n:host .cds--inline-notification__close-button {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  block-size: 3rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  max-inline-size: 3rem;\n  min-inline-size: 3rem;\n  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--inline-notification__close-button:focus {\n  outline: 2px solid var(--cds-focus-inverse, #ffffff);\n  outline-offset: -2px;\n}\n:host .cds--inline-notification__close-button .cds--inline-notification__close-icon {\n  fill: var(--cds-icon-inverse, #ffffff);\n}\n@media (min-width: 42rem) {\n  :host .cds--inline-notification__close-button {\n    position: static;\n  }\n}\n:host .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--inline-notification {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--inline-notification__close-button:focus,\n  :host .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--inline-notification .cds--inline-notification__icon {\n    fill: ButtonText;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--inline-notification .cds--inline-notification__close-icon {\n    fill: ButtonText;\n  }\n}\n:host .cds--toast-notification {\n  display: flex;\n  block-size: auto;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n  color: var(--cds-text-inverse, #ffffff);\n  inline-size: 18rem;\n  padding-inline-start: 0.8125rem;\n}\n:host .cds--toast-notification html {\n  font-size: 100%;\n}\n:host .cds--toast-notification body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--toast-notification code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--toast-notification strong {\n  font-weight: 600;\n}\n@media (min-width: 99rem) {\n  :host .cds--toast-notification {\n    inline-size: 22rem;\n  }\n}\n:host .cds--toast-notification:not(.cds--toast-notification--low-contrast) a {\n  color: var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--toast-notification a {\n  text-decoration: none;\n}\n:host .cds--toast-notification a:hover {\n  text-decoration: underline;\n}\n:host .cds--toast-notification a:focus {\n  outline: 1px solid var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--toast-notification.cds--toast-notification--low-contrast a:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--toast-notification.cds--toast-notification--low-contrast a:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--toast-notification--low-contrast {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--toast-notification--error {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);\n}\n:host .cds--toast-notification--error .cds--inline-notification__icon,\n:host .cds--toast-notification--error .cds--toast-notification__icon,\n:host .cds--toast-notification--error .cds--actionable-notification__icon {\n  fill: var(--cds-support-error-inverse, #fa4d56);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--error {\n  background: var(--cds-notification-background-error, #fff1f1);\n  border-inline-start: 3px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--error .cds--inline-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--error .cds--toast-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--error .cds--actionable-notification__icon {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--toast-notification--success {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);\n}\n:host .cds--toast-notification--success .cds--inline-notification__icon,\n:host .cds--toast-notification--success .cds--toast-notification__icon,\n:host .cds--toast-notification--success .cds--actionable-notification__icon {\n  fill: var(--cds-support-success-inverse, #42be65);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--success {\n  background: var(--cds-notification-background-success, #defbe6);\n  border-inline-start: 3px solid var(--cds-support-success, #24a148);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--success .cds--inline-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--success .cds--toast-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--success .cds--actionable-notification__icon {\n  fill: var(--cds-support-success, #24a148);\n}\n:host .cds--toast-notification--info,\n:host .cds--toast-notification--info-square {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);\n}\n:host .cds--toast-notification--info .cds--inline-notification__icon,\n:host .cds--toast-notification--info .cds--toast-notification__icon,\n:host .cds--toast-notification--info .cds--actionable-notification__icon,\n:host .cds--toast-notification--info-square .cds--inline-notification__icon,\n:host .cds--toast-notification--info-square .cds--toast-notification__icon,\n:host .cds--toast-notification--info-square .cds--actionable-notification__icon {\n  fill: var(--cds-support-info-inverse, #4589ff);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info-square {\n  background: var(--cds-notification-background-info, #edf5ff);\n  border-inline-start: 3px solid var(--cds-support-info, #0043ce);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info .cds--inline-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info .cds--toast-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info .cds--actionable-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--inline-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--toast-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--actionable-notification__icon {\n  fill: var(--cds-support-info, #0043ce);\n}\n:host .cds--toast-notification--warning,\n:host .cds--toast-notification--warning-alt {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n}\n:host .cds--toast-notification--warning .cds--inline-notification__icon,\n:host .cds--toast-notification--warning .cds--toast-notification__icon,\n:host .cds--toast-notification--warning .cds--actionable-notification__icon,\n:host .cds--toast-notification--warning-alt .cds--inline-notification__icon,\n:host .cds--toast-notification--warning-alt .cds--toast-notification__icon,\n:host .cds--toast-notification--warning-alt .cds--actionable-notification__icon {\n  fill: var(--cds-support-warning-inverse, #f1c21b);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {\n  background: var(--cds-notification-background-warning, #fcf4d6);\n  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);\n}\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--toast-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--actionable-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--inline-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--toast-notification__icon,\n:host .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--actionable-notification__icon {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--toast-notification--warning .cds--toast-notification__icon path[opacity=\"0\"],\n:host .cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--toast-notification__icon {\n  flex-shrink: 0;\n  margin-block-start: 1rem;\n  margin-inline-end: 1rem;\n}\n:host .cds--toast-notification__details {\n  margin-block-end: 1rem;\n  margin-inline-end: 1rem;\n}\n:host .cds--toast-notification__close-button {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  block-size: 3rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  margin-inline-start: auto;\n  min-block-size: 3rem;\n  min-inline-size: 3rem;\n  transition: outline 250ms, background-color 250ms;\n}\n:host .cds--toast-notification__close-button:focus {\n  outline: 2px solid var(--cds-focus-inverse, #ffffff);\n  outline-offset: -2px;\n}\n:host .cds--toast-notification__close-button .cds--toast-notification__close-icon {\n  fill: var(--cds-icon-inverse, #ffffff);\n}\n:host .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--toast-notification__title {\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  font-weight: 600;\n  margin-block-start: 1rem;\n  word-break: break-word;\n}\n:host .cds--toast-notification__subtitle {\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  color: var(--cds-text-inverse, #ffffff);\n  margin-block: 0 1rem;\n  word-break: break-word;\n}\n:host .cds--toast-notification--low-contrast .cds--toast-notification__subtitle {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--toast-notification__caption {\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  color: var(--cds-text-inverse, #ffffff);\n  padding-block-start: 0.5rem;\n}\n:host .cds--toast-notification--low-contrast .cds--toast-notification__caption {\n  color: var(--cds-text-primary, #161616);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--toast-notification {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--toast-notification__close-button:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--toast-notification .cds--toast-notification__close-icon {\n    fill: ButtonText;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--toast-notification .cds--toast-notification__icon {\n    fill: ButtonText;\n  }\n}\n:host .cds--actionable-notification {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  block-size: auto;\n  color: var(--cds-text-inverse, #ffffff);\n  inline-size: 100%;\n  max-inline-size: 18rem;\n  min-block-size: 3rem;\n  min-inline-size: 18rem;\n}\n:host .cds--actionable-notification html {\n  font-size: 100%;\n}\n:host .cds--actionable-notification body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--actionable-notification code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--actionable-notification strong {\n  font-weight: 600;\n}\n@media (min-width: 42rem) {\n  :host .cds--actionable-notification {\n    flex-wrap: nowrap;\n    max-inline-size: 38rem;\n  }\n}\n@media (min-width: 66rem) {\n  :host .cds--actionable-notification {\n    max-inline-size: 46rem;\n  }\n}\n@media (min-width: 99rem) {\n  :host .cds--actionable-notification {\n    max-inline-size: 52rem;\n  }\n}\n:host .cds--actionable-notification--toast {\n  flex-wrap: wrap;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n  max-inline-size: 18rem;\n  min-inline-size: 18rem;\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) a {\n  color: var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--actionable-notification a {\n  text-decoration: none;\n}\n:host .cds--actionable-notification a:hover {\n  text-decoration: underline;\n}\n:host .cds--actionable-notification a:focus {\n  outline: 1px solid var(--cds-focus-inverse, #ffffff);\n}\n:host .cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast) {\n  :host .cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--actionable-notification--low-contrast {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--actionable-notification--low-contrast:not(.cds--actionable-notification--toast)::before {\n  position: absolute;\n  box-sizing: border-box;\n  border-width: 1px 1px 1px 0;\n  border-style: solid;\n  block-size: 100%;\n  content: \"\";\n  filter: opacity(0.4);\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  pointer-events: none;\n}\n:host .cds--actionable-notification--error {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);\n}\n:host .cds--actionable-notification--error .cds--inline-notification__icon,\n:host .cds--actionable-notification--error .cds--toast-notification__icon,\n:host .cds--actionable-notification--error .cds--actionable-notification__icon {\n  fill: var(--cds-support-error-inverse, #fa4d56);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--error {\n  background: var(--cds-notification-background-error, #fff1f1);\n  border-inline-start: 3px solid var(--cds-support-error, #da1e28);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--inline-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--toast-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--actionable-notification__icon {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--error::before {\n  border-color: var(--cds-support-error, #da1e28);\n}\n:host .cds--actionable-notification--success {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);\n}\n:host .cds--actionable-notification--success .cds--inline-notification__icon,\n:host .cds--actionable-notification--success .cds--toast-notification__icon,\n:host .cds--actionable-notification--success .cds--actionable-notification__icon {\n  fill: var(--cds-support-success-inverse, #42be65);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--success {\n  background: var(--cds-notification-background-success, #defbe6);\n  border-inline-start: 3px solid var(--cds-support-success, #24a148);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--inline-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--toast-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--actionable-notification__icon {\n  fill: var(--cds-support-success, #24a148);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {\n  border-color: var(--cds-support-success, #24a148);\n}\n:host .cds--actionable-notification--info,\n:host .cds--actionable-notification--info-square {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);\n}\n:host .cds--actionable-notification--info .cds--inline-notification__icon,\n:host .cds--actionable-notification--info .cds--toast-notification__icon,\n:host .cds--actionable-notification--info .cds--actionable-notification__icon,\n:host .cds--actionable-notification--info-square .cds--inline-notification__icon,\n:host .cds--actionable-notification--info-square .cds--toast-notification__icon,\n:host .cds--actionable-notification--info-square .cds--actionable-notification__icon {\n  fill: var(--cds-support-info-inverse, #4589ff);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square {\n  background: var(--cds-notification-background-info, #edf5ff);\n  border-inline-start: 3px solid var(--cds-support-info, #0043ce);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--inline-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--toast-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--actionable-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--inline-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--toast-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--actionable-notification__icon {\n  fill: var(--cds-support-info, #0043ce);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info::before,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--info-square::before {\n  border-color: var(--cds-support-info, #0043ce);\n}\n:host .cds--actionable-notification--warning,\n:host .cds--actionable-notification--warning-alt {\n  background: var(--cds-background-inverse, #393939);\n  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);\n}\n:host .cds--actionable-notification--warning .cds--inline-notification__icon,\n:host .cds--actionable-notification--warning .cds--toast-notification__icon,\n:host .cds--actionable-notification--warning .cds--actionable-notification__icon,\n:host .cds--actionable-notification--warning-alt .cds--inline-notification__icon,\n:host .cds--actionable-notification--warning-alt .cds--toast-notification__icon,\n:host .cds--actionable-notification--warning-alt .cds--actionable-notification__icon {\n  fill: var(--cds-support-warning-inverse, #f1c21b);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {\n  background: var(--cds-notification-background-warning, #fcf4d6);\n  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--toast-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--actionable-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--inline-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--toast-notification__icon,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning::before,\n:host .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt::before {\n  border-color: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--actionable-notification--warning .cds--toast-notification__icon path[opacity=\"0\"],\n:host .cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--actionable-notification--warning .cds--inline-notification__icon path[opacity=\"0\"],\n:host .cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--actionable-notification__details {\n  display: flex;\n  flex-grow: 1;\n  margin-inline: 0.8125rem 3rem;\n}\n@media (min-width: 42rem) {\n  :host .cds--actionable-notification:not(.cds--actionable-notification--toast) .cds--actionable-notification__details {\n    margin: 0 0.8125rem;\n  }\n}\n:host .cds--actionable-notification .cds--inline-notification__icon {\n  flex-shrink: 0;\n  margin-block-start: 0.875rem;\n  margin-inline-end: 1rem;\n}\n:host .cds--actionable-notification .cds--toast-notification__icon {\n  flex-shrink: 0;\n  margin-block-start: 1rem;\n  margin-inline-end: 1rem;\n}\n:host .cds--actionable-notification__text-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0.9375rem 0;\n}\n:host .cds--actionable-notification__button-wrapper {\n  display: flex;\n}\n:host .cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {\n  padding: 0.9375rem 0 1.4375rem 0;\n}\n:host .cds--actionable-notification__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  display: flex;\n  flex-wrap: wrap;\n  word-break: break-word;\n}\n:host .cds--actionable-notification--toast .cds--actionable-notification__content {\n  display: block;\n}\n:host .cds--actionable-notification__title {\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  font-weight: 600;\n  margin-inline-end: 0.25rem;\n  word-break: break-word;\n}\n:host .cds--actionable-notification--toast .cds--actionable-notification__title {\n  margin-inline-end: 0;\n}\n:host .cds--actionable-notification__subtitle {\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  color: var(--cds-text-inverse, #ffffff);\n  margin-block-start: 0;\n  word-break: break-word;\n}\n:host .cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--actionable-notification__action-button.cds--btn--ghost {\n  block-size: 2rem;\n  margin-block-end: 0.5rem;\n  margin-inline-start: 2.5rem;\n}\n@media (min-width: 42rem) {\n  :host .cds--actionable-notification__action-button.cds--btn--ghost {\n    margin: 0.5rem 0;\n  }\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--ghost {\n  color: var(--cds-link-inverse, #78a9ff);\n}\n:host .cds--actionable-notification__action-button.cds--btn--ghost:active,\n:host .cds--actionable-notification__action-button.cds--btn--ghost:hover {\n  background-color: var(--cds-background-inverse-hover, #474747);\n}\n:host .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:active,\n:host .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:hover {\n  background-color: var(--cds-notification-action-hover, #ffffff);\n}\n:host .cds--actionable-notification__action-button.cds--btn--ghost:focus {\n  border-color: transparent;\n  box-shadow: none;\n  outline: 2px solid var(--cds-focus-inverse, #ffffff);\n  outline-offset: -2px;\n}\n:host .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:focus {\n  outline-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--ghost {\n  margin-inline-end: 0.5rem;\n}\n:host .cds--actionable-notification__action-button.cds--btn--tertiary {\n  margin-block-end: 1rem;\n  margin-inline-start: calc(2rem + 1.25rem - 0.125rem);\n  padding-inline: 1rem;\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-notification-action-tertiary-inverse, #ffffff);\n  background-color: transparent;\n  color: var(--cds-notification-action-tertiary-inverse, #ffffff);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {\n  background-color: var(--cds-notification-action-tertiary-inverse-hover, #f4f4f4);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {\n  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {\n  background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon,\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {\n  fill: currentColor;\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {\n  color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {\n  border-color: var(--cds-focus-inverse, #ffffff);\n  background-color: var(--cds-notification-action-tertiary-inverse, #ffffff);\n  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff), inset 0 0 0 2px var(--cds-background-inverse, #393939);\n  color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {\n  border-color: transparent;\n  background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);\n  color: var(--cds-notification-action-tertiary-inverse-text, #161616);\n}\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:disabled,\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover:disabled,\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus:disabled,\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled,\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:hover,\n:host .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:focus {\n  background: transparent;\n  color: var(--cds-notification-action-tertiary-inverse-text-on-color-disabled, rgba(255, 255, 255, 0.25));\n  outline: none;\n}\n:host .cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--tertiary {\n  margin-inline-end: 0.5rem;\n}\n:host .cds--actionable-notification__close-button {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  block-size: 3rem;\n  cursor: pointer;\n  inline-size: 3rem;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  max-inline-size: 3rem;\n  min-inline-size: 3rem;\n  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--actionable-notification__close-button:focus {\n  outline: 2px solid var(--cds-focus-inverse, #ffffff);\n  outline-offset: -2px;\n}\n:host .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {\n  fill: var(--cds-icon-inverse, #ffffff);\n}\n@media (min-width: 42rem) {\n  :host .cds--actionable-notification__close-button {\n    position: static;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--actionable-notification--toast .cds--actionable-notification__close-button {\n    position: absolute;\n  }\n}\n:host .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--actionable-notification {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--actionable-notification__close-button:focus,\n  :host .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--actionable-notification .cds--inline-notification__icon,\n  :host .cds--actionable-notification .cds--toast-notification__icon,\n  :host .cds--actionable-notification .cds--actionable-notification__close-icon {\n    fill: ButtonText;\n  }\n}\n:host .cds--data-table-container + .cds--pagination {\n  border-block-start: 0;\n}\n:host .cds--pagination {\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  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  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--cds-layer);\n  border-block-start: 1px solid var(--cds-border-subtle);\n  inline-size: calc(100% - 1px);\n  min-block-size: 2.5rem;\n  overflow-x: auto;\n}\n:host .cds--pagination *,\n:host .cds--pagination *::before,\n:host .cds--pagination *::after {\n  box-sizing: inherit;\n}\n@media (min-width: 42rem) {\n  :host .cds--pagination {\n    overflow: initial;\n  }\n  :host .cds--pagination .cds--pagination__control-buttons {\n    display: flex;\n  }\n}\n@media (max-width: 41.98rem) {\n  :host .cds--pagination .cds--pagination__left > *,\n  :host .cds--pagination .cds--pagination__right > * {\n    display: none;\n  }\n  :host .cds--pagination .cds--pagination__items-count {\n    display: initial;\n  }\n  :host .cds--pagination .cds--pagination__control-buttons {\n    display: flex;\n  }\n}\n:host .cds--pagination--sm {\n  min-block-size: 2rem;\n}\n:host .cds--pagination--lg {\n  min-block-size: 3rem;\n}\n:host .cds--pagination .cds--select {\n  align-items: center;\n  block-size: 100%;\n}\n:host .cds--pagination .cds--select-input--inline__wrapper {\n  display: flex;\n  block-size: 100%;\n}\n:host .cds--pagination .cds--select-input {\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  block-size: 100%;\n  inline-size: auto;\n  line-height: 2.5rem;\n  min-inline-size: auto;\n}\n:host .cds--pagination .cds--select--inline .cds--select-input {\n  padding-inline: 1rem 2.25rem;\n}\n:host .cds--pagination--sm .cds--select-input {\n  line-height: 2rem;\n}\n:host .cds--pagination--lg .cds--select-input {\n  line-height: 3rem;\n}\n:host .cds--pagination .cds--select-input:hover {\n  background: var(--cds-layer-hover);\n}\n:host .cds--pagination .cds--select--inline .cds--select-input:focus,\n:host .cds--pagination .cds--select--inline .cds--select-input:focus option,\n:host .cds--pagination .cds--select--inline .cds--select-input:focus optgroup {\n  background-color: var(--cds-layer);\n}\n:host .cds--pagination .cds--select__arrow {\n  inset-block-start: 50%;\n  transform: translate(-0.5rem, -50%);\n}\n:host .cds--pagination .cds--select__item-count .cds--select-input {\n  border-inline-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--pagination__right {\n  border-inline-start: 1px solid var(--cds-border-subtle);\n}\n:host .cds--pagination__left,\n:host .cds--pagination__right {\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n}\n:host .cds--pagination__left > .cds--form-item,\n:host .cds--pagination__right > .cds--form-item {\n  block-size: 100%;\n}\n:host .cds--pagination__left .cds--pagination__text,\n:host .cds--pagination__right .cds--pagination__text {\n  white-space: nowrap;\n}\n:host .cds--pagination__left .cds--pagination__text {\n  margin-inline-end: 0.0625rem;\n}\n:host .cds--pagination__right .cds--pagination__text {\n  margin-inline: 0.0625rem 1rem;\n}\n:host .cds--pagination__right .cds--pagination__text.cds--pagination__page-text {\n  margin-inline: 1rem 0.0625rem;\n}\n:host .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {\n  margin-inline-end: 1rem;\n}\n:host .cds--pagination__right .cds--pagination__text:empty {\n  margin: 0;\n}\n:host .cds--pagination__left {\n  padding: 0 1rem 0 0;\n}\n@media (min-width: 42rem) {\n  :host .cds--pagination__left {\n    padding: 0 1rem;\n  }\n}\n@media (min-width: 42rem) {\n  :host .cds--pagination__text {\n    display: inline-block;\n  }\n}\n:host span.cds--pagination__text {\n  color: var(--cds-text-primary, #161616);\n  margin-inline-start: 1rem;\n}\n:host span.cds--pagination__text.cds--pagination__items-count {\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--pagination__button,\n:host .cds--btn--ghost.cds--pagination__button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background: none;\n  block-size: 2.5rem;\n  border-inline-start: 1px solid var(--cds-border-subtle);\n  cursor: pointer;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 2.5rem;\n  min-block-size: 2rem;\n  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--pagination__button *,\n:host .cds--pagination__button *::before,\n:host .cds--pagination__button *::after,\n:host .cds--btn--ghost.cds--pagination__button *,\n:host .cds--btn--ghost.cds--pagination__button *::before,\n:host .cds--btn--ghost.cds--pagination__button *::after {\n  box-sizing: inherit;\n}\n:host .cds--pagination__button > svg,\n:host .cds--btn--ghost.cds--pagination__button > svg {\n  margin-block-start: 0;\n}\n:host [dir=rtl] .cds--pagination__button > svg,\n:host [dir=rtl] .cds--btn--ghost.cds--pagination__button > svg {\n  transform: rotate(0.5turn);\n}\n:host .cds--pagination--sm .cds--pagination__button,\n:host .cds--pagination--sm .cds--btn--ghost.cds--pagination__button {\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n:host .cds--pagination--lg .cds--pagination__button,\n:host .cds--pagination--lg .cds--btn--ghost.cds--pagination__button {\n  block-size: 3rem;\n  inline-size: 3rem;\n}\n:host .cds--pagination__button:focus,\n:host .cds--btn--ghost:focus.cds--pagination__button {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  border-inline-start: 0;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--pagination__button:focus,\n  :host .cds--btn--ghost:focus.cds--pagination__button {\n    outline-style: dotted;\n  }\n}\n:host .cds--pagination__button:hover,\n:host .cds--btn--ghost:hover.cds--pagination__button {\n  background: var(--cds-layer-hover);\n}\n:host .cds--pagination__button--no-index,\n:host .cds--btn--ghost.cds--pagination__button--no-index {\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--pagination__button:disabled:hover,\n:host .cds--pagination__button--no-index:hover,\n:host .cds--btn--ghost:disabled:hover.cds--pagination__button,\n:host .cds--btn--ghost:hover.cds--pagination__button--no-index {\n  border-color: var(--cds-border-subtle);\n  background: var(--cds-layer);\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--pagination.cds--skeleton .cds--skeleton__text {\n  margin-block-end: 0;\n  margin-inline-end: 1rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--pagination__button,\n  :host .cds--btn--ghost.cds--pagination__button {\n    outline: 1px solid transparent;\n  }\n}\n:host [dir=rtl] .cds--pagination .cds--select__arrow {\n  transform: translate(0.5rem, -50%);\n}\n:host .cds--unstable-pagination {\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  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  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--cds-layer);\n  border-block-end: 1px solid transparent;\n  border-block-start: 1px solid var(--cds-border-subtle);\n  inline-size: 100%;\n  min-block-size: 2.5rem;\n}\n:host .cds--unstable-pagination *,\n:host .cds--unstable-pagination *::before,\n:host .cds--unstable-pagination *::after {\n  box-sizing: inherit;\n}\n:host .cds--unstable-pagination__text {\n  margin: 0 1rem;\n  color: var(--cds-text-secondary, #525252);\n}\n@media (min-width: 42rem) {\n  :host .cds--unstable-pagination__text {\n    display: inline-block;\n  }\n}\n:host .cds--unstable-pagination__left,\n:host .cds--unstable-pagination__right {\n  display: flex;\n  align-items: center;\n  block-size: 100%;\n}\n:host .cds--unstable-pagination__left {\n  padding: 0 1rem 0 0;\n}\n:host .cds--unstable-pagination__left > .cds--form-item,\n:host .cds--unstable-pagination__right > .cds--form-item {\n  block-size: 100%;\n}\n:host .cds--unstable-pagination__left .cds--unstable-pagination__text {\n  margin-inline-end: 0.0625rem;\n}\n:host .cds--unstable-pagination__right .cds--unstable-pagination__text {\n  margin-inline: 0.0625rem 1rem;\n}\n:host .cds--unstable-pagination__button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background: none;\n  block-size: 2.5rem;\n  border-inline-start: 1px solid var(--cds-border-subtle);\n  color: var(--cds-icon-primary, #161616);\n  cursor: pointer;\n  fill: var(--cds-icon-primary, #161616);\n  inline-size: 2.5rem;\n  min-block-size: 2rem;\n  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--unstable-pagination__button *,\n:host .cds--unstable-pagination__button *::before,\n:host .cds--unstable-pagination__button *::after {\n  box-sizing: inherit;\n}\n:host .cds--unstable-pagination__button .cds--btn__icon {\n  block-size: initial;\n  inline-size: initial;\n}\n:host .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--unstable-pagination__button:hover {\n  background: var(--cds-layer-hover);\n  color: var(--cds-icon-primary, #161616);\n}\n:host .cds--unstable-pagination__button--no-index {\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--unstable-pagination__button.cds--btn:disabled {\n  border-color: var(--cds-border-subtle);\n  background: transparent;\n}\n:host .cds--unstable-pagination__button:disabled:hover,\n:host .cds--unstable-pagination__button--no-index:hover {\n  background: transparent;\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--unstable-pagination__page-selector,\n:host .cds--unstable-pagination__page-sizer {\n  align-items: center;\n  block-size: 100%;\n}\n:host .cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,\n:host .cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper {\n  display: flex;\n  block-size: 100%;\n}\n:host .cds--unstable-pagination__page-selector .cds--select-input,\n:host .cds--unstable-pagination__page-sizer .cds--select-input {\n  font-size: var(--cds-body-short-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-short-01-font-weight, 400);\n  line-height: var(--cds-body-short-01-line-height, 1.28572);\n  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);\n  padding: 0 2.25rem 0 1rem;\n  block-size: 100%;\n  inline-size: auto;\n  line-height: 2.5rem;\n  min-inline-size: auto;\n}\n:host .cds--unstable-pagination__page-selector .cds--select-input:hover,\n:host .cds--unstable-pagination__page-sizer .cds--select-input:hover {\n  background: var(--cds-layer-hover);\n}\n:host .cds--unstable-pagination__page-selector .cds--select__arrow,\n:host .cds--unstable-pagination__page-sizer .cds--select__arrow {\n  inset-block-start: 50%;\n  transform: translateY(-50%);\n}\n@media (min-width: 42rem) {\n  :host .cds--unstable-pagination__page-selector .cds--select__arrow,\n  :host .cds--unstable-pagination__page-sizer .cds--select__arrow {\n    inset-inline-end: 1rem;\n  }\n}\n:host .cds--unstable-pagination__page-selector {\n  border-inline-start: 1px solid var(--cds-border-subtle);\n}\n:host .cds--unstable-pagination__page-sizer {\n  border-inline-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--pagination-nav {\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  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));\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  line-height: 0;\n}\n:host .cds--pagination-nav html {\n  font-size: 100%;\n}\n:host .cds--pagination-nav body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--pagination-nav code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--pagination-nav strong {\n  font-weight: 600;\n}\n:host .cds--pagination-nav__list {\n  display: flex;\n  align-items: center;\n  list-style: none;\n}\n:host .cds--pagination-nav__list-item {\n  padding: 0;\n}\n:host .cds--pagination-nav__list-item:first-child {\n  padding-inline-start: 0;\n}\n:host .cds--pagination-nav__list-item:last-child {\n  padding-inline-end: 0;\n}\n:host .cds--pagination-nav__page {\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  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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  position: relative;\n  display: block;\n  padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;\n  border-radius: 0;\n  color: var(--cds-text-primary, #161616);\n  font-weight: 400;\n  line-height: 1;\n  min-inline-size: var(--cds-layout-size-height-local);\n  outline: 0;\n  text-align: center;\n  text-decoration: none;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  user-select: none;\n}\n:host .cds--pagination-nav__page *,\n:host .cds--pagination-nav__page *::before,\n:host .cds--pagination-nav__page *::after {\n  box-sizing: inherit;\n}\n:host .cds--pagination-nav__page::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--pagination-nav__page:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--pagination-nav__page:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--pagination-nav__page:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--pagination-nav__page:disabled, :host .cds--pagination-nav__page.cds--pagination-nav__page--disabled {\n  background: none;\n  color: rgba(var(--cds-text-secondary, #525252), 0.5);\n  outline: none;\n  pointer-events: none;\n}\n:host .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: 0.25rem;\n  content: \"\";\n  inline-size: 0;\n  inset-block-end: 0;\n  inset-inline-start: 50%;\n  opacity: 0;\n  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {\n    transition: none;\n  }\n}\n:host .cds--pagination-nav__page--active + .cds--pagination-nav__page::after, :host .cds--pagination-nav__page.cds--pagination-nav__page--active::after {\n  inline-size: 1rem;\n  inset-inline-start: calc(50% - 0.5rem);\n  opacity: 1;\n}\n:host .cds--pagination-nav__page.cds--pagination-nav__page--active {\n  background-color: initial;\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n}\n:host .cds--pagination-nav__page .cds--pagination-nav__icon {\n  fill: currentColor;\n  pointer-events: none;\n}\n:host .cds--pagination-nav__page--direction {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 3rem;\n  inline-size: 3rem;\n  line-height: 0;\n}\n:host .cds--pagination-nav__select {\n  position: relative;\n}\n:host .cds--pagination-nav__page--select {\n  appearance: none;\n  max-block-size: var(--cds-layout-size-height-local);\n  text-indent: calc(50% - 4.5px);\n}\n@-moz-document url-prefix() {\n  :host .cds--pagination-nav__page--select {\n    text-indent: 0;\n  }\n}\n:host .cds--pagination-nav__select-icon-wrapper {\n  position: absolute;\n  block-size: 100%;\n  inline-size: 100%;\n  inset-block-start: 0;\n  pointer-events: none;\n}\n:host .cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: 0.25rem;\n  content: \"\";\n  inline-size: 0;\n  inset-block-end: 0;\n  inset-inline-start: 50%;\n  opacity: 0;\n  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {\n    transition: none;\n  }\n}\n:host .cds--pagination-nav__page--active + .cds--pagination-nav__select-icon-wrapper::after, :host .cds--pagination-nav__select-icon-wrapper.cds--pagination-nav__page--active::after {\n  inline-size: 1rem;\n  inset-inline-start: calc(50% - 0.5rem);\n  opacity: 1;\n}\n:host .cds--pagination-nav__page--active + .cds--pagination-nav__select-icon-wrapper .cds--pagination-nav__select-icon {\n  display: none;\n}\n:host .cds--pagination-nav__select-icon {\n  position: absolute;\n  inset-block-start: calc(50% - 0.25rem);\n  inset-inline-start: calc(50% - 0.5rem);\n  pointer-events: none;\n}\n:host .cds--pagination-nav__accessibility-label {\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 [dir=rtl] .cds--pagination-nav__list-item svg {\n  transform: rotate(0.5turn);\n}\n:host .cds--progress-bar {\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}\n:host .cds--progress-bar__label {\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  display: flex;\n  justify-content: space-between;\n  color: var(--cds-text-primary, #161616);\n  margin-block-end: 0.5rem;\n  min-inline-size: 3rem;\n}\n:host .cds--progress-bar__label-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host .cds--progress-bar__track {\n  position: relative;\n  background-color: var(--cds-layer);\n  block-size: 0.5rem;\n  inline-size: 100%;\n  min-inline-size: 3rem;\n}\n:host .cds--progress-bar--big .cds--progress-bar__track {\n  block-size: 0.5rem;\n}\n:host .cds--progress-bar--small .cds--progress-bar__track {\n  block-size: 0.25rem;\n}\n:host .cds--progress-bar__bar {\n  display: block;\n  background-color: currentColor;\n  block-size: 100%;\n  color: var(--cds-interactive, #0f62fe);\n  inline-size: 100%;\n  transform: scaleX(0);\n  transform-origin: 0 center;\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host [dir=rtl] .cds--progress-bar__bar {\n  transform-origin: 100% center;\n}\n:host .cds--progress-bar--indeterminate .cds--progress-bar__track::after {\n  position: absolute;\n  animation-duration: 1400ms;\n  animation-iteration-count: infinite;\n  animation-name: cds--progress-bar-indeterminate;\n  animation-timing-function: linear;\n  background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);\n  background-position-x: 0%;\n  background-size: 200% 100%;\n  content: \"\";\n  inset: 0;\n}\n:host [dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {\n  animation-name: cds--progress-bar-indeterminate-rtl;\n}\n:host .cds--progress-bar__helper-text {\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  margin-block-start: 0.5rem;\n}\n:host .cds--progress-bar__status-icon {\n  flex-shrink: 0;\n  margin-inline-start: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--progress-bar--finished .cds--progress-bar__bar,\n:host .cds--progress-bar--finished .cds--progress-bar__status-icon {\n  color: var(--cds-support-success, #24a148);\n}\n:host .cds--progress-bar--error .cds--progress-bar__bar,\n:host .cds--progress-bar--error .cds--progress-bar__status-icon,\n:host .cds--progress-bar--error .cds--progress-bar__helper-text {\n  color: var(--cds-support-error, #da1e28);\n}\n:host .cds--progress-bar--finished .cds--progress-bar__bar,\n:host .cds--progress-bar--error .cds--progress-bar__bar {\n  transform: scaleX(1);\n}\n:host .cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,\n:host .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {\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--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,\n:host .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {\n  flex-shrink: 1;\n  justify-content: flex-start;\n  margin-inline-end: 0;\n}\n@keyframes cds--progress-bar-indeterminate {\n  0% {\n    background-position-x: 25%;\n  }\n  80%, 100% {\n    background-position-x: -105%;\n  }\n}\n@keyframes cds--progress-bar-indeterminate-rtl {\n  0% {\n    background-position-x: -105%;\n  }\n  80%, 100% {\n    background-position-x: 25%;\n  }\n}\n:host .cds--progress-bar--inline {\n  display: flex;\n  align-items: center;\n}\n:host .cds--progress-bar--inline .cds--progress-bar__label {\n  flex-shrink: 0;\n  margin-block-end: 0;\n  margin-inline-end: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--progress-bar--inline .cds--progress-bar__track {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n:host .cds--progress-bar--inline .cds--progress-bar__helper-text {\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--progress-bar--indented .cds--progress-bar__label,\n:host .cds--progress-bar--indented .cds--progress-bar__helper-text {\n  padding-inline: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--progress {\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  display: flex;\n  list-style: none;\n}\n:host .cds--progress *,\n:host .cds--progress *::before,\n:host .cds--progress *::after {\n  box-sizing: inherit;\n}\n:host .cds--progress-step {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  flex-direction: row;\n  inline-size: 8rem;\n  min-inline-size: 7rem;\n}\n:host .cds--progress-step .cds--tooltip__label {\n  display: block;\n}\n:host .cds--progress--space-equal .cds--progress-step {\n  flex-grow: 1;\n  min-inline-size: 8rem;\n}\n:host .cds--progress-line {\n  position: absolute;\n  border: 1px inset transparent;\n  block-size: 2px;\n  inline-size: 8rem;\n  inset-inline-start: 0;\n}\n:host .cds--progress--space-equal .cds--progress-line {\n  inline-size: 100%;\n  min-inline-size: 8rem;\n}\n:host .cds--progress-step svg {\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n  border-radius: 50%;\n  block-size: 1rem;\n  fill: var(--cds-interactive, #0f62fe);\n  inline-size: 1rem;\n  margin-block-start: 0.625rem;\n  margin-inline-end: 0.5rem;\n}\n:host .cds--progress--space-equal .cds--progress-text {\n  overflow: hidden;\n}\n:host .cds--progress-label {\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  overflow: hidden;\n  margin: 0.5rem 0 0 0;\n  color: var(--cds-text-primary, #161616);\n  line-height: 1.45;\n  max-inline-size: 5.5rem;\n  text-overflow: ellipsis;\n  transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  white-space: nowrap;\n}\n:host .cds--progress-label::before {\n  display: block;\n  content: \"\";\n}\n:host .cds--progress-label:hover {\n  box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);\n  color: var(--cds-link-primary-hover, #0043ce);\n  cursor: pointer;\n}\n:host .cds--progress--space-equal .cds--progress-label {\n  margin-inline-end: 0.75rem;\n  max-inline-size: 100%;\n}\n:host .cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {\n  outline: none;\n}\n:host .cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {\n  color: var(--cds-focus, #0f62fe);\n  outline: 0.0625rem solid var(--cds-focus, #0f62fe);\n}\n:host .cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {\n  box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--progress-label-overflow:hover ~ .cds--tooltip,\n:host .cds--progress-label-overflow:focus ~ .cds--tooltip {\n  visibility: inherit;\n}\n:host .cds--progress-step .cds--tooltip .cds--tooltip__caret {\n  margin-inline-start: 0.625rem;\n}\n:host .cds--tooltip__text {\n  padding: 0;\n  margin: 0;\n  font-weight: normal;\n}\n:host .cds--progress-step .cds--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  display: block;\n  padding: 0.5rem 1rem;\n  color: var(--cds-text-inverse, #ffffff);\n  inline-size: 7.8125rem;\n  margin-block-start: 2.5rem;\n  margin-inline-start: 1.375rem;\n  min-block-size: 1.5rem;\n  min-inline-size: 7.1875rem;\n  visibility: hidden;\n}\n:host .cds--progress-step .cds--tooltip_multi {\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  block-size: auto;\n  color: var(--cds-text-inverse, #ffffff);\n  inline-size: 9.375rem;\n}\n:host .cds--progress-optional {\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  position: absolute;\n  color: var(--cds-text-secondary, #525252);\n  inset-inline-start: 0;\n  margin-block-start: 1.75rem;\n  margin-inline-start: 1.5rem;\n  text-align: start;\n}\n:host .cds--progress-step--current .cds--progress-line {\n  background-color: var(--cds-interactive, #0f62fe);\n}\n:host .cds--progress-step--incomplete svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--progress-step--incomplete .cds--progress-line {\n  background-color: var(--cds-border-subtle);\n}\n:host .cds--progress-step--complete .cds--progress-line {\n  background-color: var(--cds-interactive, #0f62fe);\n}\n:host .cds--progress-step-button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: flex;\n  text-align: start;\n}\n:host .cds--progress-step-button *,\n:host .cds--progress-step-button *::before,\n:host .cds--progress-step-button *::after {\n  box-sizing: inherit;\n}\n:host .cds--progress-step-button::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--progress-step-button--unclickable {\n  cursor: default;\n  outline: none;\n}\n:host .cds--progress-step-button--unclickable .cds--progress-label:hover {\n  box-shadow: none;\n  color: var(--cds-text-primary, #161616);\n  cursor: default;\n}\n:host .cds--progress-step-button--unclickable .cds--tooltip__label:hover {\n  box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);\n  color: var(--cds-link-primary, #0f62fe);\n  cursor: pointer;\n}\n:host .cds--progress-step--disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n:host .cds--progress-step--disabled svg {\n  cursor: not-allowed;\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--progress-step--disabled .cds--progress-label,\n:host .cds--progress-step--disabled .cds--progress-label:hover {\n  box-shadow: none;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--progress-step--disabled .cds--progress-line {\n  cursor: not-allowed;\n}\n:host .cds--progress-step--disabled .cds--progress-label-overflow:hover ~ .cds--tooltip--definition .cds--tooltip--definition__bottom {\n  display: none;\n}\n:host .cds--progress__warning > * {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--progress.cds--skeleton .cds--progress-label {\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  block-size: 0.875rem;\n  inline-size: 2.5rem;\n  margin-block-start: 0.625rem;\n}\n:host .cds--progress.cds--skeleton .cds--progress-label:hover, :host .cds--progress.cds--skeleton .cds--progress-label:focus, :host .cds--progress.cds--skeleton .cds--progress-label:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--progress.cds--skeleton .cds--progress-label::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--progress.cds--skeleton .cds--progress-label::before {\n    animation: none;\n  }\n}\n:host .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {\n  margin-block-start: 0.0625rem;\n}\n:host .cds--progress--vertical {\n  display: flex;\n  flex-direction: column;\n}\n:host .cds--progress--vertical,\n:host .cds--progress-text {\n  display: flex;\n  flex-direction: column;\n}\n:host .cds--progress--vertical .cds--progress-step,\n:host .cds--progress--vertical .cds--progress-step-button {\n  align-content: flex-start;\n  inline-size: initial;\n  min-block-size: 3.625rem;\n  min-inline-size: initial;\n}\n:host .cds--progress--vertical .cds--progress-step svg,\n:host .cds--progress--vertical .cds--progress-step-button svg {\n  display: inline-block;\n  margin: 0.0625rem 0.5rem 0;\n}\n:host .cds--progress--vertical .cds--progress-label {\n  display: inline-block;\n  margin: 0;\n  inline-size: initial;\n  max-inline-size: 10rem;\n  vertical-align: top;\n  white-space: initial;\n}\n:host .cds--progress--vertical .cds--progress-step .cds--tooltip {\n  margin-block-start: 0.5rem;\n}\n:host .cds--progress--vertical .cds--progress-optional {\n  position: static;\n  margin: 0 0 auto;\n  inline-size: 100%;\n}\n:host .cds--progress--vertical .cds--progress-line {\n  position: absolute;\n  block-size: 100%;\n  inline-size: 1px;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n@keyframes ai-skeleton-animation {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n:host .cds--icon--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  display: inline-block;\n  block-size: 1rem;\n  inline-size: 1rem;\n}\n:host .cds--icon--skeleton:hover, :host .cds--icon--skeleton:focus, :host .cds--icon--skeleton:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--icon--skeleton::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--icon--skeleton::before {\n    animation: none;\n  }\n}\n:host .cds--skeleton__placeholder {\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  block-size: 6.25rem;\n  inline-size: 6.25rem;\n}\n:host .cds--skeleton__placeholder:hover, :host .cds--skeleton__placeholder:focus, :host .cds--skeleton__placeholder:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--skeleton__placeholder::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--skeleton__placeholder::before {\n    animation: none;\n  }\n}\n:host .cds--skeleton__text {\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  block-size: 1rem;\n  inline-size: 100%;\n  margin-block-end: 0.5rem;\n}\n:host .cds--skeleton__text:hover, :host .cds--skeleton__text:focus, :host .cds--skeleton__text:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--skeleton__text::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--skeleton__text::before {\n    animation: none;\n  }\n}\n:host .cds--skeleton__heading {\n  block-size: 1.5rem;\n}\n:host .cds--skeleton__text--ai,\n:host .cds--skeleton__placeholder--ai,\n:host .cds--skeleton__icon--ai {\n  overflow: hidden;\n  background: var(--cds-ai-skeleton-background, #d0e2ff);\n}\n:host .cds--skeleton__text--ai::before,\n:host .cds--skeleton__placeholder--ai::before,\n:host .cds--skeleton__icon--ai::before {\n  animation: 1250ms ease-in-out ai-skeleton-animation infinite;\n  background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);\n}\n:host .cds--skeleton__placeholder--ai::before,\n:host .cds--skeleton__icon--ai::before {\n  inline-size: 200%;\n}\n:host .cds--skeleton__placeholder--ai {\n  border-radius: 0.5rem;\n}\n:host .cds--skeleton__text--ai {\n  border-radius: 1rem;\n}\n:host .cds--skeleton__icon--ai {\n  border-radius: 0.125rem;\n}\n:host .cds--slider-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  user-select: none;\n}\n:host .cds--slider {\n  position: relative;\n  padding: 1rem 0;\n  cursor: pointer;\n  inline-size: 100%;\n  max-inline-size: 40rem;\n  min-inline-size: 12.5rem;\n}\n:host .cds--slider-container--two-handles .cds--slider {\n  margin-inline: 0.25rem;\n}\n:host .cds--slider__range-label {\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  color: var(--cds-text-primary, #161616);\n  white-space: nowrap;\n}\n:host .cds--slider__track {\n  position: absolute;\n  background: var(--cds-border-subtle);\n  block-size: 0.125rem;\n  inline-size: 100%;\n  transform: translate(0%, -50%);\n}\n:host .cds--slider__track:before {\n  position: absolute;\n  display: inline-block;\n  background: var(--cds-border-subtle);\n  block-size: 0.25rem;\n  content: \"\";\n  inline-size: 0.125rem;\n  inset-block-start: -0.3125rem;\n  inset-inline-start: 50%;\n  transform: translate(-50%, 0);\n}\n:host .cds--slider__filled-track {\n  position: absolute;\n  background: var(--cds-layer-selected-inverse, #161616);\n  block-size: 0.125rem;\n  inline-size: 100%;\n  pointer-events: none;\n  transform: translate(0%, -50%);\n  transform-origin: left;\n  transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--slider__thumb-wrapper {\n  position: absolute;\n  z-index: 3;\n  block-size: 0.875rem;\n  inline-size: 0.875rem;\n  transform: translate(-50%, -50%);\n  --cds-tooltip-padding-inline: 0.5rem;\n  --cds-popover-offset: 0.5rem;\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper {\n  transform: translate(50%, -50%);\n}\n:host .cds--slider__thumb-wrapper--lower,\n:host .cds--slider__thumb-wrapper--upper {\n  block-size: 24px;\n  inline-size: 16px;\n  --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);\n}\n:host .cds--slider__thumb-wrapper--lower {\n  transform: translate(-100%, -50%);\n}\n:host .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {\n  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {\n  inset-inline-start: revert;\n  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {\n  transform: translate(100%, -50%);\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {\n  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider__thumb-wrapper--upper {\n  transform: translate(0, -50%);\n}\n:host .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {\n  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {\n  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {\n  transform: translate(0, -50%);\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {\n  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {\n  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--slider__thumb {\n  position: absolute;\n  border-radius: 50%;\n  background: var(--cds-layer-selected-inverse, #161616);\n  box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;\n  inset: 0;\n  outline: none;\n  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--slider__thumb:hover {\n  transform: scale(1.4286);\n}\n:host .cds--slider__thumb:focus {\n  background-color: var(--cds-interactive, #0f62fe);\n  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);\n  transform: scale(1.4286);\n}\n:host .cds--slider__thumb:active {\n  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);\n  transform: scale(1.4286);\n}\n:host .cds--slider__thumb-icon {\n  fill: var(--cds-layer-selected-inverse, #161616);\n}\n:host .cds--slider__thumb-icon--focus {\n  display: none;\n  fill: var(--cds-interactive, #0f62fe);\n}\n:host .cds--slider__thumb--lower,\n:host .cds--slider__thumb--upper {\n  position: absolute;\n  border-radius: unset;\n  background-color: transparent;\n  box-shadow: none;\n  inset: 0;\n  transition: none;\n}\n:host .cds--slider__thumb--lower::before,\n:host .cds--slider__thumb--upper::before {\n  position: absolute;\n  z-index: -1;\n  display: block;\n  background: var(--cds-background, #ffffff);\n  block-size: 0.125rem;\n  content: \"\";\n  inline-size: 0.375rem;\n  inset-block-start: calc(50% - 0.0625rem);\n  inset-inline-end: 0;\n}\n:host .cds--slider__thumb--lower:hover,\n:host .cds--slider__thumb--upper:hover {\n  transform: none;\n}\n:host .cds--slider__thumb--lower:hover .cds--slider__thumb-icon,\n:host .cds--slider__thumb--upper:hover .cds--slider__thumb-icon {\n  fill: var(--cds-text-secondary, #525252);\n}\n:host .cds--slider__thumb--lower:active,\n:host .cds--slider__thumb--upper:active {\n  box-shadow: none;\n  transform: none;\n}\n:host .cds--slider__thumb--lower:focus,\n:host .cds--slider__thumb--upper:focus {\n  background-color: transparent;\n  box-shadow: none;\n  transform: none;\n}\n:host .cds--slider__thumb--lower:focus .cds--slider__thumb-icon,\n:host .cds--slider__thumb--upper:focus .cds--slider__thumb-icon {\n  display: none;\n  fill: var(--cds-interactive, #0f62fe);\n}\n:host .cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,\n:host .cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus {\n  display: block;\n}\n:host .cds--slider__thumb--lower:focus::before,\n:host .cds--slider__thumb--upper:focus::before {\n  inline-size: 100%;\n}\n:host .cds--slider__thumb--upper {\n  transform: none;\n}\n:host .cds--slider__thumb--upper::before {\n  inset-inline: 0 auto;\n}\n:host .cds--slider__thumb--upper:hover, :host .cds--slider__thumb--upper:active, :host .cds--slider__thumb--upper:focus {\n  transform: none;\n}\n:host .cds--slider__input {\n  display: none;\n}\n:host .cds--slider-text-input-wrapper {\n  position: relative;\n}\n:host .cds--slider-text-input-wrapper--hidden {\n  display: none;\n}\n:host .cds--slider-text-input,\n:host .cds-slider-text-input {\n  -moz-appearance: textfield;\n  appearance: textfield;\n  block-size: 2.5rem;\n  inline-size: 4rem;\n}\n:host .cds--slider-text-input::-webkit-outer-spin-button, :host .cds--slider-text-input::-webkit-inner-spin-button,\n:host .cds-slider-text-input::-webkit-outer-spin-button,\n:host .cds-slider-text-input::-webkit-inner-spin-button {\n  display: none;\n}\n:host .cds--slider__thumb:focus ~ .cds--slider__filled-track,\n:host .cds--slider__thumb-wrapper:focus-within ~ .cds--slider__filled-track {\n  background-color: var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--slider-text-input.cds--text-input--invalid,\n:host .cds--slider-text-input--warn {\n  inline-size: 6rem;\n  padding-inline-end: 3rem;\n}\n:host .cds--slider__invalid-icon {\n  position: absolute;\n  fill: var(--cds-support-error, #da1e28);\n  inset-block-start: 50%;\n  inset-inline-end: 1rem;\n  transform: translateY(-50%);\n}\n:host .cds--slider__validation-msg.cds--form-requirement {\n  display: block;\n  overflow: visible;\n  max-block-size: 100%;\n}\n:host .cds--slider__validation-msg--invalid {\n  color: var(--cds-text-error, #da1e28);\n}\n:host .cds--slider__invalid-icon.cds--slider__invalid-icon--warning {\n  fill: var(--cds-support-warning, #f1c21b);\n}\n:host .cds--slider__invalid-icon--warning path:first-of-type {\n  fill: #000000;\n  opacity: 1;\n}\n:host .cds--label--disabled ~ .cds--slider-container > .cds--slider__range-label {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--slider--disabled.cds--slider {\n  cursor: not-allowed;\n}\n:host .cds--slider--disabled .cds--slider__thumb {\n  background-color: var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--slider--disabled .cds--slider__thumb:hover {\n  cursor: not-allowed;\n  transform: translate(-50%, -50%);\n}\n:host .cds--slider--disabled .cds--slider__thumb:focus {\n  background-color: var(--cds-border-disabled, #c6c6c6);\n  box-shadow: none;\n  outline: none;\n  transform: translate(-50%, -50%);\n}\n:host .cds--slider--disabled .cds--slider__thumb:active {\n  background: var(--cds-border-disabled, #c6c6c6);\n  transform: translate(-50%, -50%);\n}\n:host .cds--slider--disabled .cds--slider__track,\n:host .cds--slider--disabled .cds--slider__filled-track,\n:host .cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track {\n  background-color: var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,\n:host .cds--slider--disabled ~ .cds--slider-text-input {\n  border: none;\n  background-color: var(--cds-field);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  transition: none;\n}\n:host .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active, :host .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus, :host .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,\n:host .cds--slider--disabled ~ .cds--slider-text-input:active,\n:host .cds--slider--disabled ~ .cds--slider-text-input:focus,\n:host .cds--slider--disabled ~ .cds--slider-text-input:hover {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline: none;\n}\n:host .cds--slider--readonly {\n  cursor: default;\n}\n:host .cds--slider-container--readonly .cds--slider__thumb {\n  block-size: 0;\n  inline-size: 0;\n}\n:host .cds--slider-container--readonly .cds--slider__thumb::before, :host .cds--slider-container--readonly .cds--slider__thumb::after {\n  display: none;\n}\n:host .cds--slider-container--readonly .cds--slider-text-input {\n  background-color: transparent;\n}\n:host .cds--slider__status-msg.cds--form-requirement {\n  display: block;\n  overflow: visible;\n  max-block-size: 100%;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__range-label {\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  block-size: 0.75rem;\n  inline-size: 1.25rem;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__range-label:hover, :host .cds--slider-container.cds--skeleton .cds--slider__range-label:focus, :host .cds--slider-container.cds--skeleton .cds--slider__range-label:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__range-label::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--slider-container.cds--skeleton .cds--slider__range-label::before {\n    animation: none;\n  }\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__track {\n  cursor: default;\n  pointer-events: none;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {\n  inset-inline-start: 50%;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__thumb {\n  cursor: default;\n  pointer-events: none;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {\n  inset-inline-start: 0;\n}\n:host .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {\n  inset-inline-start: 100%;\n}\n:host .cds--popover-container.cds--slider__thumb-wrapper {\n  position: absolute;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--slider__thumb {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--slider__thumb:focus {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--slider__track {\n    outline: 1px solid transparent;\n  }\n}\n:host .cds--stack-horizontal {\n  display: inline-grid;\n  column-gap: var(--cds-stack-gap, 0);\n  grid-auto-flow: column;\n}\n:host .cds--stack-vertical {\n  display: grid;\n  grid-auto-flow: row;\n  row-gap: var(--cds-stack-gap, 0);\n}\n:host .cds--stack-scale-1 {\n  --cds-stack-gap: 0.125rem;\n}\n:host .cds--stack-scale-2 {\n  --cds-stack-gap: 0.25rem;\n}\n:host .cds--stack-scale-3 {\n  --cds-stack-gap: 0.5rem;\n}\n:host .cds--stack-scale-4 {\n  --cds-stack-gap: 0.75rem;\n}\n:host .cds--stack-scale-5 {\n  --cds-stack-gap: 1rem;\n}\n:host .cds--stack-scale-6 {\n  --cds-stack-gap: 1.5rem;\n}\n:host .cds--stack-scale-7 {\n  --cds-stack-gap: 2rem;\n}\n:host .cds--stack-scale-8 {\n  --cds-stack-gap: 2.5rem;\n}\n:host .cds--stack-scale-9 {\n  --cds-stack-gap: 3rem;\n}\n:host .cds--stack-scale-10 {\n  --cds-stack-gap: 4rem;\n}\n:host .cds--stack-scale-11 {\n  --cds-stack-gap: 5rem;\n}\n:host .cds--stack-scale-12 {\n  --cds-stack-gap: 6rem;\n}\n:host .cds--stack-scale-13 {\n  --cds-stack-gap: 10rem;\n}\n:host .cds--structured-list--selection .cds--structured-list-td,\n:host .cds--structured-list--selection .cds--structured-list-th {\n  padding-inline: 1rem 1rem;\n}\n:host .cds--structured-list--selection .cds--structured-list-td:first-child,\n:host .cds--structured-list--selection .cds--structured-list-th:first-child {\n  padding-inline: 1rem 1rem;\n}\n:host .cds--structured-list-row--focused-within {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--structured-list-row--focused-within {\n    outline-style: dotted;\n  }\n}\n:host .cds--structured-list {\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  display: table;\n  background-color: var(--cds-layer) transparent;\n  border-collapse: collapse;\n  border-spacing: 0;\n  inline-size: 100%;\n  overflow-x: auto;\n}\n:host .cds--structured-list *,\n:host .cds--structured-list *::before,\n:host .cds--structured-list *::after {\n  box-sizing: inherit;\n}\n:host .cds--structured-list.cds--structured-list--condensed .cds--structured-list-td, :host .cds--structured-list.cds--structured-list--condensed .cds--structured-list-th {\n  padding: 0.5rem;\n}\n:host .cds--structured-list .cds--structured-list-row .cds--structured-list-td:first-of-type,\n:host .cds--structured-list .cds--structured-list-row .cds--structured-list-th:first-of-type {\n  padding-inline-start: 1rem;\n}\n:host .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td, :host .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th, :host .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type, :host .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {\n  padding-inline: 0 1rem;\n}\n:host .cds--structured-list-row {\n  display: table-row;\n  border-block-start: 1px solid var(--cds-border-subtle);\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--structured-list-tbody .cds--structured-list-row:last-child {\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--structured-list-row--header-row {\n  border: none;\n}\n:host .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {\n  border-color: var(--cds-layer-hover);\n  background-color: var(--cds-layer-hover);\n  cursor: pointer;\n}\n:host .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) + .cds--structured-list-row {\n  border-color: var(--cds-layer-hover);\n}\n:host .cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected {\n  border-color: var(--cds-layer-selected);\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--structured-list--selection .cds--structured-list-row--selected + .cds--structured-list-row {\n  border-color: var(--cds-layer-selected);\n}\n:host .cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected .cds--structured-list-td {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--structured-list-row.cds--structured-list-row--header-row {\n  cursor: inherit;\n}\n:host .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td,\n:host .cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected > .cds--structured-list-td {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--structured-list-thead {\n  display: table-header-group;\n  vertical-align: middle;\n}\n:host .cds--structured-list-th {\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  padding: 1rem 0.5rem 0.5rem 0.5rem;\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  display: table-cell;\n  block-size: 2.5rem;\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n  text-align: start;\n  text-transform: none;\n  vertical-align: top;\n}\n:host .cds--structured-list-th *,\n:host .cds--structured-list-th *::before,\n:host .cds--structured-list-th *::after {\n  box-sizing: inherit;\n}\n:host .cds--structured-list-tbody {\n  display: table-row-group;\n  vertical-align: middle;\n}\n:host .cds--structured-list-td {\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  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: 1rem 0.5rem 1.5rem 0.5rem;\n  position: relative;\n  display: table-cell;\n  color: var(--cds-text-secondary, #525252);\n  max-inline-size: 36rem;\n  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--structured-list-td *,\n:host .cds--structured-list-td *::before,\n:host .cds--structured-list-td *::after {\n  box-sizing: inherit;\n}\n:host .cds--structured-list-content--nowrap {\n  white-space: nowrap;\n}\n:host .cds--structured-list-input + .cds--structured-list-td {\n  text-align: end;\n}\n:host .cds--structured-list-svg {\n  display: inline-block;\n  margin-block-start: 0.125rem;\n  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  vertical-align: top;\n}\n:host .cds--structured-list-input:checked + .cds--structured-list-row .cds--structured-list-svg,\n:host .cds--structured-list-input:checked + .cds--structured-list-td .cds--structured-list-svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--structured-list-svg {\n  fill: transparent;\n}\n:host .cds--structured-list--selection .cds--structured-list-td:last-child {\n  inline-size: 2rem;\n  padding-inline-start: 0;\n}\n:host .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {\n  inline-size: 8%;\n}\n:host .cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+2) {\n  inline-size: 30%;\n}\n:host .cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+3) {\n  inline-size: 15%;\n}\n:host .cds--structured-list.cds--skeleton span {\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  display: block;\n  block-size: 1rem;\n  inline-size: 75%;\n}\n:host .cds--structured-list.cds--skeleton span:hover, :host .cds--structured-list.cds--skeleton span:focus, :host .cds--structured-list.cds--skeleton span:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--structured-list.cds--skeleton span::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--structured-list.cds--skeleton span::before {\n    animation: none;\n  }\n}\n:host .cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child {\n  inline-size: 5%;\n}\n:host .cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child span {\n  display: none;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--structured-list-input:checked + .cds--structured-list-td .cds--structured-list-svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--structured-list__icon {\n  margin-block-start: 0.125rem;\n  vertical-align: top;\n}\n:host .cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {\n  inline-size: 2rem;\n  padding-inline-end: 0;\n}\n:host .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n  inline-size: 100%;\n}\n:host .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-label,\n:host .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-secondary-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n:host .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item--icon {\n  margin-inline-start: auto;\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tabs__nav-link .cds--tabs__nav-item-label {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  white-space: normal;\n}\n:host .cds--tabs,\n:host .cds--tab-content {\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}\n:host .cds--tabs.cds--tabs--tall,\n:host .cds--tabs.cds--tabs--contained.cds--tabs--tall {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));\n}\n:host .cds--tabs {\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  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));\n  position: relative;\n  display: flex;\n  block-size: auto;\n  color: var(--cds-text-primary, #161616);\n  inline-size: 100%;\n  max-block-size: var(--cds-layout-size-height-xl);\n  min-block-size: var(--cds-layout-size-height-local);\n  overflow-x: hidden;\n}\n:host .cds--tabs html {\n  font-size: 100%;\n}\n:host .cds--tabs body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--tabs code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--tabs strong {\n  font-weight: 600;\n}\n:host .cds--tabs.cds--tabs--contained {\n  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));\n}\n:host .cds--tabs .cds--tab--list {\n  display: flex;\n  inline-size: auto;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  will-change: scroll-position;\n}\n:host .cds--tabs .cds--tab--list::-webkit-scrollbar {\n  display: none;\n}\n:host .cds--tabs.cds--tabs--vertical {\n  background: var(--cds-layer);\n  box-shadow: inset -1px 0 var(--cds-border-subtle);\n  grid-column: span 2;\n  max-block-size: none;\n}\n@media (min-width: 66rem) {\n  :host .cds--tabs.cds--tabs--vertical {\n    grid-column: span 4;\n  }\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tab--list {\n  overflow: visible auto;\n  flex-direction: column;\n  inline-size: 100%;\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {\n  position: absolute;\n  background: linear-gradient(to bottom, transparent, var(--cds-layer));\n  block-size: 4rem;\n  inset-block-end: 0;\n  inset-inline: 0;\n  pointer-events: none;\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_top {\n  position: absolute;\n  background: linear-gradient(to top, transparent, var(--cds-layer));\n  block-size: 4rem;\n  inset-block-start: 0;\n  inset-inline: 0;\n  pointer-events: none;\n}\n:host .cds--tabs .cds--tabs__nav {\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  display: flex;\n}\n:host .cds--tabs .cds--tabs__nav *,\n:host .cds--tabs .cds--tabs__nav *::before,\n:host .cds--tabs .cds--tabs__nav *::after {\n  box-sizing: inherit;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button {\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--cds-background, #ffffff);\n  inline-size: 2.5rem;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button *,\n:host .cds--tabs .cds--tab--overflow-nav-button *::before,\n:host .cds--tabs .cds--tab--overflow-nav-button *::after {\n  box-sizing: inherit;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tabs .cds--tab--overflow-nav-button:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--tabs .cds--tab--overflow-nav-button--hidden {\n  display: none;\n}\n:host .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button {\n  margin: 0;\n  background-color: var(--cds-layer-accent);\n  inline-size: 3rem;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button svg {\n  z-index: 2;\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--tabs .cds--tab--overflow-nav-button--next {\n  position: absolute;\n  inset-block: 0 0;\n  inset-inline-end: 0;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button--next::before {\n  position: absolute;\n  z-index: 1;\n  block-size: 100%;\n  content: \"\";\n  inline-size: 0.5rem;\n  inset-inline-start: -0.5rem;\n}\n:host .cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {\n  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));\n}\n:host .cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {\n  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));\n}\n:host .cds--tabs .cds--tab--overflow-nav-button--previous {\n  position: absolute;\n  z-index: 1;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n}\n:host .cds--tabs .cds--tab--overflow-nav-button--previous::before {\n  position: absolute;\n  z-index: 1;\n  block-size: 100%;\n  content: \"\";\n  inline-size: 0.5rem;\n  inset-inline-end: -0.5rem;\n}\n:host .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {\n  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));\n}\n:host .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right {\n  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer));\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {\n  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {\n  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));\n}\n@media not all and (resolution >= 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    :host .cds--tabs .cds--tabs__overflow-indicator--left {\n      background-image: linear-gradient(to left, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));\n    }\n    :host .cds--tabs .cds--tabs__overflow-indicator--right {\n      background-image: linear-gradient(to right, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));\n    }\n    :host .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {\n      background-image: linear-gradient(to left, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));\n    }\n    :host .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {\n      background-image: linear-gradient(to right, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));\n    }\n  }\n}\n:host .cds--tabs .cds--tabs__nav-item-label-wrapper {\n  display: flex;\n}\n:host .cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item-label-wrapper {\n  position: relative;\n  inset-block-start: 0.0625rem;\n}\n:host .cds--tabs .cds--tabs__nav-item {\n  display: flex;\n  flex: 1 0 auto;\n  padding: 0;\n  cursor: pointer;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tabs .cds--tabs__nav-item html {\n  font-size: 100%;\n}\n:host .cds--tabs .cds--tabs__nav-item body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--tabs .cds--tabs__nav-item code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--tabs .cds--tabs__nav-item strong {\n  font-weight: 600;\n}\n:host .cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {\n  margin-inline-start: 0.0625rem;\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item {\n  background-color: var(--cds-layer-accent);\n  box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);\n  margin-inline-start: 0;\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item {\n  flex: none;\n  background-color: var(--cds-layer-01, #f4f4f4);\n  block-size: 4rem;\n  border-block-end: 1px solid var(--cds-border-subtle);\n  border-inline-end: 1px solid var(--cds-border-subtle);\n  box-shadow: inset 3px 0 0 0 var(--cds-border-subtle);\n  inline-size: 100%;\n  margin-inline-start: 0;\n}\n:host .cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--selected + div + .cds--tabs__nav-item {\n  box-shadow: -0.0625rem 0 0 0 transparent;\n}\n:host .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {\n  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tabs.cds--tabs--dismissable .cds--tabs__nav-link {\n  padding-inline-end: 2.5rem;\n}\n:host .cds--tabs.cds--tabs--dismissable.cds--tabs--contained .cds--tabs__nav-link {\n  padding-inline-end: calc(3rem - 1px);\n}\n:host .cds--tabs .cds--tabs__nav-item--close {\n  position: relative;\n  display: flex;\n  align-items: center;\n  inset-inline-start: calc(-0.75rem - 1px);\n  margin-inline-start: calc(-1.5rem + 1px);\n}\n:host .cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item--close--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  position: static;\n  inline-size: 0.1875rem;\n}\n:host .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tabs__nav-item--close--hidden {\n  display: none;\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n  padding-block: 0.25rem;\n  padding-inline: 0.25rem;\n  pointer-events: auto;\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon *,\n:host .cds--tabs .cds--tabs__nav-item--close-icon *::before,\n:host .cds--tabs .cds--tabs__nav-item--close-icon *::after {\n  box-sizing: inherit;\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon svg {\n  block-size: 1rem;\n  fill: var(--cds-text-secondary, #525252);\n  inline-size: 1rem;\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon svg:hover {\n  fill: var(--cds-text-primary, #161616);\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon:hover {\n  background-color: var(--cds-layer-hover);\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon:focus, :host .cds--tabs .cds--tabs__nav-item--close-icon:active {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tabs .cds--tabs__nav-item--close-icon:focus, :host .cds--tabs .cds--tabs__nav-item--close-icon:active {\n    outline-style: dotted;\n  }\n}\n:host .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon svg {\n  fill: var(--cds-text-primary, #161616);\n}\n:host .cds--tabs .cds--tabs__nav-item--close-icon--selected svg {\n  fill: var(--cds-text-primary, #161616);\n}\n:host .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover {\n  background-color: inherit;\n  cursor: not-allowed;\n}\n:host .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled svg,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled svg,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover svg {\n  fill: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:focus, :host .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:active,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled:focus,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled:active,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:focus,\n:host .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:active {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n}\n:host .cds--tabs .cds--tabs__nav-item--icon {\n  display: flex;\n  align-items: center;\n  padding-inline-start: 0.5rem;\n}\n:host .cds--tabs .cds--tabs__nav-item--icon-left {\n  display: flex;\n  align-items: center;\n  margin-block-start: -2px;\n  padding-inline-end: 0.5rem;\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {\n  padding-inline-start: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--tabs .cds--tabs__nav-link {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\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  overflow: hidden;\n  border-block-end: 2px solid var(--cds-border-subtle);\n  color: var(--cds-text-secondary, #525252);\n  padding-inline: var(--cds-layout-density-padding-inline-local);\n  text-align: start;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  white-space: nowrap;\n}\n:host .cds--tabs .cds--tabs__nav-link *,\n:host .cds--tabs .cds--tabs__nav-link *::before,\n:host .cds--tabs .cds--tabs__nav-link *::after {\n  box-sizing: inherit;\n}\n:host .cds--tabs .cds--tabs__nav-link::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--tabs .cds--tabs__nav-link:focus, :host .cds--tabs .cds--tabs__nav-link:active {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tabs .cds--tabs__nav-link:focus, :host .cds--tabs .cds--tabs__nav-link:active {\n    outline-style: dotted;\n  }\n}\n:host .cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-link {\n  border-block-end: 0;\n  padding-inline: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {\n  line-height: calc(3rem - 0.5rem * 2);\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {\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  min-block-size: 1rem;\n}\n:host .cds--tabs.cds--tabs--vertical:not(.cds--tabs--tall) .cds--tabs__nav-item-label {\n  line-height: var(--cds-body-compact-01-line-height);\n}\n:host .cds--tabs.cds--tabs__icon--default .cds--tab--list, :host .cds--tabs.cds--tabs__icon--lg .cds--tab--list {\n  overflow-x: visible;\n}\n:host .cds--tabs .cds--tabs__nav-item--icon-only, :host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {\n  display: flex;\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}\n:host .cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, :host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {\n  line-height: 0;\n}\n:host .cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {\n  border-block-end: 2px solid var(--cds-border-strong);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {\n  background-color: var(--cds-layer-accent-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {\n  background-color: var(--cds-layer-hover);\n  box-shadow: inset 3px 0 0 0 var(--cds-border-strong);\n}\n:host .cds--tabs .cds--tabs__nav-item--selected {\n  border-block-end: 2px solid var(--cds-border-interactive, #0f62fe);\n  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected + .cds--tabs__nav-item {\n  box-shadow: none;\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--selected {\n  box-shadow: inset 0 2px 0 0 var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--selected {\n  border-inline: none;\n  box-shadow: inset 3px 0 0 0 var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,\n:host .cds--tabs .cds--tabs__nav-item--selected,\n:host .cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,\n:host .cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active {\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  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, :host .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {\n  line-height: calc(3rem - 0.5rem * 2);\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, :host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {\n  background-color: var(--cds-layer);\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, :host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:active {\n  box-shadow: none;\n}\n:host .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected, :host .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {\n  background-color: var(--cds-background, #ffffff);\n}\n:host .cds--tabs .cds--tabs__nav-item--disabled {\n  background-color: transparent;\n  border-block-end: 2px solid var(--cds-border-subtle);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline: none;\n}\n:host .cds--tabs .cds--tabs__nav-item--disabled:hover {\n  border-block-end: 2px solid var(--cds-border-subtle);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled, :host .cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {\n  background-color: var(--cds-button-disabled, #c6c6c6);\n}\n:host .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled, :host .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {\n  background-color: var(--cds-layer);\n  border-block-end: 1px solid var(--cds-border-subtle);\n}\n:host .cds--tabs .cds--tabs__nav-item--disabled:focus,\n:host .cds--tabs .cds--tabs__nav-item--disabled:active {\n  border-block-end: 2px solid var(--cds-border-subtle);\n  outline: none;\n  pointer-events: none;\n}\n:host .cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,\n:host .cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active {\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--disabled {\n  border-block-end: none;\n  color: var(--cds-text-on-color-disabled, #8d8d8d);\n}\n:host .cds--tab-content {\n  padding: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--tab-content:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tab-content:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--tabs--contained ~ .cds--tab-content {\n  background: var(--cds-layer);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content {\n  grid-column: 3/-1;\n  overflow-y: auto;\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--text-input--fluid .cds--text-input,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--search--fluid .cds--search-input,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--select--fluid .cds--select-input,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid.cds--list-box__wrapper,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid input[type=number],\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn::before,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn::after,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {\n  background-color: var(--cds-field-01, #f4f4f4);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box__menu {\n  background-color: var(--cds-layer-01, #f4f4f4);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item:hover {\n  background-color: var(--cds-layer-hover-02, #e8e8e8);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item--active {\n  background-color: var(--cds-layer-selected-02, #e0e0e0);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item--active:hover {\n  background-color: var(--cds-layer-selected-hover-02, #d1d1d1);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::before,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::after {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::before,\n:host .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::after {\n  border-inline-start: 2px solid var(--cds-focus, #0f62fe);\n}\n@media (min-width: 66rem) {\n  :host .cds--tabs--vertical ~ .cds--tab-content {\n    grid-column: 5/-1;\n  }\n}\n:host .cds--tab-content--interactive:focus {\n  outline: none;\n}\n:host .cds--tabs.cds--skeleton {\n  cursor: default;\n  pointer-events: none;\n}\n:host .cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link {\n  border-block-end: 2px solid var(--cds-skeleton-element, #c6c6c6);\n}\n:host .cds--tabs.cds--skeleton .cds--tabs__nav-link {\n  display: flex;\n  align-items: center;\n  padding: 0 var(--cds-layout-density-padding-inline-local);\n  block-size: 100%;\n  inline-size: 10rem;\n}\n:host .cds--tabs.cds--skeleton .cds--tabs__nav-link span {\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  display: block;\n  block-size: 0.875rem;\n  inline-size: 100%;\n}\n:host .cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover, :host .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus, :host .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {\n    animation: none;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link {\n    color: GrayText;\n    fill: GrayText;\n  }\n}\n:host .cds--tile-group html {\n  font-size: 100%;\n}\n:host .cds--tile-group body {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n:host .cds--tile-group code {\n  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host .cds--tile-group strong {\n  font-weight: 600;\n}\n:host .cds--tile {\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  --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  position: relative;\n  display: block;\n  padding: var(--cds-layout-density-padding-inline-local);\n  background-color: var(--cds-layer);\n  min-block-size: 4rem;\n  min-inline-size: 8rem;\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n}\n:host .cds--tile:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tile:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--tile--light {\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .cds--tile--clickable,\n:host .cds--tile--selectable {\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  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  padding: var(--cds-layout-density-padding-inline-local);\n  cursor: pointer;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tile--clickable *,\n:host .cds--tile--clickable *::before,\n:host .cds--tile--clickable *::after,\n:host .cds--tile--selectable *,\n:host .cds--tile--selectable *::before,\n:host .cds--tile--selectable *::after {\n  box-sizing: inherit;\n}\n:host .cds--tile--clickable:hover,\n:host .cds--tile--selectable:hover {\n  background: var(--cds-layer-hover);\n}\n:host .cds--tile--clickable {\n  color: var(--cds-text-primary, #161616);\n  text-decoration: none;\n  border: 1px solid var(--cds-border-tile);\n}\n:host .cds--tile--clickable:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n  text-decoration: none;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tile--clickable:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--tile--clickable:hover .cds--tile__checkmark, :host .cds--tile--clickable:focus .cds--tile__checkmark {\n  opacity: 1;\n}\n:host .cds--tile--expandable::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--tile--clickable:hover,\n:host .cds--tile--clickable:active,\n:host .cds--tile--clickable:visited,\n:host .cds--tile--clickable:visited:hover {\n  color: var(--cds-text-primary, #161616);\n  text-decoration: none;\n}\n:host .cds--tile--clickable.cds--link--disabled,\n:host .cds--tile--clickable:hover.cds--link--disabled {\n  display: block;\n  padding: var(--cds-layout-density-padding-inline-local);\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  border: 1px solid var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--tile--clickable .cds--tile--icon,\n:host .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {\n  position: absolute;\n  inset-block-end: var(--cds-layout-density-padding-inline-local);\n  inset-inline-end: var(--cds-layout-density-padding-inline-local);\n}\n:host .cds--tile--clickable .cds--tile--icon {\n  fill: var(--cds-icon-interactive, #0f62fe);\n}\n:host .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tile--clickable.cds--link--disabled .cds--tile--icon {\n  display: none;\n}\n:host .cds--tile--selectable {\n  border: 1px solid transparent;\n  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);\n  border: 1px solid var(--cds-border-tile);\n}\n:host .cds--tile__checkmark {\n  position: absolute;\n  border: none;\n  background: transparent;\n  block-size: 1rem;\n  inset-block-start: var(--cds-layout-density-padding-inline-local);\n  inset-inline-end: var(--cds-layout-density-padding-inline-local);\n  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  opacity: 0;\n}\n:host .cds--tile__checkmark svg {\n  border-radius: 50%;\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--tile__checkmark:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tile__checkmark:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--tile__checkmark--persistent {\n  opacity: 1;\n}\n:host .cds--tile__chevron {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);\n  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);\n  inset-block-end: 0;\n  inset-inline-end: 0;\n}\n:host .cds--tile__chevron svg {\n  fill: var(--cds-icon-primary, #161616);\n  transform-origin: center;\n  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--tile__chevron svg {\n    transition: none;\n  }\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--tile__chevron svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--tile__chevron--interactive {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);\n  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);\n  inset-block-end: 0;\n  inset-inline-end: 0;\n  border: 1px solid var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--tile__chevron--interactive *,\n:host .cds--tile__chevron--interactive *::before,\n:host .cds--tile__chevron--interactive *::after {\n  box-sizing: inherit;\n}\n:host .cds--tile__chevron--interactive::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--tile__chevron--interactive:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n:host .cds--tile__chevron--interactive:hover {\n  background-color: var(--cds-layer-hover);\n  cursor: pointer;\n}\n:host .cds--tile--expandable {\n  position: relative;\n  overflow: hidden;\n  border: 0;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: inherit;\n  inline-size: 100%;\n  text-align: start;\n  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\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  border: 1px solid var(--cds-border-tile);\n}\n:host .cds--tile--expandable:hover {\n  background: var(--cds-layer-hover);\n}\n:host .cds--tile--expandable.cds--tile--expandable--interactive {\n  border: none;\n  cursor: default;\n  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tile--expandable.cds--tile--expandable--interactive:hover {\n  background-color: var(--cds-layer);\n}\n:host .cds--tile--expandable.cds--tile--expandable--interactive:focus {\n  outline: none;\n}\n:host .cds--tile--expandable--interactive:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tile--expandable--interactive:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--tile-content__below-the-fold {\n  display: block;\n  opacity: 0;\n  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  visibility: hidden;\n}\n:host .cds--tile--is-expanded {\n  overflow: visible;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tile--is-expanded .cds--tile__chevron svg {\n  transform: rotate(180deg);\n}\n:host .cds--tile--is-expanded .cds--tile-content__below-the-fold {\n  opacity: 1;\n  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  visibility: inherit;\n}\n@media not all and (resolution >= 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    :host .cds--tile--is-expanded .cds--tile-content__below-the-fold {\n      overflow-y: auto;\n    }\n  }\n}\n:host .cds--tile--is-selected {\n  border: 1px solid var(--cds-layer-selected-inverse, #161616);\n}\n:host .cds--tile--is-selected .cds--tile__checkmark {\n  opacity: 1;\n}\n:host .cds--tile--is-selected .cds--tile__checkmark svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n  :host .cds--tile--is-selected .cds--tile__checkmark svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--tile-content {\n  block-size: 100%;\n  inline-size: 100%;\n}\n:host .cds--tile-input {\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--tile-input:focus + .cds--tile {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tile-input:focus + .cds--tile {\n    outline-style: dotted;\n  }\n}\n:host .cds--tile--disabled.cds--tile--selectable {\n  background-color: var(--cds-layer);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n  border: 1px solid var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--tile--disabled.cds--tile--selectable.cds--tile--light {\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .cds--tile--disabled.cds--tile--is-selected {\n  border-color: var(--cds-border-disabled, #c6c6c6);\n}\n:host .cds--tile--disabled .cds--tile__checkmark svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tile > .cds--slug,\n:host .cds--tile--expandable > div > .cds--slug,\n:host .cds--tile--clickable .cds--tile--slug-icon {\n  position: absolute;\n  inset-block-start: 1rem;\n  inset-inline-end: 1rem;\n}\n:host .cds--tile.cds--tile--selectable > .cds--slug {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {\n  inset-inline-end: 1rem;\n  transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {\n  inset-inline-end: 2.5rem;\n}\n:host .cds--tile.cds--tile--clickable > .cds--slug {\n  pointer-events: none;\n}\n:host .cds--tile--slug.cds--tile {\n  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;\n  border: 1px solid transparent;\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n}\n:host .cds--tile--slug.cds--tile--expandable:hover {\n  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;\n}\n:host .cds--tile--slug.cds--tile--selectable::before,\n:host .cds--tile--slug.cds--tile--selectable::after,\n:host .cds--tile--slug.cds--tile--clickable::before {\n  position: absolute;\n  display: block;\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  opacity: 0;\n  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tile--slug.cds--tile--selectable::before,\n:host .cds--tile--slug.cds--tile--clickable::before {\n  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n}\n:host .cds--tile--slug.cds--tile--selectable:hover::before,\n:host .cds--tile--slug.cds--tile--clickable:hover::before {\n  opacity: 1;\n}\n:host .cds--tile--slug.cds--tile--selectable:focus,\n:host .cds--tile--slug.cds--tile--clickable:focus,\n:host .cds--tile-input:focus + .cds--tile--slug.cds--tile {\n  outline-offset: -1px;\n}\n:host .cds--tile--slug.cds--tile--selectable::after {\n  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n}\n:host .cds--tile--slug.cds--tile--selectable:hover::after {\n  opacity: 0;\n}\n:host .cds--tile--slug.cds--tile--is-selected::after {\n  opacity: 1;\n}\n:host .cds--tile--slug.cds--tile--is-selected {\n  border-color: var(--cds-border-inverse, #161616);\n}\n:host .cds--tile--slug.cds--tile--selectable .cds--tile-content,\n:host .cds--tile--slug.cds--tile--clickable .cds--tile-content {\n  position: relative;\n  cursor: pointer;\n}\n:host .cds--tile--slug.cds--tile--selectable .cds--tile-content,\n:host .cds--tile--slug.cds--tile--clickable .cds--tile-content,\n:host .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,\n:host .cds--tile--slug.cds--tile--is-selected .cds--slug {\n  z-index: 1;\n}\n:host .cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {\n  z-index: 2;\n}\n:host .cds--tile--slug.cds--tile--selectable > .cds--slug,\n:host .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {\n  z-index: 1;\n}\n:host .cds--tile--expandable:has(.cds--slug > .cds--popover--open) {\n  overflow: visible;\n}\n:host .cds--tile--clickable .cds--tile--slug-icon rect {\n  stroke: var(--cds-icon-primary, #161616);\n}\n:host .cds--tile--clickable .cds--tile--slug-icon path {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--tile--slug-rounded,\n:host .cds--tile--slug-rounded.cds--tile--selectable::before,\n:host .cds--tile--slug-rounded.cds--tile--selectable::after,\n:host .cds--tile--slug-rounded.cds--tile--clickable::before {\n  border-radius: 0.5rem;\n}\n:host .cds--tile--slug-rounded .cds--tile__chevron {\n  border-end-end-radius: 0.5rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--tile__chevron svg,\n  :host .cds--tile__checkmark svg,\n  :host .cds--tile--is-selected .cds--tile__checkmark svg {\n    fill: ButtonText;\n  }\n}\n:host .cds--time-picker {\n  display: flex;\n  align-items: flex-end;\n}\n:host .cds--time-picker__select {\n  justify-content: center;\n  margin-inline-start: 0.125rem;\n}\n:host .cds--time-picker__input {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n:host .cds--time-picker__error__icon {\n  position: absolute;\n  display: flex;\n  block-size: 100%;\n  inset-block-start: 50%;\n  inset-inline-end: 1rem;\n  place-items: center;\n  transform: translateY(-50%);\n}\n:host .cds--time-picker__error__icon .cds--checkbox__invalid-icon {\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .cds--time-picker .cds--select-input {\n  margin: 0;\n  inline-size: auto;\n  line-height: 1;\n  min-inline-size: auto;\n  padding-inline-end: 3rem;\n}\n:host .cds--time-picker__input-field {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-02-font-size, 0.875rem);\n  font-weight: var(--cds-code-02-font-weight, 400);\n  line-height: var(--cds-code-02-line-height, 1.42857);\n  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n  display: flex;\n  align-items: center;\n  block-size: 2.5rem;\n  inline-size: 4.875rem;\n  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--time-picker__input-field::placeholder {\n  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  opacity: 1;\n}\n:host .cds--time-picker__input-field-error {\n  inline-size: 6.175rem;\n}\n:host .cds--time-picker--light .cds--select-input {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .cds--time-picker--light .cds--select-input:hover {\n  background-color: var(--cds-field-hover);\n}\n:host .cds--time-picker--light .cds--select-input:disabled, :host .cds--time-picker--light .cds--select-input:hover:disabled {\n  background-color: transparent;\n  border-block-end: 1px solid transparent;\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  cursor: not-allowed;\n}\n:host .cds--time-picker--sm .cds--select-input,\n:host .cds--time-picker--sm .cds--time-picker__input-field {\n  block-size: 2rem;\n  max-block-size: 2rem;\n}\n:host .cds--time-picker--lg .cds--select-input,\n:host .cds--time-picker--lg .cds--time-picker__input-field {\n  block-size: 3rem;\n  max-block-size: 3rem;\n}\n:host .cds--time-picker--readonly .cds--time-picker__input-field {\n  background-color: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n}\n:host .cds--time-picker--readonly .cds--select-input {\n  background-color: transparent;\n  border-block-end-color: var(--cds-border-subtle);\n  cursor: default;\n}\n:host .cds--time-picker--readonly .cds--select-input + .cds--select__arrow {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--toggle {\n  display: inline-block;\n  user-select: none;\n}\n:host .cds--toggle__label-text {\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: block;\n  color: var(--cds-text-secondary, #525252);\n  margin-block-end: 1rem;\n}\n:host .cds--toggle__button {\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--toggle__button:focus {\n  outline: none;\n}\n:host .cds--toggle__appearance {\n  display: inline-grid;\n  align-items: center;\n  column-gap: 0.5rem;\n  cursor: pointer;\n  grid-template-columns: max-content max-content;\n}\n:host .cds--toggle__switch {\n  position: relative;\n  border-radius: 0.75rem;\n  background-color: var(--cds-toggle-off, #8d8d8d);\n  block-size: 1.5rem;\n  inline-size: 3rem;\n  transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);\n}\n:host .cds--toggle__switch::before {\n  position: absolute;\n  border-radius: 50%;\n  background-color: var(--cds-icon-on-color, #ffffff);\n  block-size: 1.125rem;\n  content: \"\";\n  inline-size: 1.125rem;\n  inset-block-start: 0.1875rem;\n  inset-inline-start: 0.1875rem;\n  transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce) {\n  :host .cds--toggle__switch::before {\n    transition: none;\n  }\n}\n:host .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,\n:host .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {\n  box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);\n}\n:host .cds--toggle__switch--checked {\n  background-color: var(--cds-support-success, #24a148);\n}\n:host .cds--toggle__switch--checked::before {\n  transform: translateX(1.5rem);\n}\n:host .cds--toggle__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-primary, #161616);\n}\n:host .cds--toggle__appearance--sm .cds--toggle__switch {\n  block-size: 1rem;\n  inline-size: 2rem;\n}\n:host .cds--toggle__appearance--sm .cds--toggle__switch::before {\n  block-size: 0.625rem;\n  inline-size: 0.625rem;\n}\n:host .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {\n  transform: translateX(1rem);\n}\n:host .cds--toggle__check {\n  position: absolute;\n  block-size: 0.3125rem;\n  fill: var(--cds-support-success, #24a148);\n  inline-size: 0.375rem;\n  inset-block-start: 0.375rem;\n  inset-inline-end: 0.3125rem;\n  visibility: hidden;\n}\n:host .cds--toggle__switch--checked .cds--toggle__check {\n  visibility: visible;\n}\n:host .cds--toggle--disabled .cds--toggle__appearance {\n  cursor: not-allowed;\n}\n:host .cds--toggle--disabled .cds--toggle__label-text,\n:host .cds--toggle--disabled .cds--toggle__text {\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--toggle--disabled .cds--toggle__switch {\n  background-color: var(--cds-button-disabled, #c6c6c6);\n}\n:host .cds--toggle--disabled .cds--toggle__switch::before {\n  background-color: var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--toggle--disabled .cds--toggle__check {\n  fill: var(--cds-button-disabled, #c6c6c6);\n}\n:host .cds--toggle--readonly .cds--toggle__appearance {\n  cursor: default;\n}\n:host .cds--toggle--readonly .cds--toggle__switch {\n  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n  background-color: transparent;\n}\n:host .cds--toggle--readonly .cds--toggle__switch::before {\n  background-color: var(--cds-text-primary, #161616);\n  inset-block-start: 0.125rem;\n  inset-inline-start: 0.125rem;\n}\n:host .cds--toggle--readonly .cds--toggle__check {\n  fill: var(--cds-background, #ffffff);\n  inset-block-start: 0.3125rem;\n  inset-inline-end: 0.25rem;\n}\n:host .cds--toggle--readonly .cds--toggle__text {\n  cursor: text;\n  user-select: text;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--toggle__switch,\n  :host .cds--toggle__switch::before {\n    outline: 1px solid transparent;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,\n  :host .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {\n    color: Highlight;\n    outline: 1px solid Highlight;\n  }\n}\n:host .cds--toggle--skeleton {\n  display: flex;\n  align-items: center;\n}\n:host .cds--toggle--skeleton .cds--toggle__skeleton-circle {\n  position: relative;\n  overflow: hidden;\n  border-radius: 50%;\n  background: var(--cds-skeleton-background, #e8e8e8);\n  border-radius: 50%;\n  block-size: 1.125rem;\n  inline-size: 1.125rem;\n}\n:host .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 200%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {\n    animation: none;\n  }\n}\n:host .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {\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  block-size: 0.5rem;\n  inline-size: 1.5rem;\n  margin-inline-start: 0.5rem;\n}\n:host .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover, :host .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus, :host .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {\n  border: none;\n  cursor: default;\n  outline: none;\n}\n:host .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {\n  position: absolute;\n  animation: 3000ms ease-in-out cds--skeleton infinite;\n  background: var(--cds-skeleton-element, #c6c6c6);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 100%;\n  will-change: transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce) {\n  :host .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {\n    animation: none;\n  }\n}\n:host [dir=rtl] .cds--toggle__switch--checked::before {\n  transform: translateX(-1.5rem);\n}\n:host [dir=rtl] .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {\n  transform: translateX(-1rem);\n}\n:host .cds--tree {\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  overflow: hidden;\n}\n:host .cds--tree *,\n:host .cds--tree *::before,\n:host .cds--tree *::after {\n  box-sizing: inherit;\n}\n:host .cds--tree-node {\n  background-color: var(--cds-layer-01, #f4f4f4);\n  color: var(--cds-text-secondary, #525252);\n  padding-inline-start: 1rem;\n}\n:host .cds--tree-node:focus {\n  outline: none;\n}\n:host .cds--tree-node:hover {\n  cursor: pointer;\n}\n:host .cds--tree-node__children {\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  list-style-type: none;\n}\n:host .cds--tree-node__children *,\n:host .cds--tree-node__children *::before,\n:host .cds--tree-node__children *::after {\n  box-sizing: inherit;\n}\n:host .cds--tree-node--with-icon .cds--tree-node {\n  margin-inline-start: 0.5rem;\n}\n:host .cds--tree-node:focus > .cds--tree-node__label {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--tree-node:focus > .cds--tree-node__label {\n    outline-style: dotted;\n  }\n}\n:host .cds--tree-node--disabled:focus > .cds--tree-node__label {\n  outline: none;\n}\n:host .cds--tree-node--disabled,\n:host .cds--tree-node--disabled .cds--tree-node__label:hover,\n:host .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__label__details {\n  background-color: var(--cds-field-01, #f4f4f4);\n  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon,\n:host .cds--tree-node--disabled .cds--tree-node__icon,\n:host .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,\n:host .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__icon {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds--tree-node--disabled,\n:host .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon:hover {\n  cursor: not-allowed;\n}\n:host .cds--tree-node__label {\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  display: flex;\n  flex: 1;\n  align-items: center;\n  min-block-size: 2rem;\n}\n:host .cds--tree-node__label:hover {\n  background-color: var(--cds-layer-hover-01, #e8e8e8);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {\n  padding-block: 0.4375rem 0.4375rem;\n}\n:host .cds--tree-node__label:hover .cds--tree-node__label__details {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,\n:host .cds--tree-node__label:hover .cds--tree-node__icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--tree-leaf-node {\n  display: flex;\n  padding-inline-start: 2.5rem;\n}\n:host .cds--tree-leaf-node.cds--tree-node--with-icon {\n  padding-inline-start: 2rem;\n}\n:host .cds--tree-leaf-node.cds--tree-node--with-icon .cds--tree-leaf-node {\n  padding-inline-start: 1.5rem;\n}\n:host .cds--tree-node__label__details {\n  display: flex;\n  align-items: center;\n}\n:host .cds--tree-node--with-icon .cds--tree-parent-node__toggle {\n  margin-inline-end: 0;\n}\n:host .cds--tree-parent-node__toggle {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  border: 0;\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n  margin-block-start: 0.25rem;\n  margin-inline: -0.25rem 0.25rem;\n  padding-inline-start: 0.25rem;\n}\n:host .cds--tree-parent-node__toggle:hover {\n  cursor: pointer;\n}\n:host .cds--tree-parent-node__toggle:focus {\n  outline: none;\n}\n:host .cds--tree-parent-node__toggle-icon {\n  fill: var(--cds-icon-secondary, #525252);\n  transform: rotate(-90deg);\n  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds--tree-parent-node__toggle-icon--expanded {\n  transform: rotate(0);\n}\n:host .cds--tree-node__icon {\n  align-self: flex-start;\n  fill: var(--cds-icon-secondary, #525252);\n  margin-block-start: 0.0625rem;\n  margin-inline: 0.5rem 0.5rem;\n  min-block-size: 1rem;\n  min-inline-size: 1rem;\n}\n:host .cds--tree-parent-node__toggle + .cds--tree-node__label__details .cds--tree-node__icon {\n  margin-inline-start: 0.25rem;\n}\n:host .cds--tree-node--selected > .cds--tree-node__label {\n  background-color: var(--cds-layer-selected-01, #e0e0e0);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tree-node--selected > .cds--tree-node__label:hover {\n  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);\n}\n:host .cds--tree-node--selected > .cds--tree-node__label .cds--tree-parent-node__toggle-icon,\n:host .cds--tree-node--selected > .cds--tree-node__label .cds--tree-node__icon {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--tree-node--active > .cds--tree-node__label {\n  position: relative;\n}\n:host .cds--tree-node--active > .cds--tree-node__label::before {\n  position: absolute;\n  background-color: var(--cds-interactive, #0f62fe);\n  block-size: 100%;\n  content: \"\";\n  inline-size: 0.25rem;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n:host .cds--tree--xs .cds--tree-node__label {\n  min-block-size: 1.5rem;\n}\n:host .cds--tree--xs .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {\n  padding: 0;\n}\n:host .cds--tree--xs .cds--tree-parent-node__toggle {\n  margin-block-start: 0;\n}\n:host .cds--content {\n  padding: 2rem;\n  color: var(--cds-text-primary, #161616);\n  will-change: margin-left;\n}\n:host .cds--header ~ .cds--content,\n:host div:has(.cds--header) ~ .cds--content {\n  margin-block-start: 3rem;\n}\n:host .cds--side-nav ~ .cds--content {\n  margin-inline-start: 3rem;\n}\n:host .cds--side-nav.cds--side-nav--expanded ~ .cds--content {\n  margin-inline-start: 16rem;\n}\n:host .cds--header {\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  position: fixed;\n  z-index: 8000;\n  display: flex;\n  align-items: center;\n  background-color: var(--cds-background, #ffffff);\n  block-size: 3rem;\n  border-block-end: 1px solid var(--cds-border-subtle);\n  inset-block-start: 0;\n  inset-inline: 0 0;\n}\n:host .cds--header *,\n:host .cds--header *::before,\n:host .cds--header *::after {\n  box-sizing: inherit;\n}\n:host .cds--header__action {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: inline-flex;\n  border: 0.0625rem solid transparent;\n  block-size: 3rem;\n  inline-size: 3rem;\n  transition: background-color 110ms, border-color 110ms;\n}\n:host .cds--header__action *,\n:host .cds--header__action *::before,\n:host .cds--header__action *::after {\n  box-sizing: inherit;\n}\n:host .cds--header__action::-moz-focus-inner {\n  border: 0;\n}\n@media (max-width: 41.98rem) {\n  :host .cds--header__action {\n    min-inline-size: 3rem;\n  }\n}\n:host .cds--header__global .cds--popover {\n  z-index: 8001;\n}\n:host .cds--header__action > :first-child {\n  margin-block-start: 0;\n}\n:host .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,\n:host .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {\n  display: none;\n}\n:host .cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {\n  display: inline;\n}\n:host .cds--header__action:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--header__action--active {\n  background: var(--cds-layer);\n  border-block-end: 1px solid transparent;\n  border-inline-end: 1px solid var(--cds-border-subtle);\n  border-inline-start: 1px solid var(--cds-border-subtle);\n}\n:host .cds--header__action--active > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__action:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--header__action:active {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--header__action.cds--btn--icon-only {\n  align-items: center;\n  justify-content: center;\n}\n:host .cds--btn.cds--btn--icon-only.cds--header__action svg {\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--btn.cds--btn--icon-only.cds--header__action:hover svg,\n:host .cds--btn.cds--btn--icon-only.cds--header__action:active svg,\n:host .cds--btn.cds--btn--icon-only.cds--header__action--active svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__menu-trigger > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__menu-trigger:hover > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__menu-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media (min-width: 66rem) {\n  :host .cds--header__menu-toggle__hidden {\n    display: none;\n  }\n}\n:host a.cds--header__name {\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  display: flex;\n  align-items: center;\n  padding: 0 2rem 0 1rem;\n  border: 0.125rem solid transparent;\n  block-size: 100%;\n  font-weight: 600;\n  letter-spacing: 0.1px;\n  line-height: 1.25rem;\n  outline: none;\n  text-decoration: none;\n  transition: border-color 110ms;\n  user-select: none;\n}\n@media (max-width: 41.98rem) {\n  :host a.cds--header__name {\n    padding: 0 1rem;\n  }\n}\n:host a.cds--header__name:focus {\n  border-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--header__name--prefix {\n  font-weight: 400;\n}\n:host a.cds--header__name,\n:host a.cds--header__name:hover {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden) ~ .cds--header__name {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--header__nav {\n  position: relative;\n  display: none;\n  block-size: 100%;\n  padding-inline-start: 1rem;\n}\n@media (min-width: 66rem) {\n  :host .cds--header__nav {\n    display: block;\n  }\n}\n:host .cds--header__nav::before {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-border-subtle);\n  block-size: 1.5rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  inset-block-start: 50%;\n  inset-inline-start: 0;\n  transform: translateY(-50%);\n}\n:host .cds--header__menu-bar {\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  display: flex;\n  padding: 0;\n  margin: 0;\n  block-size: 100%;\n  list-style: none;\n}\n:host .cds--header__menu-bar *,\n:host .cds--header__menu-bar *::before,\n:host .cds--header__menu-bar *::after {\n  box-sizing: inherit;\n}\n:host a.cds--header__menu-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  border: 2px solid transparent;\n  background-color: var(--cds-background, #ffffff);\n  block-size: 100%;\n  color: var(--cds-text-secondary, #525252);\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0;\n  line-height: 1.125rem;\n  text-decoration: none;\n  transition: background-color 110ms, border-color 110ms, color 110ms;\n  user-select: none;\n}\n:host a.cds--header__menu-item:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__action:active,\n:host a.cds--header__menu-item:active {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n  color: var(--cds-text-primary, #161616);\n}\n:host a.cds--header__menu-item:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host a.cds--header__menu-item:hover > svg,\n:host a.cds--header__menu-item:active > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host a.cds--header__menu-item[aria-current=page],\n:host .cds--header__menu-item--current {\n  color: var(--cds-text-primary, #161616);\n}\n:host a.cds--header__menu-item[aria-current=page]::after,\n:host .cds--header__menu-item--current::after {\n  position: absolute;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: 3px;\n  content: \"\";\n  inline-size: calc(100% + 4px);\n  inset-block-end: -2px;\n  inset-inline-start: -2px;\n}\n:host a.cds--header__menu-item[aria-current=page]:focus::after,\n:host .cds--header__menu-item--current:focus::after {\n  border: 0;\n}\n:host .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,\n:host .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: calc(100% + 4px);\n  inline-size: 3px;\n  inset-block-start: -2px;\n  inset-inline-start: -2px;\n}\n:host .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,\n:host .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: calc(100% + 4px);\n  inline-size: 5px;\n  inset-block-start: -2px;\n  inset-inline-start: -2px;\n}\n:host a.cds--header__menu-item[aria-current=page]:focus,\n:host a.cds--header__menu-item.cds--header__menu-item--current:focus {\n  border: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--header__submenu {\n  position: relative;\n}\n:host .cds--header__menu-title[aria-haspopup=true] {\n  position: relative;\n}\n:host .cds--header__menu-title[aria-expanded=true] {\n  z-index: 8002;\n  background-color: var(--cds-layer);\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--header__menu-title[aria-expanded=true] > .cds--header__menu-arrow {\n  transform: rotate(180deg);\n}\n:host .cds--header__menu {\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {\n  position: absolute;\n  z-index: 8001;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--cds-layer);\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n  inline-size: 12.5rem;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  transform: translateY(100%);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item {\n  background-color: var(--cds-layer);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:hover {\n  background-color: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:active {\n  background-color: var(--cds-layer-active);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--header__menu .cds--header__menu-item {\n  block-size: 3rem;\n}\n:host .cds--header__menu-arrow {\n  fill: var(--cds-icon-secondary, #525252);\n  margin-inline-start: 0.5rem;\n  transition: transform 110ms, fill 110ms;\n}\n:host .cds--header__global {\n  display: flex;\n  flex: 1 1 0%;\n  justify-content: flex-end;\n  block-size: 100%;\n}\n:host .cds--skip-to-content {\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--skip-to-content:focus {\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  border: 4px solid var(--cds-focus, #0f62fe);\n  background-color: var(--cds-background, #ffffff);\n  block-size: 3rem;\n  clip: auto;\n  color: var(--cds-text-secondary, #525252);\n  inline-size: auto;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  outline: none;\n}\n:host .cds--header-panel {\n  position: fixed;\n  z-index: 8000;\n  overflow: hidden;\n  border: none;\n  background-color: var(--cds-layer);\n  color: var(--cds-text-secondary, #525252);\n  inline-size: 0;\n  inset-block: 3rem 0;\n  inset-inline-end: 0;\n  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);\n  will-change: width;\n}\n:host .cds--header-panel--expanded {\n  border-inline-end: 1px solid var(--cds-border-subtle);\n  border-inline-start: 1px solid var(--cds-border-subtle);\n  inline-size: 16rem;\n  overflow-y: auto;\n}\n:host .cds--side-nav {\n  position: fixed;\n  z-index: 8000;\n  overflow: hidden;\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-secondary, #525252);\n  inline-size: 3rem;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n  max-inline-size: 16rem;\n  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n  will-change: inline-size;\n}\n:host .cds--side-nav--ux {\n  inline-size: 16rem;\n  inset-block-start: 3rem;\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav--ux {\n    inline-size: 0;\n  }\n}\n:host .cds--side-nav--rail {\n  inline-size: 3rem;\n}\n:host .cds--side-nav--hidden {\n  inline-size: 0;\n}\n:host .cds--side-nav--expanded {\n  inline-size: 16rem;\n}\n:host .cds--side-nav__overlay {\n  position: fixed;\n  background-color: transparent;\n  block-size: 0;\n  inline-size: 0;\n  inset-block-start: 3rem;\n  inset-inline-start: 0;\n  opacity: 0;\n  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav__overlay-active {\n    z-index: 6000;\n    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n    block-size: 100vh;\n    inline-size: 100vw;\n    opacity: 1;\n    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n:host .cds--header ~ .cds--side-nav {\n  block-size: calc(100% - 48px);\n  inset-block-start: 3rem;\n}\n:host .cds--side-nav--fixed {\n  inline-size: 16rem;\n}\n:host .cds--side-nav--collapsed {\n  inline-size: 16rem;\n  transform: translateX(-16rem);\n}\n:host .cds--side-nav__navigation {\n  display: flex;\n  flex-direction: column;\n}\n:host .cds--side-nav__items {\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  overflow: hidden;\n  flex: 1 1 0%;\n  padding: 1rem 0 0;\n}\n:host .cds--side-nav__items *,\n:host .cds--side-nav__items *::before,\n:host .cds--side-nav__items *::after {\n  box-sizing: inherit;\n}\n:host .cds--side-nav:hover .cds--side-nav__items, :host .cds--side-nav--fixed .cds--side-nav__items, :host .cds--side-nav--expanded .cds--side-nav__items {\n  overflow-y: auto;\n}\n:host .cds--side-nav--ux .cds--side-nav__items {\n  overflow-y: auto;\n}\n:host .cds--side-nav__item {\n  overflow: hidden;\n  block-size: auto;\n  inline-size: auto;\n}\n:host .cds--side-nav--ux .cds--side-nav__item {\n  block-size: auto;\n  inline-size: auto;\n}\n:host .cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,\n:host .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,\n:host .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,\n:host .cds--side-nav a.cds--header__menu-item:hover,\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,\n:host .cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item--large {\n  block-size: auto;\n}\n:host .cds--side-nav__divider {\n  margin: 0.5rem 1rem;\n  background-color: var(--cds-border-subtle);\n  block-size: 1px;\n  list-style-type: none;\n}\n:host .cds--side-nav__divider hr {\n  border: none;\n}\n:host .cds--side-nav__submenu {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  block-size: 2rem;\n  color: var(--cds-text-secondary, #525252);\n  transition: color 110ms, background-color 110ms, outline 110ms;\n  user-select: none;\n}\n:host .cds--side-nav__submenu *,\n:host .cds--side-nav__submenu *::before,\n:host .cds--side-nav__submenu *::after {\n  box-sizing: inherit;\n}\n:host .cds--side-nav__submenu::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--side-nav__submenu:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__submenu:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--side-nav__submenu:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--side-nav__submenu-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: start;\n}\n:host .cds--side-nav__icon.cds--side-nav__submenu-chevron {\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n}\n:host .cds--side-nav__submenu-chevron > svg {\n  block-size: 1rem;\n  inline-size: 1rem;\n  transition: transform 110ms;\n}\n:host .cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {\n  transform: rotate(180deg);\n}\n:host .cds--side-nav__item--large .cds--side-nav__submenu {\n  block-size: 3rem;\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu:hover {\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {\n  position: relative;\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {\n  position: absolute;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  content: \"\";\n  inline-size: 3px;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu-title {\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n}\n:host .cds--side-nav__item--active .cds--side-nav__icon > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--side-nav__menu {\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  display: block;\n  max-block-size: 0;\n  visibility: hidden;\n}\n:host .cds--side-nav__menu *,\n:host .cds--side-nav__menu *::before,\n:host .cds--side-nav__menu *::after {\n  box-sizing: inherit;\n}\n:host .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {\n  max-block-size: 93.75rem;\n  visibility: inherit;\n}\n:host .cds--side-nav__menu a.cds--side-nav__link {\n  block-size: 2rem;\n  font-weight: 400;\n  min-block-size: 2rem;\n  padding-inline-start: 2rem;\n}\n:host .cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {\n  padding-inline-start: 4.5rem;\n}\n:host .cds--side-nav__menu a.cds--side-nav__link--current,\n:host .cds--side-nav__menu a.cds--side-nav__link[aria-current=page],\n:host a.cds--side-nav__link--current {\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--side-nav__menu a.cds--side-nav__link--current > span,\n:host .cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,\n:host a.cds--side-nav__link--current > span {\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n}\n:host a.cds--side-nav__link,\n:host .cds--side-nav a.cds--header__menu-item,\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\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  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  min-block-size: 2rem;\n  text-decoration: none;\n  transition: color 110ms, background-color 110ms, outline 110ms;\n}\n:host .cds--side-nav__item--large a.cds--side-nav__link {\n  block-size: 3rem;\n}\n:host a.cds--side-nav__link > .cds--side-nav__link-text,\n:host .cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--cds-text-secondary, #525252);\n  font-size: 0.875rem;\n  letter-spacing: 0.1px;\n  line-height: 1.25rem;\n  user-select: none;\n}\n:host a.cds--side-nav__link:focus,\n:host .cds--side-nav a.cds--header__menu-item:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host a.cds--side-nav__link:focus,\n  :host .cds--side-nav a.cds--header__menu-item:focus {\n    outline-style: dotted;\n  }\n}\n:host a.cds--side-nav__link[aria-current=page],\n:host a.cds--side-nav__link--current {\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n  font-weight: 600;\n}\n:host a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,\n:host a.cds--side-nav__link--current .cds--side-nav__link-text {\n  color: var(--cds-text-primary, #161616);\n}\n:host a.cds--side-nav__link[aria-current=page]::before,\n:host a.cds--side-nav__link--current::before {\n  position: absolute;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  content: \"\";\n  inline-size: 3px;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n}\n:host .cds--side-nav__icon {\n  display: flex;\n  flex: 0 0 1rem;\n  align-items: center;\n  justify-content: center;\n}\n:host .cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {\n  margin-inline-end: 1.5rem;\n}\n:host .cds--side-nav__icon > svg {\n  block-size: 1rem;\n  fill: var(--cds-icon-secondary, #525252);\n  inline-size: 1rem;\n}\n:host .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {\n  display: none;\n}\n:host .cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {\n  display: none;\n}\n:host .cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {\n  display: block;\n}\n:host .cds--side-nav--fixed a.cds--side-nav__link,\n:host .cds--side-nav--fixed .cds--side-nav__submenu {\n  padding-inline-start: 1rem;\n}\n:host .cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {\n  padding-inline-start: 2rem;\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav .cds--header__nav {\n    display: block;\n  }\n}\n:host .cds--side-nav__header-navigation {\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  display: none;\n}\n:host .cds--side-nav__header-navigation *,\n:host .cds--side-nav__header-navigation *::before,\n:host .cds--side-nav__header-navigation *::after {\n  box-sizing: inherit;\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav__header-navigation {\n    position: relative;\n    display: block;\n    margin-block-end: 2rem;\n  }\n}\n:host .cds--side-nav__header-divider::after {\n  position: absolute;\n  background: var(--cds-border-subtle);\n  block-size: 0.0625rem;\n  content: \"\";\n  inline-size: calc(100% - 32px);\n  inset-block-end: -1rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--side-nav a.cds--header__menu-item {\n  justify-content: space-between;\n  color: var(--cds-text-secondary, #525252);\n  white-space: nowrap;\n}\n:host .cds--side-nav a.cds--header__menu-item[aria-expanded=true] {\n  background-color: transparent;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {\n  padding: 0;\n  background-color: transparent;\n  box-shadow: none;\n  inline-size: 100%;\n  inset-block-end: inherit;\n  transform: none;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {\n  inline-size: 100%;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {\n  font-weight: 400;\n  padding-inline-start: 4.25rem;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,\n:host .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {\n  block-size: calc(100% + 4px);\n  inline-size: 3px;\n}\n:host .cds--side-nav .cds--header__menu a.cds--header__menu-item {\n  block-size: inherit;\n}\n:host .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n:host .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n:host .cds--side-nav .cds--header__menu-arrow {\n  fill: var(--cds-icon-secondary, #525252);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--side-nav__icon > svg,\n  :host .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n  :host .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n  :host .cds--side-nav .cds--header__menu-arrow {\n    fill: ButtonText;\n  }\n}\n:host .cds--switcher {\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  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--switcher *,\n:host .cds--switcher *::before,\n:host .cds--switcher *::after {\n  box-sizing: inherit;\n}\n:host .cds--switcher__item {\n  block-size: 2rem;\n  inline-size: 100%;\n}\n:host .cds--switcher__item:nth-child(1) {\n  margin-block-start: 1rem;\n}\n:host .cds--switcher__item--divider {\n  display: block;\n  border: none;\n  margin: 0.5rem 1rem;\n  background: var(--cds-border-subtle);\n  block-size: 1px;\n  inline-size: 14rem;\n}\n:host .cds--switcher__item-link {\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  display: block;\n  padding: 0.375rem 1rem;\n  block-size: 2rem;\n  color: var(--cds-text-secondary, #525252);\n  text-decoration: none;\n}\n:host .cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {\n  background: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n}\n:host .cds--switcher__item-link:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n:host .cds--switcher__item-link:active {\n  background: var(--cds-layer-active);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--switcher__item-link--selected {\n  background: var(--cds-layer-selected);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--content {\n  padding: 2rem;\n  color: var(--cds-text-primary, #161616);\n  will-change: margin-left;\n}\n:host .cds--header ~ .cds--content,\n:host div:has(.cds--header) ~ .cds--content {\n  margin-block-start: 3rem;\n}\n:host .cds--side-nav ~ .cds--content {\n  margin-inline-start: 3rem;\n}\n:host .cds--side-nav.cds--side-nav--expanded ~ .cds--content {\n  margin-inline-start: 16rem;\n}\n:host .cds--header {\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  position: fixed;\n  z-index: 8000;\n  display: flex;\n  align-items: center;\n  background-color: var(--cds-background, #ffffff);\n  block-size: 3rem;\n  border-block-end: 1px solid var(--cds-border-subtle);\n  inset-block-start: 0;\n  inset-inline: 0 0;\n}\n:host .cds--header *,\n:host .cds--header *::before,\n:host .cds--header *::after {\n  box-sizing: inherit;\n}\n:host .cds--header__action {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\n  display: inline-flex;\n  border: 0.0625rem solid transparent;\n  block-size: 3rem;\n  inline-size: 3rem;\n  transition: background-color 110ms, border-color 110ms;\n}\n:host .cds--header__action *,\n:host .cds--header__action *::before,\n:host .cds--header__action *::after {\n  box-sizing: inherit;\n}\n:host .cds--header__action::-moz-focus-inner {\n  border: 0;\n}\n@media (max-width: 41.98rem) {\n  :host .cds--header__action {\n    min-inline-size: 3rem;\n  }\n}\n:host .cds--header__global .cds--popover {\n  z-index: 8001;\n}\n:host .cds--header__action > :first-child {\n  margin-block-start: 0;\n}\n:host .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,\n:host .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {\n  display: none;\n}\n:host .cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {\n  display: inline;\n}\n:host .cds--header__action:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--header__action--active {\n  background: var(--cds-layer);\n  border-block-end: 1px solid transparent;\n  border-inline-end: 1px solid var(--cds-border-subtle);\n  border-inline-start: 1px solid var(--cds-border-subtle);\n}\n:host .cds--header__action--active > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__action:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .cds--header__action:active {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--header__action.cds--btn--icon-only {\n  align-items: center;\n  justify-content: center;\n}\n:host .cds--btn.cds--btn--icon-only.cds--header__action svg {\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .cds--btn.cds--btn--icon-only.cds--header__action:hover svg,\n:host .cds--btn.cds--btn--icon-only.cds--header__action:active svg,\n:host .cds--btn.cds--btn--icon-only.cds--header__action--active svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__menu-trigger > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__menu-trigger:hover > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--header__menu-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media (min-width: 66rem) {\n  :host .cds--header__menu-toggle__hidden {\n    display: none;\n  }\n}\n:host a.cds--header__name {\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  display: flex;\n  align-items: center;\n  padding: 0 2rem 0 1rem;\n  border: 0.125rem solid transparent;\n  block-size: 100%;\n  font-weight: 600;\n  letter-spacing: 0.1px;\n  line-height: 1.25rem;\n  outline: none;\n  text-decoration: none;\n  transition: border-color 110ms;\n  user-select: none;\n}\n@media (max-width: 41.98rem) {\n  :host a.cds--header__name {\n    padding: 0 1rem;\n  }\n}\n:host a.cds--header__name:focus {\n  border-color: var(--cds-focus, #0f62fe);\n}\n:host .cds--header__name--prefix {\n  font-weight: 400;\n}\n:host a.cds--header__name,\n:host a.cds--header__name:hover {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden) ~ .cds--header__name {\n  padding-inline-start: 0.5rem;\n}\n:host .cds--header__nav {\n  position: relative;\n  display: none;\n  block-size: 100%;\n  padding-inline-start: 1rem;\n}\n@media (min-width: 66rem) {\n  :host .cds--header__nav {\n    display: block;\n  }\n}\n:host .cds--header__nav::before {\n  position: absolute;\n  display: block;\n  background-color: var(--cds-border-subtle);\n  block-size: 1.5rem;\n  content: \"\";\n  inline-size: 0.0625rem;\n  inset-block-start: 50%;\n  inset-inline-start: 0;\n  transform: translateY(-50%);\n}\n:host .cds--header__menu-bar {\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  display: flex;\n  padding: 0;\n  margin: 0;\n  block-size: 100%;\n  list-style: none;\n}\n:host .cds--header__menu-bar *,\n:host .cds--header__menu-bar *::before,\n:host .cds--header__menu-bar *::after {\n  box-sizing: inherit;\n}\n:host a.cds--header__menu-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  border: 2px solid transparent;\n  background-color: var(--cds-background, #ffffff);\n  block-size: 100%;\n  color: var(--cds-text-secondary, #525252);\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0;\n  line-height: 1.125rem;\n  text-decoration: none;\n  transition: background-color 110ms, border-color 110ms, color 110ms;\n  user-select: none;\n}\n:host a.cds--header__menu-item:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__action:active,\n:host a.cds--header__menu-item:active {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n  color: var(--cds-text-primary, #161616);\n}\n:host a.cds--header__menu-item:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host a.cds--header__menu-item:hover > svg,\n:host a.cds--header__menu-item:active > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host a.cds--header__menu-item[aria-current=page],\n:host .cds--header__menu-item--current {\n  color: var(--cds-text-primary, #161616);\n}\n:host a.cds--header__menu-item[aria-current=page]::after,\n:host .cds--header__menu-item--current::after {\n  position: absolute;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: 3px;\n  content: \"\";\n  inline-size: calc(100% + 4px);\n  inset-block-end: -2px;\n  inset-inline-start: -2px;\n}\n:host a.cds--header__menu-item[aria-current=page]:focus::after,\n:host .cds--header__menu-item--current:focus::after {\n  border: 0;\n}\n:host .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,\n:host .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: calc(100% + 4px);\n  inline-size: 3px;\n  inset-block-start: -2px;\n  inset-inline-start: -2px;\n}\n:host .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,\n:host .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {\n  background-color: var(--cds-border-interactive, #0f62fe);\n  block-size: calc(100% + 4px);\n  inline-size: 5px;\n  inset-block-start: -2px;\n  inset-inline-start: -2px;\n}\n:host a.cds--header__menu-item[aria-current=page]:focus,\n:host a.cds--header__menu-item.cds--header__menu-item--current:focus {\n  border: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds--header__submenu {\n  position: relative;\n}\n:host .cds--header__menu-title[aria-haspopup=true] {\n  position: relative;\n}\n:host .cds--header__menu-title[aria-expanded=true] {\n  z-index: 8002;\n  background-color: var(--cds-layer);\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--header__menu-title[aria-expanded=true] > .cds--header__menu-arrow {\n  transform: rotate(180deg);\n}\n:host .cds--header__menu {\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {\n  position: absolute;\n  z-index: 8001;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--cds-layer);\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n  inline-size: 12.5rem;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  transform: translateY(100%);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item {\n  background-color: var(--cds-layer);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:hover {\n  background-color: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:active {\n  background-color: var(--cds-layer-active);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {\n  background-color: var(--cds-layer-selected);\n}\n:host .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--header__menu .cds--header__menu-item {\n  block-size: 3rem;\n}\n:host .cds--header__menu-arrow {\n  fill: var(--cds-icon-secondary, #525252);\n  margin-inline-start: 0.5rem;\n  transition: transform 110ms, fill 110ms;\n}\n:host .cds--header__global {\n  display: flex;\n  flex: 1 1 0%;\n  justify-content: flex-end;\n  block-size: 100%;\n}\n:host .cds--skip-to-content {\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--skip-to-content:focus {\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  border: 4px solid var(--cds-focus, #0f62fe);\n  background-color: var(--cds-background, #ffffff);\n  block-size: 3rem;\n  clip: auto;\n  color: var(--cds-text-secondary, #525252);\n  inline-size: auto;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  outline: none;\n}\n:host .cds--header-panel {\n  position: fixed;\n  z-index: 8000;\n  overflow: hidden;\n  border: none;\n  background-color: var(--cds-layer);\n  color: var(--cds-text-secondary, #525252);\n  inline-size: 0;\n  inset-block: 3rem 0;\n  inset-inline-end: 0;\n  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);\n  will-change: width;\n}\n:host .cds--header-panel--expanded {\n  border-inline-end: 1px solid var(--cds-border-subtle);\n  border-inline-start: 1px solid var(--cds-border-subtle);\n  inline-size: 16rem;\n  overflow-y: auto;\n}\n:host .cds--side-nav {\n  position: fixed;\n  z-index: 8000;\n  overflow: hidden;\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-secondary, #525252);\n  inline-size: 3rem;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n  max-inline-size: 16rem;\n  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n  will-change: inline-size;\n}\n:host .cds--side-nav--ux {\n  inline-size: 16rem;\n  inset-block-start: 3rem;\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav--ux {\n    inline-size: 0;\n  }\n}\n:host .cds--side-nav--rail {\n  inline-size: 3rem;\n}\n:host .cds--side-nav--hidden {\n  inline-size: 0;\n}\n:host .cds--side-nav--expanded {\n  inline-size: 16rem;\n}\n:host .cds--side-nav__overlay {\n  position: fixed;\n  background-color: transparent;\n  block-size: 0;\n  inline-size: 0;\n  inset-block-start: 3rem;\n  inset-inline-start: 0;\n  opacity: 0;\n  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav__overlay-active {\n    z-index: 6000;\n    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n    block-size: 100vh;\n    inline-size: 100vw;\n    opacity: 1;\n    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n:host .cds--header ~ .cds--side-nav {\n  block-size: calc(100% - 48px);\n  inset-block-start: 3rem;\n}\n:host .cds--side-nav--fixed {\n  inline-size: 16rem;\n}\n:host .cds--side-nav--collapsed {\n  inline-size: 16rem;\n  transform: translateX(-16rem);\n}\n:host .cds--side-nav__navigation {\n  display: flex;\n  flex-direction: column;\n}\n:host .cds--side-nav__items {\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  overflow: hidden;\n  flex: 1 1 0%;\n  padding: 1rem 0 0;\n}\n:host .cds--side-nav__items *,\n:host .cds--side-nav__items *::before,\n:host .cds--side-nav__items *::after {\n  box-sizing: inherit;\n}\n:host .cds--side-nav:hover .cds--side-nav__items, :host .cds--side-nav--fixed .cds--side-nav__items, :host .cds--side-nav--expanded .cds--side-nav__items {\n  overflow-y: auto;\n}\n:host .cds--side-nav--ux .cds--side-nav__items {\n  overflow-y: auto;\n}\n:host .cds--side-nav__item {\n  overflow: hidden;\n  block-size: auto;\n  inline-size: auto;\n}\n:host .cds--side-nav--ux .cds--side-nav__item {\n  block-size: auto;\n  inline-size: auto;\n}\n:host .cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,\n:host .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,\n:host .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,\n:host .cds--side-nav a.cds--header__menu-item:hover,\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,\n:host .cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item--large {\n  block-size: auto;\n}\n:host .cds--side-nav__divider {\n  margin: 0.5rem 1rem;\n  background-color: var(--cds-border-subtle);\n  block-size: 1px;\n  list-style-type: none;\n}\n:host .cds--side-nav__divider hr {\n  border: none;\n}\n:host .cds--side-nav__submenu {\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  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  inline-size: 100%;\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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  block-size: 2rem;\n  color: var(--cds-text-secondary, #525252);\n  transition: color 110ms, background-color 110ms, outline 110ms;\n  user-select: none;\n}\n:host .cds--side-nav__submenu *,\n:host .cds--side-nav__submenu *::before,\n:host .cds--side-nav__submenu *::after {\n  box-sizing: inherit;\n}\n:host .cds--side-nav__submenu::-moz-focus-inner {\n  border: 0;\n}\n:host .cds--side-nav__submenu:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__submenu:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host .cds--side-nav__submenu:focus {\n    outline-style: dotted;\n  }\n}\n:host .cds--side-nav__submenu-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: start;\n}\n:host .cds--side-nav__icon.cds--side-nav__submenu-chevron {\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n}\n:host .cds--side-nav__submenu-chevron > svg {\n  block-size: 1rem;\n  inline-size: 1rem;\n  transition: transform 110ms;\n}\n:host .cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {\n  transform: rotate(180deg);\n}\n:host .cds--side-nav__item--large .cds--side-nav__submenu {\n  block-size: 3rem;\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu:hover {\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {\n  position: relative;\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {\n  position: absolute;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  content: \"\";\n  inline-size: 3px;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n}\n:host .cds--side-nav__item--active .cds--side-nav__submenu-title {\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n}\n:host .cds--side-nav__item--active .cds--side-nav__icon > svg {\n  fill: var(--cds-icon-primary, #161616);\n}\n:host .cds--side-nav__menu {\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  display: block;\n  max-block-size: 0;\n  visibility: hidden;\n}\n:host .cds--side-nav__menu *,\n:host .cds--side-nav__menu *::before,\n:host .cds--side-nav__menu *::after {\n  box-sizing: inherit;\n}\n:host .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {\n  max-block-size: 93.75rem;\n  visibility: inherit;\n}\n:host .cds--side-nav__menu a.cds--side-nav__link {\n  block-size: 2rem;\n  font-weight: 400;\n  min-block-size: 2rem;\n  padding-inline-start: 2rem;\n}\n:host .cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {\n  padding-inline-start: 4.5rem;\n}\n:host .cds--side-nav__menu a.cds--side-nav__link--current,\n:host .cds--side-nav__menu a.cds--side-nav__link[aria-current=page],\n:host a.cds--side-nav__link--current {\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--side-nav__menu a.cds--side-nav__link--current > span,\n:host .cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,\n:host a.cds--side-nav__link--current > span {\n  color: var(--cds-text-primary, #161616);\n  font-weight: 600;\n}\n:host a.cds--side-nav__link,\n:host .cds--side-nav a.cds--header__menu-item,\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\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  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  min-block-size: 2rem;\n  text-decoration: none;\n  transition: color 110ms, background-color 110ms, outline 110ms;\n}\n:host .cds--side-nav__item--large a.cds--side-nav__link {\n  block-size: 3rem;\n}\n:host a.cds--side-nav__link > .cds--side-nav__link-text,\n:host .cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--cds-text-secondary, #525252);\n  font-size: 0.875rem;\n  letter-spacing: 0.1px;\n  line-height: 1.25rem;\n  user-select: none;\n}\n:host a.cds--side-nav__link:focus,\n:host .cds--side-nav a.cds--header__menu-item:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n@media screen and (prefers-contrast) {\n  :host a.cds--side-nav__link:focus,\n  :host .cds--side-nav a.cds--header__menu-item:focus {\n    outline-style: dotted;\n  }\n}\n:host a.cds--side-nav__link[aria-current=page],\n:host a.cds--side-nav__link--current {\n  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n  font-weight: 600;\n}\n:host a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,\n:host a.cds--side-nav__link--current .cds--side-nav__link-text {\n  color: var(--cds-text-primary, #161616);\n}\n:host a.cds--side-nav__link[aria-current=page]::before,\n:host a.cds--side-nav__link--current::before {\n  position: absolute;\n  background-color: var(--cds-border-interactive, #0f62fe);\n  content: \"\";\n  inline-size: 3px;\n  inset-block: 0 0;\n  inset-inline-start: 0;\n}\n:host .cds--side-nav__icon {\n  display: flex;\n  flex: 0 0 1rem;\n  align-items: center;\n  justify-content: center;\n}\n:host .cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {\n  margin-inline-end: 1.5rem;\n}\n:host .cds--side-nav__icon > svg {\n  block-size: 1rem;\n  fill: var(--cds-icon-secondary, #525252);\n  inline-size: 1rem;\n}\n:host .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {\n  display: none;\n}\n:host .cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {\n  display: none;\n}\n:host .cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {\n  display: block;\n}\n:host .cds--side-nav--fixed a.cds--side-nav__link,\n:host .cds--side-nav--fixed .cds--side-nav__submenu {\n  padding-inline-start: 1rem;\n}\n:host .cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {\n  padding-inline-start: 2rem;\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav .cds--header__nav {\n    display: block;\n  }\n}\n:host .cds--side-nav__header-navigation {\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  display: none;\n}\n:host .cds--side-nav__header-navigation *,\n:host .cds--side-nav__header-navigation *::before,\n:host .cds--side-nav__header-navigation *::after {\n  box-sizing: inherit;\n}\n@media (max-width: 65.98rem) {\n  :host .cds--side-nav__header-navigation {\n    position: relative;\n    display: block;\n    margin-block-end: 2rem;\n  }\n}\n:host .cds--side-nav__header-divider::after {\n  position: absolute;\n  background: var(--cds-border-subtle);\n  block-size: 0.0625rem;\n  content: \"\";\n  inline-size: calc(100% - 32px);\n  inset-block-end: -1rem;\n  inset-inline-start: 1rem;\n}\n:host .cds--side-nav a.cds--header__menu-item {\n  justify-content: space-between;\n  color: var(--cds-text-secondary, #525252);\n  white-space: nowrap;\n}\n:host .cds--side-nav a.cds--header__menu-item[aria-expanded=true] {\n  background-color: transparent;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {\n  padding: 0;\n  background-color: transparent;\n  box-shadow: none;\n  inline-size: 100%;\n  inset-block-end: inherit;\n  transform: none;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {\n  inline-size: 100%;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {\n  font-weight: 400;\n  padding-inline-start: 4.25rem;\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {\n  background-color: var(--cds-layer-selected-hover);\n}\n:host .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,\n:host .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {\n  block-size: calc(100% + 4px);\n  inline-size: 3px;\n}\n:host .cds--side-nav .cds--header__menu a.cds--header__menu-item {\n  block-size: inherit;\n}\n:host .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n:host .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n:host .cds--side-nav .cds--header__menu-arrow {\n  fill: var(--cds-icon-secondary, #525252);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  :host .cds--side-nav__icon > svg,\n  :host .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,\n  :host .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,\n  :host .cds--side-nav .cds--header__menu-arrow {\n    fill: ButtonText;\n  }\n}\n:host .cds--switcher {\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  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--cds-text-secondary, #525252);\n}\n:host .cds--switcher *,\n:host .cds--switcher *::before,\n:host .cds--switcher *::after {\n  box-sizing: inherit;\n}\n:host .cds--switcher__item {\n  block-size: 2rem;\n  inline-size: 100%;\n}\n:host .cds--switcher__item:nth-child(1) {\n  margin-block-start: 1rem;\n}\n:host .cds--switcher__item--divider {\n  display: block;\n  border: none;\n  margin: 0.5rem 1rem;\n  background: var(--cds-border-subtle);\n  block-size: 1px;\n  inline-size: 14rem;\n}\n:host .cds--switcher__item-link {\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  display: block;\n  padding: 0.375rem 1rem;\n  block-size: 2rem;\n  color: var(--cds-text-secondary, #525252);\n  text-decoration: none;\n}\n:host .cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {\n  background: var(--cds-layer-hover);\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n}\n:host .cds--switcher__item-link:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px;\n}\n:host .cds--switcher__item-link:active {\n  background: var(--cds-layer-active);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--switcher__item-link--selected {\n  background: var(--cds-layer-selected);\n  color: var(--cds-text-primary, #161616);\n}\n:host .cds--tile {\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n  border: solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n  background-color: var(--cds-chat-TILE-background);\n}\n:host .cds--white,\n:host .cds--g10,\n:host .cds--g90,\n:host .cds--g100 {\n  background-color: unset;\n}\n@keyframes WACFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes WACFadeInUp {\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 WACFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes WACSlideInFromRight {\n  from {\n    left: 100%;\n  }\n  to {\n    left: 0;\n  }\n}\n@keyframes WACSlideOutToRight {\n  from {\n    left: 0;\n  }\n  to {\n    left: 100%;\n  }\n}\n@keyframes WACSlideOutToTop {\n  from {\n    top: 0;\n  }\n  to {\n    top: -100%;\n  }\n}\n@keyframes WACSlideInFromLeft {\n  from {\n    right: 100%;\n  }\n  to {\n    right: 0;\n  }\n}\n@keyframes WACSlideOutToLeft {\n  from {\n    right: 0;\n  }\n  to {\n    right: 100%;\n  }\n}\n@keyframes WACSlideInFromBottom {\n  from {\n    top: 100%;\n  }\n  to {\n    top: 0;\n  }\n}\n@keyframes WACSlideOutToBottom {\n  from {\n    top: 0;\n  }\n  to {\n    top: 100%;\n  }\n}\n@keyframes WACLauncherIn {\n  0% {\n    /* Launcher positioning should probably be handled by remote config not CSS. */\n    bottom: calc(var(--cds-chat-LAUNCHER-position-bottom) - 1rem);\n    opacity: 0;\n  }\n  100% {\n    /* Launcher positioning should probably be handled by remote config not CSS. */\n    bottom: var(--cds-chat-LAUNCHER-position-bottom);\n    opacity: 1;\n  }\n}\n@keyframes WACAnimateHeight {\n  0% {\n    height: var(--cds-chat-Animate-Start-Height);\n  }\n  100% {\n    height: var(--cds-chat-Animate-End-Height);\n  }\n}\n:host .WAC--primaryColor button.cds--overflow-menu--open {\n  box-shadow: none;\n  background-color: transparent;\n  color: inherit;\n}\n:host .WAC--primaryColor {\n  color: var(--cds-chat-PRIMARY-color-text);\n  background-color: var(--cds-chat-PRIMARY-color);\n}\n:host .WAC--primaryColor .cds--overflow-menu__icon {\n  fill: currentcolor;\n}\n:host .WAC--primaryColor button.cds--overflow-menu,\n:host .WAC--primaryColor button.cds--btn--ghost {\n  color: currentcolor;\n}\n:host .WAC--primaryColor button.cds--btn--ghost:not([disabled]) svg {\n  fill: currentcolor;\n}\n:host .WAC--primaryColor button.cds--overflow-menu:enabled:hover,\n:host .WAC--primaryColor button.cds--overflow-menu--open:enabled:hover,\n:host .WAC--primaryColor button.cds--btn--ghost:enabled:hover {\n  background-color: var(--cds-chat-PRIMARY-color-hover);\n}\n:host .WAC--primaryColor button.cds--overflow-menu:enabled:focus,\n:host .WAC--primaryColor button.cds--overflow-menu--open:enabled:focus,\n:host .WAC--primaryColor button.cds--btn--ghost:enabled:focus {\n  border-color: var(--cds-chat-PRIMARY-color-focus);\n  box-shadow: inset 0 0 0 1px var(--cds-chat-PRIMARY-color-focus);\n  outline-color: var(--cds-chat-PRIMARY-color-focus);\n}\n:host .WAC--primaryColor button.cds--overflow-menu:enabled:active,\n:host .WAC--primaryColor button.cds--overflow-menu--open:enabled:active,\n:host .WAC--primaryColor button.cds--btn--ghost:enabled:active {\n  background-color: var(--cds-chat-PRIMARY-color-active);\n}\n:host .WAC--aiTheme .WAC--primaryColor button.cds--overflow-menu:hover:active,\n:host .WAC--aiTheme .WAC--primaryColor button.cds--overflow-menu--open:hover:active,\n:host .WAC--aiTheme .WAC--primaryColor button.cds--btn--ghost:hover:active {\n  box-shadow: inset 0 0 0 1px var(--cds-chat-PRIMARY-color-focus), inset 0 0 0 2px var(--cds-focus-inset);\n}\n:host .WAC--accentColor button.cds--overflow-menu--open {\n  box-shadow: none;\n  background-color: transparent;\n  color: inherit;\n}\n:host .WAC--accentColor {\n  color: var(--cds-chat-ACCENT-color-text);\n  background-color: var(--cds-chat-ACCENT-color);\n}\n:host .WAC--accentColor .cds--overflow-menu__icon {\n  fill: currentcolor;\n}\n:host .WAC--accentColor button.cds--overflow-menu,\n:host .WAC--accentColor button.cds--btn--ghost {\n  color: currentcolor;\n}\n:host .WAC--accentColor button.cds--btn--ghost:not([disabled]) svg {\n  fill: currentcolor;\n}\n:host .WAC--accentColor button.cds--overflow-menu:enabled:hover,\n:host .WAC--accentColor button.cds--overflow-menu--open:enabled:hover,\n:host .WAC--accentColor button.cds--btn--ghost:enabled:hover {\n  color: currentcolor;\n  background-color: var(--cds-chat-ACCENT-color-hover);\n}\n:host .WAC--accentColor button.cds--overflow-menu:enabled:focus,\n:host .WAC--accentColor button.cds--overflow-menu--open:enabled:focus,\n:host .WAC--accentColor button.cds--btn--ghost:enabled:focus {\n  border-color: currentcolor;\n  box-shadow: inset 0 0 0 1px currentcolor;\n  outline-color: currentcolor;\n}\n:host .WAC--accentColor button.cds--overflow-menu:enabled:active,\n:host .WAC--accentColor button.cds--overflow-menu--open:enabled:active,\n:host .WAC--accentColor button.cds--btn--ghost:enabled:active {\n  color: currentcolor;\n  background-color: var(--cds-chat-ACCENT-color-active);\n}\n:host .cds--white,\n:host .cds--g10,\n:host .cds--g90,\n:host .cds--g100 {\n  font-size: 100%;\n  font-family: var(--cds-chat-BASE-font-family);\n  font-feature-settings: normal;\n  font-style: normal;\n  font-variant: normal;\n  font-weight: 400;\n  letter-spacing: normal;\n  line-height: var(--cds-chat-BASE-line-height-med);\n  text-decoration: none;\n}\n:host .cds--g90,\n:host .cds--g100 {\n  scrollbar-color: var(--cds-layer-03) var(--cds-layer-01);\n}\n:host .WACWidget__breakWord {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n:host .WACWidget__textEllipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n  white-space: nowrap;\n}\n:host .WAC__hidden {\n  display: none;\n}\n:host .WAC__highlight {\n  font-style: normal;\n  font-weight: bold;\n  background-color: var(--cds-highlight, #d0e2ff);\n}\n:host .HideWebChat {\n  display: none;\n}\n:host .ibm-web-chat--reset-styles, :host :host {\n  backface-visibility: visible;\n  background: none auto 0 0 repeat padding-box border-box scroll transparent;\n  border-color: black;\n  border-color: currentcolor;\n  border-radius: 0;\n  border-style: none;\n  border-width: medium;\n  border-image: none;\n  box-shadow: none;\n  box-sizing: border-box;\n  inset: auto;\n  clear: none;\n  clip: auto;\n  color: inherit;\n  columns: auto auto;\n  column-gap: normal;\n  column-rule: medium none black;\n  column-span: 1;\n  counter-increment: none;\n  counter-reset: none;\n  cursor: auto;\n  direction: inherit;\n  display: block;\n  float: none;\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-variant: inherit;\n  font-weight: inherit;\n  height: auto;\n  hyphens: manual;\n  letter-spacing: inherit;\n  line-height: inherit;\n  list-style-type: inherit;\n  list-style-position: outside;\n  list-style-image: none;\n  margin: 0;\n  max-height: none;\n  max-width: none;\n  min-height: 0;\n  min-width: 0;\n  opacity: 1;\n  outline: invert none medium;\n  overflow: visible;\n  padding: 0;\n  perspective: none;\n  perspective-origin: 50% 50%;\n  position: static;\n  quotes: \"\" \"\";\n  table-layout: auto;\n  text-align: inherit;\n  text-decoration: inherit;\n  text-indent: 0;\n  text-shadow: none;\n  text-transform: none;\n  transition: all 0s ease 0s;\n  transform: none;\n  transform-origin: 50% 50%;\n  transform-style: flat;\n  unicode-bidi: normal;\n  visibility: inherit;\n  white-space: normal;\n  width: auto;\n  word-break: normal;\n  word-spacing: normal;\n  z-index: auto;\n}\n:host button.WAC__button--link {\n  border: 0;\n  padding: 0;\n  box-shadow: none;\n  background: none;\n  color: var(--cds-link-primary, #0f62fe);\n  font-size: inherit;\n  line-height: inherit;\n  border-radius: 0;\n  text-align: left;\n}\n:host .WACContainer--render[dir=rtl] button.WAC__button--link {\n  text-align: right;\n}\n:host button.WAC__button--link:enabled,\n:host button.WAC__button--link:enabled * {\n  cursor: pointer;\n}\n:host button.WAC__button--link:disabled,\n:host button.WAC__button--link:disabled * {\n  cursor: not-allowed;\n}\n:host button.WAC__button--link:hover span {\n  text-decoration: underline;\n}\n:host button.WAC__button--link:focus span {\n  text-decoration: underline;\n}\n:host button.WAC__button--link::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n:host .ibm-web-chat--default-styles {\n  all: revert;\n  box-sizing: border-box;\n  font-family: var(--cds-chat-BASE-font-family);\n  color: inherit;\n  background: transparent;\n  /* Text inputs and textareas */\n  /* Tables */\n}\n:host .ibm-web-chat--default-styles b:not([class*=cds--]),\n:host .ibm-web-chat--default-styles strong:not([class*=cds--]) {\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n}\n:host .ibm-web-chat--default-styles i:not([class*=cds--]),\n:host .ibm-web-chat--default-styles em:not([class*=cds--]) {\n  font-style: italic;\n}\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) {\n  padding-block: 0.5rem;\n  padding-inline-start: 1rem;\n}\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) {\n  counter-reset: ol-counter;\n  list-style-type: decimal;\n}\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]) {\n  list-style-type: disc;\n}\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]) ul:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]) ol:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) ul:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) ol:not([class*=cds--]) {\n  margin-inline-start: 2rem;\n  padding-block: 0;\n  padding-inline-start: 0;\n}\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]) li:not([class*=cds--]) {\n  position: relative;\n}\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) li:not([class*=cds--]) {\n  position: relative;\n  counter-increment: ol-counter;\n}\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]) ul:not([class*=cds--]) li:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ul:not([class*=cds--]) ol:not([class*=cds--]) li:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) ul:not([class*=cds--]) li:not([class*=cds--]),\n:host .ibm-web-chat--default-styles ol:not([class*=cds--]) ol:not([class*=cds--]) li:not([class*=cds--]) {\n  padding-inline-start: 0.25rem;\n}\n:host .ibm-web-chat--default-styles textarea:not([class*=cds--]),\n:host .ibm-web-chat--default-styles input[type=text]:not([class*=cds--]) {\n  font-size: inherit;\n  font-family: inherit;\n  padding: 0;\n  border: var(--cds-chat-BASE-border-width-med) solid transparent;\n}\n:host .ibm-web-chat--default-styles textarea:focus:not([class*=cds--]),\n:host .ibm-web-chat--default-styles input:focus:not([class*=cds--]) {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .ibm-web-chat--default-styles textarea:not([class*=cds--]),\n:host .ibm-web-chat--default-styles input:not([class*=cds--]) {\n  margin-block: 0;\n  margin-inline: 0.5rem;\n}\n:host .ibm-web-chat--default-styles input[type=radio]:focus:not([class*=cds--]),\n:host .ibm-web-chat--default-styles input[type=checkbox]:focus:not([class*=cds--]) {\n  outline: solid 2px var(--cds-focus, #0f62fe);\n}\n:host .ibm-web-chat--default-styles table:not([class*=cds--]) {\n  width: 100%;\n}\n:host .ibm-web-chat--default-styles table:not([class*=cds--]) th:not([class*=cds--]) {\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n}\n:host .ibm-web-chat--default-styles p:not([class*=cds--]):not([class*=WACWidget__Markdown]) {\n  margin-block: 1em;\n  margin-inline: 0;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .ibm-web-chat--default-styles button:not([class*=cds--]):disabled {\n  cursor: not-allowed;\n}\n:host .ibm-web-chat--default-styles sub:not([class*=cds--]) {\n  vertical-align: sub;\n  font-size: smaller;\n}\n:host .ibm-web-chat--default-styles sup:not([class*=cds--]) {\n  vertical-align: super;\n  font-size: smaller;\n}\n:host .WACContainer--render {\n  box-sizing: border-box;\n  font-family: var(--cds-chat-BASE-font-family);\n  color: var(--cds-text-primary, #161616);\n  width: 100%;\n  height: 100%;\n}\n:host .WACContainer--render[dir=rtl] {\n  direction: rtl;\n}\n:host .WACContainer--render > div > div[role=log] {\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  left: -10000px;\n}\n:host .WACContainer__LayoutDirection {\n  height: 100%;\n  width: 100%;\n}\n:host .WACWidget {\n  width: 100%;\n  height: 100%;\n}\n:host .WACAgentAvatar img {\n  width: 100%;\n  height: 100%;\n}\n:host .WACAgentAvatar svg {\n  fill: currentcolor;\n}\n:host .WACAgentAvatar .WACAgentAvatar__Circle {\n  background-color: transparent;\n  border: var(--cds-chat-BASE-border-radius-xsmall) solid currentcolor;\n  border-radius: 50%;\n  font-weight: bold;\n}\n:host .WACAgentAvatar .WACAgentAvatar__Circle .WACAgentAvatar__Letter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  text-align: center;\n}\n:host .WACAgentBanner__Body {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 1rem;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n  background-color: var(--cds-layer-01, #f4f4f4);\n  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .WACAgentBanner .WACAgentAvatar {\n  width: 32px;\n  height: 32px;\n  margin: 0 0.75rem 0 0;\n}\n:host .WACContainer--render[dir=rtl] .WACAgentBanner .WACAgentAvatar {\n  margin: 0 0 0 0.75rem;\n}\n:host .WACAgentBanner .WACAgentAvatar img {\n  border-radius: 16px;\n}\n:host .WACAgentBanner__AgentInfo {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  padding: 0 1rem 0 0;\n}\n:host .WACContainer--render[dir=rtl] .WACAgentBanner__AgentInfo {\n  padding: 0 0 0 1rem;\n}\n:host .WACAgentBanner__AgentLine1 {\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n}\n:host .WACAgentBanner--connected .WACAgentBanner__AgentLine1 {\n  font-size: var(--cds-chat-BASE-font-size-large);\n}\n:host .WACAgentBanner__AgentLine2 {\n  padding-top: 0.25rem;\n}\n:host .WACAgentBanner__AgentLine2,\n:host .WACAgentBanner__AgentLine2 p {\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACContainer--render[dir=rtl] .WACAgentBanner__CancelButton.cds--btn--sm:not(.cds--btn--danger--ghost, .cds--btn--icon-only),\n:host .WACAgentBanner__CancelButton.cds--btn {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  align-self: center;\n}\n:host .WACAgentBanner__StopSharingButton {\n  width: 100%;\n  max-width: unset;\n}\n:host .WACBrandingBanner {\n  height: 35px;\n  background-color: var(--cds-chat-BRANDING-background);\n  color: var(--cds-chat-BRANDING-color-text-01);\n  border-top: 1px solid var(--cds-chat-BRANDING-border-color);\n  width: 100%;\n  overflow: hidden;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  font-family: var(--cds-chat-BRANDING-font-family);\n}\n:host .WACBrandingBanner__text {\n  height: 100%;\n  position: relative;\n  width: fit-content;\n  font-size: var(--cds-chat-BASE-font-size-small);\n  display: flex;\n  align-items: center;\n}\n:host .WACBrandingBanner__text span {\n  display: none;\n}\n:host .WACBrandingBanner__text b {\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n}\n:host .WACBrandingBanner button {\n  justify-content: center;\n  align-items: center;\n  width: 25px;\n  height: inherit;\n  min-height: unset;\n  padding: 0;\n  color: inherit;\n  outline: 0;\n  border: 0;\n  margin: 0 3px;\n}\n:host .WACBrandingBanner__icon {\n  width: 16px;\n  height: 16px;\n}\n:host .WACBrandingOverlay {\n  display: flex;\n  background-color: var(--cds-chat-BRANDING-background);\n  color: var(--cds-chat-BRANDING-color-text-01);\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-family: var(--cds-chat-BRANDING-font-family);\n  padding-bottom: 10px;\n  border-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACBrandingOverlay__header {\n  display: flex;\n  justify-content: flex-end;\n  padding: 0.5rem 0.5rem 0;\n}\n:host .WACBrandingOverlay__body {\n  flex: 1;\n  overflow: auto;\n}\n:host .WACBrandingOverlay__header button {\n  color: inherit;\n  padding: 0.5rem;\n  justify-content: center;\n}\n:host .WACBrandingOverlay__main-content {\n  padding: 76px 1rem 1rem;\n}\n:host .WACBrandingOverlay__logoContainer {\n  width: fit-content;\n  display: flex;\n}\n:host .WACBrandingOverlay__logoContainer .cds--watsonx-avatar {\n  width: 70px;\n  margin: 10px;\n}\n:host .WACBrandingOverlay__textHolder {\n  margin-left: 20px;\n  margin-top: 24px;\n  width: 75%;\n  max-width: 400px;\n}\n:host .WACBrandingOverlay__headline {\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n  letter-spacing: 0;\n  margin-bottom: 16px;\n}\n:host .WACBrandingOverlay__text {\n  color: var(--cds-chat-BRANDING-color-text-02);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n:host .WACBrandingOverlay__text a {\n  color: var(--cds-chat-BRANDING-link);\n  text-decoration: none;\n}\n:host .WACBrandingOverlay__text a:hover {\n  text-decoration: underline;\n}\n:host .WACCustomPanel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n:host .WACCustomPanel__ContentContainer {\n  overflow: auto;\n  background-color: var(--cds-background, #ffffff);\n  height: 100%;\n}\n:host .WACCustomPanel__HostElement {\n  height: 100%;\n  width: 100%;\n}\n:host .WACCustomPanel .WACPanelContent {\n  flex: 1;\n}\n:host .WACBodyAndFooterComponent {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n:host .WACBodyAndFooterComponent .WACBodyMessageComponents {\n  flex: 1;\n  overflow: auto;\n}\n:host .WACBodyAndFooterComponent .WACPanelContent {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--cds-background, #ffffff);\n}\n:host .WACHeader__BotAvatar {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n}\n:host svg.WACHeader__BotAvatar {\n  fill: currentcolor;\n  border-radius: unset;\n}\n:host .WACWidget--maxWidth .WACHeader__HeaderBottomElement {\n  max-width: 672px;\n  margin: auto;\n}\n:host .WACHeader__Slug-description {\n  font-size: var(--cds-body-01-font-size, 14px);\n  font-weight: var(--cds-body-01-font-weight, 400);\n  line-height: var(--cds-body-01-line-height, 1.4286);\n  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .WACHeader {\n  display: flex;\n  justify-content: center;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n  border-bottom: 1px solid var(--cds-border-subtle-00, #e0e0e0);\n  height: 41px;\n  width: 100%;\n  position: relative;\n}\n:host .WACHeader--content {\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n:host .WACWidget--maxWidth .WACHeader--content {\n  max-width: 672px;\n}\n:host .WACHeader__Buttons {\n  display: flex;\n  align-items: center;\n}\n:host .WACHeader__Buttons .cds--btn:active,\n:host .WACHeader__Buttons .cds--btn:hover {\n  color: var(--cds-chat-PRIMARY-color-text);\n}\n:host .WACHeader__Buttons .WACHeader__Slug {\n  margin: 0.5rem;\n}\n:host .WACHeader .cds--overflow-menu-options--open {\n  top: 41px !important;\n  left: 0 !important;\n  right: unset !important;\n}\n:host .WACHeader .cds--overflow-menu-options::after {\n  content: unset;\n}\n:host .WACWidget.WACWidget--rounded .WACHeader--content,\n:host .WACWidget.WACWidget--rounded:not(.WAC--wideWidth) .WACHeader__LeftButtons .cds--popover-container:first-child .cds--btn,\n:host .WACWidget.WACWidget--rounded:not(.WAC--wideWidth) .WACHeader__LeftButtons .cds--overflow-menu__wrapper:first-child .cds--btn {\n  border-start-start-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACWidget.WACWidget--rounded .WACHeader--content,\n:host .WACWidget.WACWidget--rounded:not(.WAC--wideWidth) .WACHeader__RightButtons .cds--popover-container:last-child .cds--btn {\n  border-start-end-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACHeader__CenterContainer:first-child {\n  margin: 0 1rem;\n}\n:host .WACHeader__CenterContainer {\n  overflow: hidden;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  margin: 0 0.25rem;\n}\n:host .WACHeader__Name {\n  text-align: center;\n  word-break: break-word;\n  font-family: var(--cds-chat-BASE-header-font-family);\n  font-size: var(--cds-heading-compact-01-font-size);\n  line-height: var(--cds-heading-compact-01-line-height);\n  font-weight: var(--cds-heading-compact-01-font-weight);\n  letter-spacing: var(--cds-heading-compact-01-letter-spacing);\n}\n:host .WACHeader__Slug-title {\n  padding-bottom: 0.75rem;\n}\n:host .WACHeader__OverflowMenu {\n  max-height: 488px;\n}\n:host .WACHeader__OverflowMenu svg,\n:host .WACHeader__BackButton svg,\n:host .WACHeader__RestartButton svg,\n:host .WACHeader__CloseButton svg,\n:host .WACHeader__CloseAndRestartButton svg {\n  width: 16px;\n  height: 16px;\n}\n:host .WACContainer--render[dir=rtl] .WACHomeScreenHeader button.WACHeader__BackButton {\n  transform: none;\n}\n:host .WAC--wideWidth.WACWidget--maxWidth .WACHeader__CenterContainer:first-child {\n  margin: 0 1rem 0 0;\n}\n:host .WACHeader__Separator {\n  height: 60%;\n  width: 1px;\n  border-inline-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);\n  margin-inline-start: 1rem;\n}\n:host .WACHeader__HeaderObjects {\n  flex: 1;\n  display: flex;\n  justify-content: space-between;\n}\n:host .WACHeader__LeftItems,\n:host .WACHeader__RightItems {\n  display: flex;\n  align-items: center;\n  justify-self: end;\n}\n:host .WACHeader__CenterGap {\n  flex: 1;\n}\n:host .WACChatHeaderOverflowMenu__HostElement,\n:host .WACChatHeaderMenuButton_HostElement {\n  position: absolute;\n  z-index: 1;\n  bottom: -1px;\n}\n:host .WACHeader__TitleContainer {\n  max-width: 100%;\n}\n:host .WACHomeScreen {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--cds-chat-shell-background, #ffffff);\n}\n:host .WACHomeScreen--backgroundAITheme {\n  background-image: linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%);\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n  background-color: var(--cds-chat-shell-background, #ffffff);\n}\n:host .WACWidget:not(.WACWidget--maxWidth) .WACHomeScreen--backgroundGradientTopCornerOut {\n  background-image: radial-gradient(circle 285px at top right, var(--cds-chat-ACCENT-color) 0, var(--cds-chat-shell-background, #ffffff) 100%);\n}\n:host .WACWidget:not(.WACWidget--maxWidth) .WACContainer--render[dir=rtl] .WACHomeScreen--backgroundGradientTopCornerOut {\n  background-image: radial-gradient(circle 285px at top left, var(--cds-chat-ACCENT-color) 0, var(--cds-chat-shell-background, #ffffff) 100%);\n}\n:host .WACWidget--maxWidth .WACHomeScreen--backgroundGradientTopCornerOut {\n  background-image: radial-gradient(circle 55vw at top right, var(--cds-chat-ACCENT-color) 0, var(--cds-chat-shell-background, #ffffff) 100%);\n}\n:host .WACWidget--maxWidth .WACContainer--render[dir=rtl] .WACHomeScreen--backgroundGradientTopCornerOut {\n  background-image: radial-gradient(circle 55vw at top left, var(--cds-chat-ACCENT-color) 0, var(--cds-chat-shell-background, #ffffff) 100%);\n}\n:host .WACHomeScreen--backgroundGradientBottomUp {\n  background-image: linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, rgb(var(--cds-chat-ACCENT-color-r) var(--cds-chat-ACCENT-color-g) var(--cds-chat-ACCENT-color-b)/15%) 70%, rgb(var(--cds-chat-ACCENT-color-r) var(--cds-chat-ACCENT-color-g) var(--cds-chat-ACCENT-color-b)/50%) 100%);\n}\n:host .WACHomeScreen--backgroundGradientTopCornerOut::before,\n:host .WACHomeScreen--backgroundGradientBottomUp::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--cds-chat-shell-background, #ffffff);\n  opacity: 0.35;\n}\n:host .WACHomeScreen--backgroundGradientBottomUp::before {\n  opacity: 0.5;\n}\n:host .WACHomeScreen__HomeScreenBottomElement {\n  max-width: 672px;\n  margin: auto;\n  width: 100%;\n  position: relative;\n}\n:host .WACHomeScreen__content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n:host .WACHomeScreen--firstRender .WACHomeScreen__content {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeIn 0.07s both;\n}\n:host .WACHomeScreen__bodyWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  position: relative;\n}\n:host .WACHomeScreen__body {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 0 1rem 2rem;\n}\n:host .WACHomeScreen__body--customContent {\n  min-height: 90%;\n  flex-shrink: 0;\n  flex-grow: 1;\n}\n:host .WACHomeScreen__body--customContent > * {\n  flex-shrink: 0;\n}\n:host .WACHomeScreen__body--noCustomContent {\n  flex: 1;\n  padding-bottom: 0;\n}\n:host .WACHomeScreen__avatarHolder {\n  width: 96px;\n  height: 96px;\n  margin-top: 3rem;\n  transform: translateY(0);\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete .WACHomeScreen__avatarHolder {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeIn 0.07s both;\n}\n:host .WACHomeScreen__avatarHolder img {\n  border-radius: 48px;\n}\n:host .WACHomeScreen__botAvatar {\n  fill: var(--cds-text-primary, #161616);\n  width: 100%;\n  height: 100%;\n}\n:host .WACHomeScreen__greeting {\n  font-family: var(--cds-chat-HOME_SCREEN-greeting-font-family);\n  color: var(--cds-text-primary, #161616);\n  font-weight: var(--cds-heading-04-font-weight);\n  line-height: var(--cds-heading-04-line-height);\n  font-size: var(--cds-heading-04-font-size);\n  letter-spacing: var(--cds-heading-04-letter-spacing);\n  margin-top: 2rem;\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete .WACHomeScreen__greeting {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeInUp 0.07s both;\n}\n:host .WACHomeScreen__starters {\n  margin-top: 2rem;\n}\n:host .WACHomeScreen__body--noCustomContent .WACHomeScreen__starters {\n  margin-bottom: 3rem;\n}\n:host .WACHomeScreen__body--noCustomContent.WACHomeScreen__body--noAvatar .WACHomeScreen__starters {\n  margin-bottom: 2rem;\n}\n:host .WACHomeScreen__body--customContentOnly {\n  flex-grow: unset;\n  flex-shrink: unset;\n  margin: 0;\n  min-height: unset;\n  padding: 0;\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete button.WACHomeScreen__starter {\n  max-width: 100%;\n  word-break: break-word;\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeInUp calc(var(--cds-chat-HomeScreenStarter-index) * 0.12s) both;\n  margin-bottom: 0.75rem;\n  display: block;\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete button.WACHomeScreen__starter:last-child {\n  margin-bottom: 0;\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete .WACHomeScreen__starters--animateGroup button.WACHomeScreen__starter {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeInUp 0.12s both;\n}\n:host button.WACHomeScreen__starter:nth-child(1) {\n  --cds-chat-HomeScreenStarter-index: 1;\n}\n:host button.WACHomeScreen__starter:nth-child(2) {\n  --cds-chat-HomeScreenStarter-index: 2;\n}\n:host button.WACHomeScreen__starter:nth-child(3) {\n  --cds-chat-HomeScreenStarter-index: 3;\n}\n:host button.WACHomeScreen__starter:nth-child(4) {\n  --cds-chat-HomeScreenStarter-index: 4;\n}\n:host button.WACHomeScreen__starter:nth-child(5) {\n  --cds-chat-HomeScreenStarter-index: 5;\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete .WACHomeScreen__customContent--animation {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeInUp 0.33s both;\n}\n:host .WACHomeScreen__backButton {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, calc(-100% - 1rem));\n}\n:host .WACHomeScreen__backButton .WACHomeScreen__backButtonContent {\n  display: flex;\n}\n:host .WACHomeScreen__backButton .WACHomeScreen__backButtonContent .WACHomeScreen__backButtonContentText {\n  margin-right: 0.5rem;\n  white-space: nowrap;\n}\n:host .WACContainer--render[dir=rtl] .WACHomeScreen__backButton .WACHomeScreen__backButtonContent .WACHomeScreen__backButtonContentText {\n  margin-left: 0.5rem;\n  margin-right: unset;\n}\n@keyframes WACFadeInUpBackButton {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, calc(-100% - 1rem + 2rem));\n  }\n  15% {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, calc(-100% - 1rem));\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host .WACHomeScreen.WACHomeScreen--hydrationComplete .WACHomeScreen__backButton {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeInUpBackButton 0.35s both;\n}\n:host .WACHomeScreen__inputContainerWrapper,\n:host .WACHomeScreen__inputContainer {\n  display: flex;\n  width: 100%;\n  transform: translateY(0);\n}\n:host .WACHomeScreen__inputContainerWrapper {\n  flex-direction: column;\n}\n:host .WACHomeScreen.WACHomeScreen--firstRender .WACInputContainer {\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeInUp 0.37s both;\n}\n:host .WACHomeScreen--backgroundSolid {\n  background-color: var(--cds-chat-ACCENT-color);\n}\n:host .WACHomeScreen--backgroundSolid .WACHeader {\n  border-bottom: none;\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__content {\n  background-color: var(--cds-chat-shell-background, #ffffff);\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__body {\n  background-color: var(--cds-chat-ACCENT-color);\n  color: var(--cds-chat-ACCENT-color-text);\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__body .WACHomeScreen__greeting {\n  color: currentcolor;\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__body button.WACHomeScreen__starter {\n  border: 1px solid var(--cds-chat-ACCENT-color-text);\n  color: var(--cds-chat-ACCENT-color-text);\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__body button.WACHomeScreen__starter:hover {\n  color: currentcolor;\n  background-color: var(--cds-chat-ACCENT-color-hover);\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__body button.WACHomeScreen__starter:active {\n  background-color: var(--cds-chat-ACCENT-color-active);\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__customContent--customContentOnly {\n  background-color: var(--cds-chat-ACCENT-color);\n  color: var(--cds-chat-ACCENT-color-text);\n}\n:host .WACHomeScreen--backgroundSolid .WACHomeScreen__inputContainer {\n  background-color: var(--cds-chat-ACCENT-color);\n}\n:host .WACAlternateSuggestionsButton {\n  position: absolute;\n  bottom: 1rem;\n  right: calc(var(--cds-chat-scrollbar-width) + 1rem);\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsButton {\n  left: calc(var(--cds-chat-scrollbar-width) + 1rem);\n  right: unset;\n}\n:host .WACAlternateSuggestionsButton__ButtonContainer {\n  flex-shrink: 0;\n}\n:host button.WACAlternateSuggestionsButton__button {\n  width: 32px;\n  height: 32px;\n  border-radius: 16px;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-block-size: 0;\n  background-color: var(--cds-chat-ACCENT-color);\n}\n:host button.WACAlternateSuggestionsButton__button:focus {\n  box-shadow: inset 0 0 0 2px var(--cds-layer-02, #ffffff);\n}\n:host button.WACAlternateSuggestionsButton__button svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--cds-chat-ACCENT-color-text);\n}\n:host .WACContainer--render[dir=rtl] .WACLocale-ar .WACAlternateSuggestionsButton__button svg {\n  transform: scaleX(-1);\n}\n:host .WACAlternateSuggestionsContainer {\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  background-color: var(--cds-background, #ffffff);\n  z-index: 10;\n}\n:host .WACAlternateSuggestionsContainer__FocusTrap {\n  height: 100%;\n}\n:host .WACAlternateSuggestionsContainer--Full {\n  height: 100%;\n}\n:host .WACAlternateSuggestionsContainer--Closed {\n  display: none;\n}\n:host .WACAlternateSuggestionsContainer__Button.WACAlternateSuggestionsContainer__Button--animate-in,\n:host .WACAlternateSuggestionsContainer__Button.WACAlternateSuggestionsContainer__Button--animate-out {\n  display: block;\n}\n:host .WACAlternateSuggestionsContainer__Button {\n  width: 100%;\n  height: 48px;\n  padding: 0 1rem;\n  position: absolute;\n  bottom: 0;\n}\n:host .WACAlternateSuggestionsContainer__Button--animate-in {\n  animation: WACAnimAlternateSuggestionsContainer__Button--slide-in 388ms cubic-bezier(0, 0, 0.3, 1), WACAnimAlternateSuggestionsContainer__Button--bounce-in 383ms cubic-bezier(0, 0, 0.3, 1) 388ms;\n  animation-fill-mode: backwards, forwards;\n}\n:host .WACAlternateSuggestionsContainer__Button--animate-out {\n  animation: WACAnimAlternateSuggestionsContainer__Button--slide-out 333ms cubic-bezier(0, 0, 0.3, 1);\n  animation-fill-mode: both;\n}\n:host .WACAlternateSuggestionsContainer--animate {\n  animation: WACAnimateHeight 333ms cubic-bezier(0, 0, 0.3, 1);\n  animation-fill-mode: both;\n}\n@keyframes WACAnimAlternateSuggestionsContainer__Button--slide-in {\n  0% {\n    bottom: -48px;\n  }\n  100% {\n    bottom: 6px;\n  }\n}\n@keyframes WACAnimAlternateSuggestionsContainer__Button--slide-out {\n  0% {\n    bottom: 0;\n  }\n  100% {\n    bottom: -48px;\n  }\n}\n@keyframes WACAnimAlternateSuggestionsContainer__Button--bounce-in {\n  0% {\n    bottom: 6px;\n  }\n  100% {\n    bottom: 0;\n  }\n}\n:host .WACAlternateSuggestionsOptionsPanel {\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n:host .WACAlternateSuggestionsOptionsPanel--Full {\n  height: 100%;\n}\n:host .WACAlternateSuggestionsOptionsPanel ul.WAC__button-holder {\n  flex: 1;\n  margin-top: 0;\n  padding: calc(1rem - 0.5rem) 0 0 0;\n}\n:host .WACAlternateSuggestionsOptionsPanel ul.WAC__button-holder li {\n  position: relative;\n  display: inline-block;\n}\n:host .WACAlternateSuggestionsOptionsPanel ul.WAC__button-holder li .cds--btn {\n  max-width: 100%;\n  display: inline-block;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-in li {\n  counter-set: alternate-suggestions-counter;\n  top: 32px;\n  transform-origin: left;\n  animation: WACAnimAlternateSuggestionsOptionsPanel 334ms cubic-bezier(0, 0, 0.3, 1);\n  animation-fill-mode: both;\n  animation-delay: calc(var(--cds-chat-AlternateSuggestionsOptionsPanel-index) * 84ms + 250ms);\n  --cds-chat-Animate-Start-Position: 32px;\n  --cds-chat-Animate-End-Position: 0;\n}\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsOptionsPanel--animate-in li {\n  transform-origin: right;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-in li:nth-child(1) {\n  --cds-chat-AlternateSuggestionsOptionsPanel-index: 0;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-in li:nth-child(2) {\n  --cds-chat-AlternateSuggestionsOptionsPanel-index: 1;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-in li:nth-child(3) {\n  --cds-chat-AlternateSuggestionsOptionsPanel-index: 2;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-in li:nth-child(4) {\n  --cds-chat-AlternateSuggestionsOptionsPanel-index: 3;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-in li:nth-child(5) {\n  --cds-chat-AlternateSuggestionsOptionsPanel-index: 4;\n}\n:host .WACAlternateSuggestionsOptionsPanel--animate-out li {\n  opacity: 0;\n}\n:host .WACAlternateSuggestionsOptionsPanel__Header {\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  border-bottom: 1px solid var(--cds-layer-03, #f4f4f4);\n}\n:host .WACAlternateSuggestionsOptionsPanel__ScrollPanel {\n  overflow: auto;\n  flex: 1;\n  padding-bottom: 1rem;\n}\n:host .WACAlternateSuggestionsOptionsPanel__Icon {\n  background-color: currentcolor;\n  width: 24px;\n  height: 24px;\n  border-radius: 16px;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n:host .WACAlternateSuggestionsOptionsPanel__Icon svg {\n  fill: var(--cds-background, #ffffff);\n  width: 12px;\n  height: 12px;\n}\n:host .WACContainer--render[dir=rtl] .WACLocale-ar .WACAlternateSuggestionsOptionsPanel__Icon svg {\n  transform: scaleX(-1);\n}\n:host .WACAlternateSuggestionsOptionsPanel__Title {\n  flex: 1;\n  font-size: var(--cds-chat-BASE-font-size-large);\n  padding: 1rem 0.75rem;\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n}\n:host .WACAlternateSuggestionsOptionsPanel__Section {\n  padding: 2rem 1rem 0 1rem;\n}\n:host .WACAlternateSuggestionsOptionsPanel__Section:first-child {\n  padding-top: 1rem;\n}\n:host .WACAlternateSuggestionsOptionsPanel__SectionTitle {\n  display: flex;\n}\n:host .WACAlternateSuggestionsOptionsPanel__SectionTitleLabel {\n  color: var(--cds-text-secondary, #525252);\n  font-size: var(--cds-chat-BASE-font-size-small);\n}\n:host .WACAlternateSuggestionsOptionsPanel__SectionTitleDivider {\n  min-width: 100px;\n  margin: auto 0 auto 0.5rem;\n  flex: 1;\n  border-top: solid 1px var(--cds-border-subtle-01, #c6c6c6);\n}\n:host button.WACAlternateSuggestionsOptionsPanel__HeaderButton {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n  height: 32px;\n  min-height: unset;\n}\n:host button.WACAlternateSuggestionsOptionsPanel__HeaderButton svg {\n  fill: var(--cds-text-primary, #161616);\n  width: 20px;\n  height: 20px;\n}\n:host .WACAlternateSuggestionsOptionsPanel__ContactOption {\n  background-color: var(--cds-layer-01, #f4f4f4);\n  margin-top: 1rem;\n  border-radius: var(--cds-chat-BASE-border-radius-small);\n}\n:host .WACAlternateSuggestionsOptionsPanel__ContactOption button {\n  width: 100%;\n  border-radius: var(--cds-chat-BASE-border-radius-small);\n  max-inline-size: unset;\n  padding: 0;\n}\n:host .WACAlternateSuggestionsOptionsPanel__ContactOptionInner {\n  display: flex;\n  width: 100%;\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACAlternateSuggestionsOptionsPanel__ContactOptionInnerColor {\n  background-color: var(--cds-button-primary, #0f62fe);\n  width: 6px;\n  border-radius: var(--cds-chat-BASE-border-radius-small) 0 0 var(--cds-chat-BASE-border-radius-small);\n}\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsOptionsPanel__ContactOptionInnerColor {\n  border-radius: var(--cds-chat-BASE-border-radius-small) var(--cds-chat-BASE-border-radius-small) 0 0;\n}\n:host .WACAlternateSuggestionsOptionsPanel__ContactOptionInnerText {\n  flex: 1;\n  text-align: left;\n  padding: 1rem 1.5rem;\n  align-self: center;\n  font-size: var(--cds-chat-BASE-font-size-large);\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n}\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsOptionsPanel__ContactOptionInnerText {\n  text-align: right;\n}\n:host .WACAlternateSuggestionsOptionsPanel__ContactOptionInnerIcon {\n  margin-right: 1rem;\n  align-self: center;\n  width: 20px;\n  height: 20px;\n}\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsOptionsPanel__ContactOptionInnerIcon {\n  margin-right: 0;\n  margin-left: 1rem;\n}\n:host .WACAlternateSuggestionsOptionsPanel .WACSearchMessage {\n  padding: 1rem 0 0 0;\n  margin: 0;\n}\n:host .WACAlternateSuggestionsOptionsPanel__NoSearchResults {\n  border: dashed 1px var(--cds-border-inverse, #161616);\n  border-radius: var(--cds-chat-BASE-border-radius-small);\n  padding: 1rem;\n  margin-top: 1rem;\n  display: flex;\n  align-items: center;\n}\n:host .WACAlternateSuggestionsOptionsPanel__NoSearchResults div {\n  flex: 1;\n  font-size: var(--cds-chat-BASE-font-size-small);\n}\n:host .WACAlternateSuggestionsOptionsPanel__NoSearchResults svg {\n  margin-right: 1rem;\n  width: 24px;\n  height: 24px;\n}\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsOptionsPanel__NoSearchResults svg {\n  margin-right: 0;\n  margin-left: 1rem;\n}\n:host .WACAlternateSuggestionsOptionsPanel .WACSearchTileSkeleton:first-child {\n  margin-top: 1rem;\n}\n:host .WACAlternateSuggestionsOptionsPanel .WACSearchTileSkeleton {\n  padding: 1rem 1rem 0 1rem;\n}\n@supports (-webkit-line-clamp: 3) {\n  :host .WACAlternateSuggestionsOptionsPanel .WAC__searchResponseBody {\n    -webkit-line-clamp: 3;\n  }\n}\n@keyframes WACAnimAlternateSuggestionsOptionsPanel {\n  0% {\n    top: var(--cds-chat-Animate-Start-Position);\n    opacity: 0;\n    transform: scale(0.5, 0.5);\n  }\n  100% {\n    top: var(--cds-chat-Animate-End-Position);\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n}\n:host .WACInputAndCompletions {\n  position: relative;\n  width: 100%;\n}\n:host .WACInputCompletions {\n  position: absolute;\n  z-index: 0;\n  bottom: calc(100% - 8px);\n  width: 100%;\n  border-style: solid;\n  border-top-width: var(--cds-chat-BASE-border-width-small);\n  border-color: var(--cds-border-subtle-00) var(--cds-border-subtle-00) var(--cds-border-subtle-01) var(--cds-border-subtle-00);\n}\n:host .WACInputCompletions .cds--list-box__menu-item,\n:host .WACInputCompletions .cds--list-box__menu-item__option {\n  block-size: unset;\n}\n:host .WACInputCompletions .cds--list-box__menu-item__option {\n  text-overflow: unset;\n  word-break: break-word;\n  word-wrap: break-word;\n  white-space: unset;\n}\n:host .WACInputCompletions,\n:host .WACInputCompletions__Menu {\n  border-start-start-radius: var(--cds-chat-BASE-border-radius-med);\n  border-start-end-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget--maxWidth.WAC--wideWidth .WACInputCompletions {\n  border-width: var(--cds-chat-BASE-border-width-small) var(--cds-chat-BASE-border-width-small) 0 var(--cds-chat-BASE-border-width-small);\n}\n:host .WACInputCompletion--afterSelected .WACInputCompletions__MenuItem,\n:host .WACInputCompletion:hover {\n  border-color: transparent;\n}\n:host .WACInputCompletions__MenuItem {\n  display: flex;\n  align-items: center;\n  min-height: 50px;\n}\n:host .WACInputCompletions__MenuItemLabel {\n  padding-inline-end: 0.5rem;\n}\n:host .WACInputCompletions__MenuItemTag {\n  flex: none;\n  align-self: baseline;\n}\n:host .WACInputCompletions .WACInputCompletions__Menu {\n  position: relative;\n  display: block;\n  box-shadow: none;\n  max-height: 200px;\n  background-color: var(--cds-chat-prompt-background);\n  margin-bottom: 8px;\n}\n:host .WACInputCompletion--selected {\n  background-color: var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .WACInputContainer {\n  background-color: var(--cds-chat-prompt-background);\n  border-top: var(--cds-chat-BASE-border-width-small) solid var(--cds-border-subtle-00);\n  outline: var(--cds-chat-BASE-border-width-med) solid transparent;\n  outline-offset: -2px;\n  color: var(--cds-text-primary, #161616);\n  min-height: 0;\n  position: relative;\n  width: 100%;\n  display: flex;\n  padding-block: 0.75rem;\n  padding-inline: 1rem 0.5rem;\n  align-items: center;\n  z-index: 1;\n}\n:host .WACWidget--maxWidth.WAC--wideWidth .WACInputContainer {\n  border: var(--cds-chat-BASE-border-width-small) solid var(--cds-border-subtle-00);\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n  margin-bottom: 32px;\n}\n:host .WAC--aiTheme .WACInputContainer {\n  background: linear-gradient(to bottom, var(--cds-chat-prompt-background), var(--cds-chat-prompt-background)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00), var(--cds-chat-prompt-background)) border-box;\n  border: var(--cds-chat-BASE-border-width-small) solid transparent;\n}\n:host .WACInputContainer--showUploadButton {\n  padding-inline-start: 0.5rem;\n}\n:host .WACInputContainer__TextAndUpload {\n  display: flex;\n  align-items: center;\n}\n:host .WACInputContainer__TextAndUpload > *:not(:last-child),\n:host .WACInputContainer > *:not(:last-child) {\n  margin-inline-end: 0.5rem;\n}\n:host .WACInputContainer__FilesContainer {\n  max-height: 200px;\n  overflow: auto;\n  margin-top: 0.5rem;\n}\n:host .WACInputContainer__UploadButtonContainer {\n  display: inline-block;\n  vertical-align: top;\n  width: 32px;\n}\n:host .WACInputContainer .WACInputContainer__UploadButton {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--cds-text-primary, #161616);\n  cursor: pointer;\n}\n:host .WACInputContainer .cds--file__selected-file {\n  background-color: var(--cds-field-02, #ffffff);\n}\n:host .WACInputContainer .cds--file__selected-file .cds--popover {\n  display: none;\n}\n:host .WACInputContainer__UploadInput:focus + .WACInputContainer__UploadButton {\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-focus, #0f62fe);\n}\n:host .WACInputContainer__UploadButton:hover {\n  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .WACInputContainer__UploadButton:active {\n  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .WACInputContainer .WACInputContainer__UploadButton--disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n:host label.WACInputContainer__UploadButton--disabled:hover {\n  background-color: transparent;\n}\n:host .WACInputContainer__LeftContainer {\n  position: relative;\n  height: 100%;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n}\n:host .WACInputContainer--hasFocus {\n  outline-color: var(--cds-focus, #0f62fe);\n}\n:host .WACInputContainer--error {\n  outline-color: var(--cds-support-error, #da1e28);\n}\n:host .WACInputContainer .WACInputContainer__LeftContainer .WAC__TextArea .WAC__TextArea-textarea {\n  border: none;\n}\n:host .WACBotContainer .WACInputContainer {\n  display: flex;\n}\n:host .WACInputContainer .WAC__TextArea {\n  display: inline-block;\n  width: 100%;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n  min-height: 0;\n  overflow: hidden;\n}\n:host .WACInputContainer--showUploadButton .WAC__TextArea {\n  width: calc(100% - 32px);\n}\n:host .WACInputContainer .WAC__TextArea textarea.WAC__TextArea-textarea {\n  margin: 0;\n  background: transparent;\n  resize: none;\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACInputContainer .WAC__TextArea .WAC__TextArea-textarea,\n:host .WACInputContainer .WAC__TextArea .WAC__TextArea-sizer {\n  max-height: 157px;\n}\n:host .WACInputContainer .WAC__TextArea .WAC__TextArea-textarea::placeholder {\n  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  font-family: inherit;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host button.WACInputContainer__SendButton svg {\n  cursor: inherit;\n}\n:host button.WACInputContainer__SendButton:enabled svg,\n:host button.WACInputContainer__SendButton:active svg,\n:host button.WACInputContainer__SendButton:focus svg,\n:host button.WACInputContainer__SendButton:active:focus svg {\n  fill: var(--cds-interactive, #0f62fe);\n}\n:host button.WACInputContainer__SendButton:disabled:hover svg,\n:host button.WACInputContainer__SendButton:disabled svg {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .WACContainer--render[dir=rtl] .WACInputContainer__SendButton svg {\n  transform: scale(-1, 1);\n}\n:host .WACInputContainer__SendButton svg {\n  width: 1rem;\n  height: 1rem;\n}\n:host .WACLauncher__ButtonContainer {\n  animation: WACLauncherIn 150ms cubic-bezier(0, 0, 0.3, 1) both;\n  background-color: #ffffff;\n  /* Launcher positioning should probably be handled by remote config not CSS. */\n  bottom: var(--cds-chat-LAUNCHER-position-bottom);\n  border-radius: var(--cds-chat-BASE-border-radius-xsmall);\n  position: fixed;\n  /* Launcher positioning should probably be handled by remote config not CSS. */\n  right: var(--cds-chat-LAUNCHER-position-bottom);\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n  z-index: var(--cds-chat-BASE-z-index);\n}\n:host .WACContainer--render[dir=rtl] .WACLauncher__ButtonContainer {\n  left: var(--cds-chat-LAUNCHER-position-bottom);\n  right: unset;\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--hidden {\n  /* Using display:none causes the entrance animation to replay */\n  visibility: hidden;\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round {\n  border-radius: 28px;\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button {\n  border-radius: 28px;\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton) {\n  transition: unset;\n  background-color: var(--cds-chat-LAUNCHER-color-background);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton):focus {\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-chat-LAUNCHER-color-focus-border);\n  border-width: var(--cds-chat-BASE-border-width-large);\n  border-color: var(--cds-chat-LAUNCHER-color-background);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton):hover {\n  background-color: var(--cds-chat-LAUNCHER-color-background-hover);\n  border-color: var(--cds-chat-LAUNCHER-color-background-hover);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton):active {\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-chat-LAUNCHER-color-focus-border);\n  border-width: var(--cds-chat-BASE-border-width-large);\n  background-color: var(--cds-chat-LAUNCHER-color-background-active);\n  border-color: var(--cds-chat-LAUNCHER-color-background-active);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__TourButton {\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-icon-primary, #161616);\n  border: var(--cds-chat-BASE-border-width-large) solid transparent;\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__TourButton:focus {\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-focus, #0f62fe);\n  border-width: var(--cds-chat-BASE-border-width-large);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__TourButton:active {\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-focus, #0f62fe);\n  border-width: var(--cds-chat-BASE-border-width-large);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__TourButton:focus .WACLauncher__svg,\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__TourButton:active .WACLauncher__svg {\n  fill: var(--cds-focus, #0f62fe);\n}\n:host .WACContainer--render[dir=rtl] .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__TourButton .WACLauncher__svg {\n  transform: scaleX(-1);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button .WAC__countIndicator {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: calc(-1 * 0.125rem);\n  right: calc(-1 * 0.125rem);\n  min-width: 20px;\n  min-height: 20px;\n  border-radius: 10px;\n  background-color: var(--cds-chat-UNREAD-INDICATOR-color-background);\n  color: var(--cds-chat-UNREAD-INDICATOR-color-text);\n  font-size: var(--cds-chat-BASE-font-size-small);\n  line-height: 14px;\n  padding: 0 4px;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button .WAC__countIndicator {\n  right: unset;\n  left: calc(-1 * 0.125rem);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--noAnimation {\n  animation: none;\n}\n:host button.WACLauncher__Button {\n  position: static;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border-radius: var(--cds-chat-BASE-border-radius-xsmall);\n  height: var(--cds-chat-LAUNCHER-default-size);\n  width: var(--cds-chat-LAUNCHER-default-size);\n  transition: background 250ms ease-in-out, transform 150ms ease;\n  background-color: var(--cds-chat-LAUNCHER-color-background);\n}\n:host button.WACLauncher__Button:focus {\n  border-width: var(--cds-chat-BASE-border-width-large);\n}\n:host button.WACLauncher__Button svg {\n  width: 24px;\n  height: 24px;\n}\n:host .WACLauncher__svg {\n  fill: currentcolor;\n}\n:host .WACLauncher__Avatar {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  user-select: none;\n}\n:host .WACLauncher__Button .WAC__countIndicator {\n  top: calc(-1 * 0.25rem);\n  right: calc(-1 * 0.25rem);\n  box-shadow: 1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n}\n:host .WACContainer--render[dir=rtl] .WACLauncher__Button .WAC__countIndicator {\n  right: unset;\n  left: calc(-1 * 0.25rem);\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--bounceAnimation {\n  animation: WACLauncherBounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n@keyframes WACLauncherBounce {\n  0% {\n    transform: translateY(0);\n  }\n  30% {\n    transform: translateY(-10px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  70% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n:host .WACLauncherComplex__Container .WACLauncherComplex__Text {\n  color: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-text);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  white-space: normal;\n  text-align: left;\n  word-break: break-word;\n  overflow-wrap: break-word;\n  visibility: visible;\n  opacity: 0;\n  margin: 1rem;\n  font-size: 20px;\n  line-height: 1.4;\n  letter-spacing: 0;\n  -webkit-line-clamp: 3;\n}\n:host .WACLauncherComplex__Container {\n  max-width: 270px;\n  border-radius: 0.75rem;\n  right: 4rem;\n  bottom: calc(1rem + var(--cds-chat-LAUNCHER-default-size) + var(--cds-chat-LAUNCHER-position-bottom) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n  background: transparent;\n  box-shadow: none;\n  animation: none;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container {\n  left: 4rem;\n  right: unset;\n}\n:host .WACLauncherComplex__Container .WACLauncherComplex__ContentButton {\n  background: transparent;\n  padding: 0;\n  border: var(--cds-chat-BASE-border-width-large) solid transparent;\n  border-radius: 0.75rem;\n  box-shadow: none;\n  min-width: 10rem;\n}\n:host .WACLauncherComplex__Container .WACLauncherComplex__ContentButton:enabled:focus {\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-focus-border);\n  border-color: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background);\n  border-width: var(--cds-chat-BASE-border-width-large);\n  outline: none;\n}\n:host .WACLauncherComplex__Container .WACLauncherComplex__ContentButton:enabled:hover {\n  cursor: pointer;\n  background-color: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background-hover);\n  border-color: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background-hover);\n}\n:host .WACLauncherComplex__Container .WACLauncherComplex__ContentButton:enabled:active {\n  background: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background-active);\n  box-shadow: inset 0 0 0 var(--cds-chat-BASE-border-width-med) var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-focus-border);\n  border-width: var(--cds-chat-BASE-border-width-large);\n  border-color: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background-active);\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container .WACLauncherComplex__Text {\n  text-align: right;\n}\n:host .WACLauncherComplex__Container .WACLauncher__CloseButton {\n  position: absolute;\n  right: 0;\n  top: calc((1.5rem + 0.5rem) * -1);\n  box-shadow: 1px 0 2px rgba(23, 23, 23, 0.3);\n  border: var(--cds-chat-BASE-border-width-small) solid transparent;\n  padding: 3px 7px 3px 3px;\n  margin: 0;\n  font-size: var(--cds-chat-BASE-font-size-small);\n  line-height: var(--cds-chat-BASE-line-height-small);\n  opacity: 0;\n}\n:host .WACLauncherComplex__Container .WACLauncher__CloseButton:enabled:focus {\n  border-color: var(--cds-focus, #0f62fe);\n  outline: none;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container .WACLauncher__CloseButton {\n  left: 0;\n  right: unset;\n  padding: 3px 3px 3px 7px;\n}\n:host .WACLauncherComplex__Container .WACLauncher__CloseButtonInnerWrapper {\n  display: flex;\n}\n:host .WACLauncherComplex__Container .WACLauncher__CloseButton .WACLauncher__CloseButtonIcon {\n  margin-right: 0.25rem;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container .WACLauncher__CloseButton .WACLauncher__CloseButtonIcon {\n  margin-left: 0.25rem;\n  margin-right: unset;\n}\n:host button.WACLauncher__Button:not(.WACLauncher__TourButton) {\n  background-color: transparent;\n}\n:host button.WACLauncher__Button:not(.WACLauncher__TourButton) svg {\n  fill: var(--cds-chat-LAUNCHER-color-avatar);\n}\n:host .WACLauncherComplex__Container--introAnimation {\n  animation: 700ms WACAnimLauncherComplex__FadeInSlideUp forwards;\n}\n:host .WACLauncherComplex__Container--introAnimation .WACLauncher__Avatar {\n  animation: 700ms WACAnimLauncherComplex__AvatarResize forwards;\n}\n:host .WACLauncherComplex__Container--introAnimation .WACLauncherComplex__Text {\n  animation: 700ms WACAnimLauncherComplex__FadeInText forwards;\n}\n:host .WACLauncherComplex__Container--introAnimation .WACLauncherComplex__SmallLauncherContainer,\n:host .WACLauncherComplex__Container--introAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  animation: 700ms WACAnimLauncherComplex__SmallLauncherResizeReposition forwards;\n}\n:host .WACLauncherComplex__Container--introAnimation .WACLauncher__CloseButton {\n  animation: 700ms WACAnimLauncherComplex__FadeInCloseButton forwards;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container--introAnimation .WACLauncherComplex__SmallLauncherContainer,\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container--introAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  animation: 700ms WACAnimLauncherComplex__SmallLauncherResizeRepositionRTL forwards;\n}\n@keyframes WACAnimLauncherComplex__FadeInSlideUp {\n  0% {\n    bottom: calc(1rem + var(--cds-chat-LAUNCHER-default-size) + var(--cds-chat-LAUNCHER-position-bottom) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n    background: transparent;\n    box-shadow: none;\n  }\n  30% {\n    background: transparent;\n    box-shadow: none;\n  }\n  100% {\n    bottom: 4rem;\n    box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n    background: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background);\n  }\n}\n@keyframes WACAnimLauncherComplex__FadeInText {\n  0% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes WACAnimLauncherComplex__SmallLauncherResizeReposition {\n  0% {\n    right: var(--cds-chat-LAUNCHER-position-right);\n    bottom: var(--cds-chat-LAUNCHER-position-bottom);\n    height: var(--cds-chat-LAUNCHER-default-size);\n    width: var(--cds-chat-LAUNCHER-default-size);\n    border-radius: 28px;\n    padding: 0;\n  }\n  100% {\n    right: calc(-1 * 5rem);\n    bottom: calc(-1 * 5rem);\n    height: 10rem;\n    width: 10rem;\n    border-radius: 5rem;\n    padding: 0 60px 60px 0;\n  }\n}\n@keyframes WACAnimLauncherComplex__SmallLauncherResizeRepositionRTL {\n  0% {\n    left: var(--cds-chat-LAUNCHER-position-right);\n    bottom: var(--cds-chat-LAUNCHER-position-bottom);\n    height: var(--cds-chat-LAUNCHER-default-size);\n    width: var(--cds-chat-LAUNCHER-default-size);\n    border-radius: 28px;\n    padding: 0;\n  }\n  100% {\n    left: calc(-1 * 5rem);\n    bottom: calc(-1 * 5rem);\n    height: 10rem;\n    width: 10rem;\n    border-radius: 5rem;\n    padding: 0 0 60px 60px;\n  }\n}\n@keyframes WACAnimLauncherComplex__FadeInCloseButton {\n  0% {\n    opacity: 0;\n  }\n  80% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host .WACLauncherComplex__Container--simpleAnimation {\n  animation: 150ms WACAnimLauncherComplex__FadeInSlideUp forwards;\n}\n:host .WACLauncherComplex__Container--simpleAnimation .WACLauncher__Avatar {\n  animation: 150ms WACAnimLauncherComplex__AvatarResize forwards;\n}\n:host .WACLauncherComplex__Container--simpleAnimation .WACLauncherComplex__Text {\n  animation: 150ms WACAnimLauncherComplex__FadeInText forwards;\n}\n:host .WACLauncherComplex__Container--simpleAnimation .WACLauncherComplex__SmallLauncherContainer,\n:host .WACLauncherComplex__Container--simpleAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  right: calc(-1 * 5rem);\n  height: 10rem;\n  width: 10rem;\n  border-radius: 5rem;\n  padding: 0 60px 60px 0;\n  animation: 150ms WACAnimLauncherComplex__FadeInSlideUpSmallExpandedLauncher forwards;\n}\n:host .WACLauncherComplex__Container--simpleAnimation .WACLauncher__CloseButton {\n  animation: 150ms WACAnimLauncherComplex__FadeInCloseButton forwards;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container--simpleAnimation .WACLauncherComplex__SmallLauncherContainer,\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container--simpleAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  right: unset;\n  left: calc(-1 * 5rem);\n  padding: 0 0 60px 60px;\n}\n@keyframes WACAnimLauncherComplex__AvatarResize {\n  0% {\n    height: 32px;\n    width: 32px;\n  }\n  100% {\n    height: 48px;\n    width: 48px;\n  }\n}\n@keyframes WACAnimLauncherComplex__FadeInSlideUpSmallExpandedLauncher {\n  0% {\n    bottom: -160px;\n    opacity: 0;\n  }\n  30% {\n    opacity: 0;\n  }\n  100% {\n    bottom: calc(-1 * 5rem);\n    opacity: 1;\n  }\n}\n:host .WACLauncherComplex__Container--toolingPreview {\n  bottom: 4rem;\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n  background: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background);\n}\n:host .WACLauncherComplex__Container--toolingPreview .WACLauncherComplex__Text {\n  opacity: 1;\n}\n:host .WACLauncherComplex__Container--toolingPreview .WACLauncherComplex__SmallLauncherContainer,\n:host .WACLauncherComplex__Container--toolingPreview .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  right: calc(-1 * 5rem);\n  bottom: calc(-1 * 5rem);\n  height: 10rem;\n  width: 10rem;\n  border-radius: 5rem;\n  padding: 0 60px 60px 0;\n  animation: unset;\n}\n:host .WACLauncherComplex__Container--toolingPreview .WACLauncher__CloseButton {\n  opacity: 1;\n}\n:host .WACLauncherComplex__Container--closeAnimation {\n  animation: 400ms WACAnimLauncherComplex__FadeOutSlideDown forwards;\n}\n:host .WACLauncherComplex__Container--closeAnimation .WACLauncher__Avatar {\n  animation: 400ms WACAnimLauncherComplex__AvatarResize backwards;\n}\n:host .WACLauncherComplex__Container--closeAnimation .WACLauncherComplex__Text,\n:host .WACLauncherComplex__Container--closeAnimation .WACLauncher__CloseButton {\n  animation: 400ms WACAnimLauncherComplex__FadeOut forwards;\n}\n:host .WACLauncherComplex__Container--closeAnimation .WACLauncherComplex__SmallLauncherContainer,\n:host .WACLauncherComplex__Container--closeAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  animation: 400ms WACAnimLauncherComplex__SmallLauncherDefaultSizePosition forwards;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container--closeAnimation .WACLauncherComplex__SmallLauncherContainer,\n:host .WACContainer--render[dir=rtl] .WACLauncherComplex__Container--closeAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button {\n  animation: 700ms WACAnimLauncherComplex__SmallLauncherDefaultSizePositionRTL forwards;\n}\n@keyframes WACAnimLauncherComplex__FadeOutSlideDown {\n  0% {\n    bottom: 4rem;\n    background: var(--cds-chat-LAUNCHER-EXPANDED-MESSAGE-color-background);\n    box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n  }\n  40% {\n    background: transparent;\n    box-shadow: none;\n  }\n  100% {\n    bottom: calc(1rem + var(--cds-chat-LAUNCHER-default-size) + var(--cds-chat-LAUNCHER-position-bottom) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n    background: transparent;\n    box-shadow: none;\n  }\n}\n@keyframes WACAnimLauncherComplex__FadeOut {\n  0% {\n    opacity: 1;\n  }\n  40% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes WACAnimLauncherComplex__SmallLauncherDefaultSizePosition {\n  0% {\n    right: calc(-1 * 5rem);\n    bottom: calc(-1 * 5rem);\n    height: 10rem;\n    width: 10rem;\n    border-radius: 5rem;\n    padding: 0 60px 60px 0;\n  }\n  100% {\n    right: var(--cds-chat-LAUNCHER-position-right);\n    bottom: var(--cds-chat-LAUNCHER-position-bottom);\n    height: var(--cds-chat-LAUNCHER-default-size);\n    width: var(--cds-chat-LAUNCHER-default-size);\n    border-radius: 28px;\n    padding: 0;\n  }\n}\n@keyframes WACAnimLauncherComplex__SmallLauncherDefaultSizePositionRTL {\n  0% {\n    left: calc(-1 * 5rem);\n    bottom: calc(-1 * 5rem);\n    height: 10rem;\n    width: 10rem;\n    border-radius: 5rem;\n    padding: 0 0 60px 60px;\n  }\n  100% {\n    left: var(--cds-chat-LAUNCHER-position-right);\n    bottom: var(--cds-chat-LAUNCHER-position-bottom);\n    height: var(--cds-chat-LAUNCHER-default-size);\n    width: var(--cds-chat-LAUNCHER-default-size);\n    border-radius: 28px;\n    padding: 0;\n  }\n}\n:host .WACLauncherExtended__Container {\n  height: var(--cds-chat-LAUNCHER-default-size);\n  width: var(--cds-chat-LAUNCHER-default-size);\n}\n:host button.WACLauncherExtended__Button {\n  padding: 0;\n  cursor: pointer;\n  border-width: var(--cds-chat-BASE-border-width-large);\n  height: 100%;\n  width: 100%;\n}\n:host .WACLauncherExtended__Button--hidden {\n  visibility: hidden;\n}\n:host .WACLauncherExtended__WrapperContainer {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host .WACLauncherExtended__Wrapper {\n  position: absolute;\n  right: 0;\n  display: flex;\n  max-width: calc(100vw - var(--cds-chat-LAUNCHER-position-bottom) - 6px);\n  width: calc(var(--cds-chat--LAUNCHER-EXTENDED-width) - 6px);\n}\n:host .WACLauncherExtended__TextHolder {\n  position: relative;\n  flex: 1;\n  padding: 0.75rem 0 0.75rem 0.75rem;\n  text-align: left;\n}\n:host .WACLauncherExtended__Greeting {\n  position: absolute;\n  bottom: 0;\n  height: 100%;\n  width: calc(100% - 12px);\n  display: flex;\n  align-items: center;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n  line-height: var(--cds-chat-BASE-line-height-small);\n  word-break: break-word;\n  color: var(--cds-chat-LAUNCHER-MOBILE-color-text);\n}\n:host .WAC-isPhone .WACLauncherExtended__Greeting {\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACLauncherExtended__GreetingText {\n  display: -webkit-box;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n:host .WACLauncherExtended__Button .WACLauncher__IconHolder {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(var(--cds-chat-LAUNCHER-default-size) - var(--cds-chat-BASE-border-width-large) * 2);\n  height: calc(var(--cds-chat-LAUNCHER-default-size) - var(--cds-chat-BASE-border-width-large) * 2);\n}\n:host .WACLauncherExtended__Button .WACLauncher__IconHolder svg {\n  position: absolute;\n  width: 24px;\n  height: 24px;\n}\n:host .WACLauncherExtended__Button .WACLauncherExtended__Element--hidden {\n  display: none;\n}\n:host .WACLauncherExtended__Button .WACLauncherExtended__Element--FadeOut {\n  animation: WACLauncherExtendedElementFadeOut 0.5s ease-out 0.4s both;\n}\n:host .WACLauncherExtended__Button .WACLauncherExtended__Element--FadeIn {\n  animation: WACLauncherExtendedElementFadeIn 0.5s ease-out 0.4s both;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--extended {\n  width: var(--cds-chat--LAUNCHER-EXTENDED-width);\n  border-radius: 14px;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--extended button.WACLauncherExtended__Button {\n  border-radius: 14px;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--extended .WACLauncher__svg {\n  width: 24px;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--extendedAnimation {\n  animation: WACLauncherExtend 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both, WACLauncherPartiallyRound 0.3s ease-in 0.5s both;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--extendedAnimation button.WACLauncherExtended__Button {\n  animation: WACLauncherPartiallyRound 0.3s ease-in 0.5s both;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--extendedAnimation .WACLauncher__svg {\n  animation: WACLauncherIconTo24 0.3s ease-out 0.5s both;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--reducedAnimation {\n  animation: WACLauncherReduce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both, WACLauncherCompletelyRound 0.3s ease-out 0.5s both;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--reducedAnimation button.WACLauncherExtended__Button {\n  animation: WACLauncherCompletelyRound 0.3s ease-out 0.5s both;\n}\n:host .WACLauncher__ButtonContainer.WACLauncherExtended__Button--reducedAnimation .WACLauncher__svg {\n  animation: WACLauncherIconTo32 0.3s ease-out 0.5s both;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherExtended__Container .WACLauncherExtended__Wrapper {\n  right: unset;\n  left: 0;\n}\n:host .WACContainer--render[dir=rtl] .WACLauncherExtended__Container .WACLauncherExtended__TextHolder {\n  padding: 0.75rem 0.75rem 0.75rem 0;\n}\n@keyframes WACLauncherIconTo32 {\n  0% {\n    width: 24px;\n  }\n  100% {\n    width: 32px;\n  }\n}\n@keyframes WACLauncherIconTo24 {\n  0% {\n    width: 32px;\n  }\n  100% {\n    width: 24px;\n  }\n}\n@keyframes WACLauncherPartiallyRound {\n  0% {\n    border-radius: 28px;\n  }\n  100% {\n    border-radius: 14px;\n  }\n}\n@keyframes WACLauncherCompletelyRound {\n  0% {\n    border-radius: 14px;\n  }\n  100% {\n    border-radius: 28px;\n  }\n}\n@keyframes WACLauncherExtend {\n  0% {\n    width: var(--cds-chat-LAUNCHER-default-size);\n  }\n  100% {\n    width: var(--cds-chat--LAUNCHER-EXTENDED-width);\n  }\n}\n@keyframes WACLauncherReduce {\n  0% {\n    width: var(--cds-chat--LAUNCHER-EXTENDED-width);\n  }\n  100% {\n    width: var(--cds-chat-LAUNCHER-default-size);\n  }\n}\n@keyframes WACLauncherExtendedElementFadeIn {\n  0% {\n    bottom: -12px;\n    opacity: 0;\n  }\n  50%, 100% {\n    bottom: 0;\n    opacity: 1;\n  }\n}\n@keyframes WACLauncherExtendedElementFadeOut {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  50%, 100% {\n    top: -12px;\n    opacity: 0;\n  }\n}\n:host .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--toolingPreview button:enabled {\n  pointer-events: none;\n}\n:host .WACConfirmModal {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n  z-index: 100;\n}\n:host .WACConfirmModal .WACConfirmModal__container {\n  background-color: var(--cds-background, #ffffff);\n  margin: 1.5rem;\n}\n:host .WACConfirmModal .WACConfirmModal__title {\n  font-size: var(--cds-chat-BASE-font-size-xlarge);\n  padding: 1rem;\n}\n:host .WACConfirmModal .WACConfirmModal__message {\n  padding: 0 1rem 3rem 1rem;\n}\n:host .WACConfirmModal .WACConfirmModal__NoButton {\n  margin-right: 1px;\n}\n:host .WACConfirmModal .WACConfirmModal__buttonContainer {\n  border-top: solid 1px var(--cds-layer-03, #f4f4f4);\n  display: flex;\n}\n:host .WACContainer--render[dir=rtl] .WACConfirmModal__buttonContainer .cds--btn--md:not(.cds--btn--danger--ghost, .cds--btn--icon-only),\n:host .WACConfirmModal .WACConfirmModal__buttonContainer .cds--btn {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n:host .WACConfirmModal .WACConfirmModal__buttonContainer * {\n  flex: 1;\n}\n:host .WAC--wideWidth .WACConfirmModal .WACConfirmModal__container {\n  margin: auto;\n  max-width: calc(672px - 1rem * 2);\n}\n:host .WACNotifications {\n  position: absolute;\n  top: 1rem;\n  z-index: 2;\n  display: block;\n  padding: 0 1rem 0 1rem;\n  width: calc(100% - var(--cds-chat-scrollbar-width));\n  overflow-y: auto;\n}\n:host .WACNotifications__Notification {\n  display: block;\n  margin-bottom: 1rem;\n  width: 100%;\n}\n:host .WACNotifications__Notification .cds--actionable-notification {\n  display: block;\n  max-inline-size: unset;\n}\n:host .WACNotifications__Notification .cds--toast-notification {\n  inline-size: 100%;\n}\n:host .WACConnectToAgent {\n  max-width: 424px;\n}\n:host .WACConnectToAgent__Title {\n  font-size: var(--cds-chat-BASE-font-size-large);\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n  padding-bottom: 0.25rem;\n  width: 100%;\n}\n:host .WACConnectToAgent__Text {\n  padding-bottom: 1.5rem;\n}\n:host .WACConnectToAgent__Text p,\n:host .WACConnectToAgent__Text {\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACConnectToAgent__RequestButton {\n  display: flex;\n}\n:host .WACConnectToAgent__RequestButton svg {\n  margin-left: 2rem;\n}\n:host .WACContainer--render[dir=rtl] .WACConnectToAgent__RequestButton svg {\n  margin-left: 0;\n  margin-right: 2rem;\n  transform: scaleX(-1);\n}\n:host .WACConnectToAgent__Warning {\n  margin-top: 0;\n}\n:host .WAC__message .WACConnectToAgent__Warning a,\n:host .WAC__message .WACConnectToAgent__Warning a:visited {\n  color: var(--cds-link-inverse, #78a9ff);\n}\n:host .WACConnectToAgent__SuspendedWarning {\n  padding-top: 0.75rem;\n  color: var(--cds-support-error, #da1e28);\n}\n:host .WACCardMessageComponent {\n  overflow: hidden;\n}\n:host .WACCardMessageComponent.cds--tile {\n  padding: 0;\n  min-height: unset;\n}\n@font-face {\n  font-family: \"swiper-icons\";\n  src: url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n}\n:host :root {\n  --swiper-theme-color: #007aff;\n  /*\n  --swiper-preloader-color: var(--swiper-theme-color);\n  --swiper-wrapper-transition-timing-function: initial;\n  */\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  /* Fix of Webkit flickering */\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 .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 .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 .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none; /* For Firefox */\n  -ms-overflow-style: none; /* For Internet Explorer and Edge */\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n  scroll-snap-type: none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before {\n  content: \"\";\n  flex-shrink: 0;\n  order: 9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n  scroll-snap-stop: always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-inline-start: var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-block-start: var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n:host .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 button.WACCarouselContainer__NavigationButton,\n:host .WACCarouselContainer__BulletContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n:host .WACCarouselContainer__Navigation .cds--btn.WACCarouselContainer__NavigationButton {\n  min-height: unset;\n  min-width: unset;\n  padding: unset;\n}\n:host .WACCarouselContainer__Controls {\n  color: var(--cds-text-secondary, #525252);\n  display: flex;\n  align-items: center;\n  column-gap: 0.5rem;\n}\n:host .WACCarouselContainer__Navigation {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  max-width: 424px;\n  width: 100%;\n}\n:host button.cds--btn.cds--btn.cds--btn.WACCarouselContainer__NavigationButton {\n  color: currentcolor;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n}\n:host button.cds--btn.cds--btn.cds--btn.WACCarouselContainer__NavigationButton:first-of-type {\n  margin-inline-end: 0.5rem;\n}\n:host button.cds--btn.cds--btn.cds--btn.WACCarouselContainer__NavigationButton:last-of-type {\n  margin-inline-start: 0.5rem;\n}\n:host button.WACCarouselContainer__NavigationButton > svg {\n  fill: var(--cds-text-secondary, #525252);\n}\n:host .swiper .WACCardMessageComponent {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n:host .swiper .WACBodyMessageComponents {\n  flex: 1;\n}\n:host .WACCarouselContainer__Slide--narrow.swiper-slide {\n  max-width: calc(100% - 32px);\n}\n:host .WACCarouselContainer__Slide--wide.swiper-slide,\n:host .WACCarouselContainer__Slide--standard.swiper-slide {\n  max-width: calc(100% - 72px);\n}\n:host .WACCarouselContainer__Controls--standard,\n:host .WACCarouselContainer__Controls--wide {\n  padding-top: 0.5rem;\n  padding-inline: 56px 16px;\n}\n:host .WACCarouselContainer__Slide--narrow {\n  padding-top: 0.5rem;\n  padding-inline: 16px;\n}\n:host .WACCarouselContainer--oneSlide {\n  max-width: 424px;\n}\n:host .swiper {\n  width: 100%;\n}\n:host .swiper,\n:host .swiper-wrapper {\n  z-index: unset;\n}\n:host .swiper-wrapper {\n  align-items: stretch;\n  height: unset;\n}\n:host .swiper-wrapper .swiper-slide {\n  height: unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > * {\n  max-width: 424px;\n}\n:host .WACConversationalSearch__Citation {\n  margin-bottom: 0.5rem;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACConversationalSearch__CitationText {\n  color: var(--cds-text-secondary, #525252);\n  padding: 0.25rem 0.5rem 0 1rem;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACConversationalSearch_Disclaimer {\n  display: flex;\n  align-items: center;\n  padding-top: 1rem;\n  font-size: var(--cds-chat-BASE-font-size-small);\n  color: var(--cds-text-secondary, #525252);\n}\n:host .WACConversationalSearch_DisclaimerAI {\n  display: flex;\n  width: 16px;\n  height: 16px;\n  justify-content: center;\n  border: solid 1px currentcolor;\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n  line-height: 14px;\n  font-size: 9px;\n  font-family: \"IBM Plex Sans\", \"Helvetica Neue\", Arial, sans-serif;\n}\n:host .WACConversationalSearch_DisclaimerText {\n  padding: 0 0.5rem;\n}\n:host .WACConversationalSearch_Citations {\n  padding-top: 16px;\n  animation: 400ms cubic-bezier(0, 0, 0.3, 1) WACFadeIn both;\n}\n:host .WACConversationalSearch_Citations .swiper-slide {\n  height: unset;\n}\n:host .WACConversationalSearch .WACCarouselContainer__Controls {\n  padding-bottom: 0;\n}\n:host .WACConversationalSearch .WAC__inlineError,\n:host .WACStreamingRichText .WAC__inlineError {\n  padding-top: 0.5rem;\n}\n:host .WAC--standardWidth .WACConversationalSearch .WACCarouselContainer--oneSlide,\n:host .WAC--wideWidth .WACConversationalSearch .WACCarouselContainer--oneSlide,\n:host .WAC--wideWidth .WACConversationalSearch_Disclaimer,\n:host .WAC--standardWidth .WACConversationalSearch_Disclaimer {\n  margin-inline: 56px 16px;\n}\n:host .WAC--narrowWidth .WACConversationalSearch .WACCarouselContainer--oneSlide,\n:host .WAC--narrowWidth .WACConversationalSearch_Disclaimer {\n  margin-inline: 16px;\n}\n:host .WAC__received--conversationalSearch .WAC__received--feedback,\n:host .WAC--wideWidth .WACConversationalSearchText,\n:host .WAC--standardWidth .WACConversationalSearchText {\n  margin-inline: 56px 16px;\n}\n:host .WAC--narrowWidth .WAC__received--conversationalSearch .WAC__received--feedback,\n:host .WAC--narrowWidth .WACConversationalSearchText {\n  margin-inline-start: 16px;\n}\n:host .WACConversationalSearchText--hasCitation {\n  background-color: var(--cds-highlight, #d0e2ff);\n  border-radius: 4px;\n}\n:host .WACConversationalSearchText__CitationsToggleContainer--block {\n  padding-top: 0.25rem;\n  display: block;\n}\n:host .WACConversationalSearchText__CitationsToggle .cds--tag .cds--tag__custom-icon {\n  margin: 0;\n}\n:host .WACConversationalSearchText__CitationsToggle .cds--tag {\n  margin: 0;\n  padding-inline-start: 0.5rem;\n  min-block-size: 20px;\n}\n:host .WACContainer--render[dir=rtl] .WACConversationalSearchText__Segment:nth-last-child(1 of .WACConversationalSearchText__Segment) {\n  margin-right: 0;\n  margin-left: 0.25rem;\n}\n:host .WACDatePicker__CalendarContainer {\n  position: relative;\n  width: 100%;\n  top: 2px;\n}\n:host .WACDatePicker__ConfirmButton {\n  display: block;\n  margin-top: 0.75rem;\n  margin-left: auto;\n}\n:host .WACDatePicker .flatpickr-calendar {\n  position: unset;\n}\n:host .WACDatePicker .cds--date-picker__input:disabled ~ .cds--date-picker__icon {\n  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .WAC--narrowWidth,\n:host .WAC--standardWidth {\n  /* We have to manually force the date picker to fill the space it's in. */\n}\n:host .WAC--narrowWidth .WACDatePicker .cds--date-picker,\n:host .WAC--narrowWidth .WACDatePicker .cds--date-picker-container,\n:host .WAC--narrowWidth .WACDatePicker .cds--date-picker-input__wrapper,\n:host .WAC--narrowWidth .WACDatePicker .cds--date-picker-input__wrapper > span,\n:host .WAC--narrowWidth .WACDatePicker .cds--date-picker .cds--date-picker__input,\n:host .WAC--narrowWidth .WACDatePicker .flatpickr-calendar.animate.open,\n:host .WAC--standardWidth .WACDatePicker .cds--date-picker,\n:host .WAC--standardWidth .WACDatePicker .cds--date-picker-container,\n:host .WAC--standardWidth .WACDatePicker .cds--date-picker-input__wrapper,\n:host .WAC--standardWidth .WACDatePicker .cds--date-picker-input__wrapper > span,\n:host .WAC--standardWidth .WACDatePicker .cds--date-picker .cds--date-picker__input,\n:host .WAC--standardWidth .WACDatePicker .flatpickr-calendar.animate.open {\n  inline-size: 100%;\n}\n:host a:not(.cds--btn).WACButtonItem {\n  display: flex;\n  align-items: center;\n}\n:host a:not(.cds--btn).WACButtonItem svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--cds-link-primary, #0f62fe);\n}\n:host .WACContainer--render[dir=rtl] .WACButtonItem a.cds--link .cds--link__icon {\n  margin-right: 0.5rem;\n  margin-left: 0;\n}\n:host a.WACButtonItem.WACButtonItem.cds--btn:not(.bx--btn--ghost) {\n  color: var(--cds-text-on-color, #ffffff);\n}\n:host .WACContainer--render[dir=rtl] .WACButtonItem.cds--btn.cds--btn--ghost {\n  padding: 11px 1rem;\n}\n:host .WACContainer--render[dir=rtl] .WACButtonItem.cds--btn.cds--btn--ghost > svg {\n  margin-right: 0.5rem;\n  margin-left: 0;\n}\n:host .WAC__inlineError {\n  display: flex;\n  flex-direction: row;\n  margin-left: -16px; /* can't seem to use negative CSS variables, even with calc() */\n}\n:host .WACContainer--render[dir=rtl] .WAC__inlineError {\n  margin-left: unset;\n  margin-right: -16px;\n}\n:host .WAC__inlineError--iconHolder {\n  display: flex;\n  align-items: flex-start;\n  margin: 0.125rem 0.5rem 0 1rem;\n  flex: 0 0 var(--cds-chat-BASE-border-radius-xlarge);\n}\n:host .WACAgentContainer .WAC__inlineError--iconHolder {\n  flex: unset;\n  width: 24px;\n  padding-left: 4px;\n}\n:host .WACContainer--render[dir=rtl] .WAC__inlineError--iconHolder {\n  margin: 0 1rem 0 0.5rem;\n}\n:host .WAC__inlineError--icon {\n  height: var(--cds-chat-BASE-border-radius-xlarge);\n  width: var(--cds-chat-BASE-border-radius-xlarge);\n}\n:host .WAC__inlineError--text {\n  flex: 1;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  margin-top: 1px;\n}\n:host .WAC__inlineError .WAC__inlineError--text {\n  color: var(--cds-text-error);\n}\n:host .WACGrid {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  row-gap: 0.5rem;\n}\n:host .WACGrid__Row {\n  display: flex;\n  width: 100%;\n  column-gap: 0.5rem;\n}\n:host .WACGrid__Cell {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  row-gap: 0.5rem;\n}\n:host .WACGrid__Cell .WAC__message-userDefinedResponse {\n  width: 100%;\n}\n:host .WACGrid .WACImage {\n  border: none;\n}\n:host .WACGrid .WACImage__ImageWrapper {\n  background-color: transparent;\n}\n:host .WACGrid .WACImage__Skeleton {\n  display: none;\n}\n:host .WACGrid .WACMediaPlayer__Skeleton {\n  display: none;\n}\n:host .WACGrid .WACMediaPlayer__Root {\n  width: 100%;\n}\n:host .WACIFramePanel {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n:host .WACIFramePanel__Content {\n  position: relative;\n  display: flex;\n  flex: 1;\n}\n:host .WACIFramePanel__Content .WACIFrameComponent__StatusContainer {\n  background-color: var(--cds-background, #ffffff);\n}\n:host .WACIFramePanel__Content .WACIFrameComponent__Wrapper {\n  height: unset;\n  flex: 1;\n}\n:host .WACIFramePreviewCard {\n  position: relative;\n  padding: 0;\n  color: unset;\n  width: 100%;\n  text-align: unset;\n  outline: none;\n  outline-offset: -2px;\n  border: none;\n  overflow: hidden;\n  background-color: unset;\n  cursor: pointer;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .WACIFramePreviewCard .WACImage {\n  position: unset;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .WACIFramePreviewCard:focus .WACImage {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .WACIFramePreviewCard:hover .WACImage {\n  background-color: var(--cds-layer-hover);\n  text-decoration: underline;\n}\n:host .WACInlineIFrame {\n  position: relative;\n  background: var(--cds-layer-01, #f4f4f4);\n  overflow: hidden;\n  width: 100%;\n}\n:host .WACInlineIFrame .WACIFrameComponent__Wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n:host .WACIFrameComponent__Wrapper {\n  position: relative;\n  overflow: hidden;\n  background: #ffffff;\n}\n:host .WACIFrameComponent__Wrapper,\n:host .WACIFrameComponent__IFrame {\n  width: 100%;\n  height: 100%;\n}\n:host .WACIFrameComponent__StatusContainer {\n  position: absolute;\n  background-color: var(--cds-layer-01, #f4f4f4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n:host .WACIFrameComponent__StatusContainer .WAC__LoadingSpinner {\n  width: 48px;\n  height: 48px;\n}\n:host .WACIFramePanel .WACPanelContent {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n:host .WACIFramePanel__Content {\n  width: 100%;\n  height: 100%;\n}\n:host .WACImage {\n  overflow: hidden;\n  min-inline-size: 0;\n  min-block-size: 0;\n}\n:host .WACImage.cds--tile {\n  padding: 0;\n}\n:host .WACImage.cds--tile .WACImage__Image--loaded {\n  display: block;\n  margin: auto;\n}\n:host .WACImage__Skeleton {\n  height: 192px;\n  width: 100%;\n}\n:host .WACImage__ImageWrapper {\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .WACImage__Image {\n  display: none;\n  height: 0;\n  max-width: 100%;\n  opacity: 0;\n}\n:host .WACImage__Image--loaded {\n  animation-name: WACfadeInImg;\n  animation-iteration-count: 1;\n  animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  animation-duration: 110ms;\n  height: auto;\n  opacity: 1;\n}\n@keyframes WACfadeInImg {\n  0% {\n    opacity: 0;\n    filter: grayscale(100%);\n  }\n  100% {\n    opacity: 1;\n    filter: grayscale(0%);\n  }\n}\n:host .WACImage__TextAndIcon .WACTextHolderTile__Url {\n  padding-inline-end: calc(1rem + 2px);\n}\n:host .WACImage__IconOnly .WACImage__Icon {\n  padding: 0.75rem;\n  background-color: rgba(23, 23, 23, 0.2470588235);\n  fill: #ffffff;\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host svg.WACImage__Icon {\n  display: block;\n  margin-bottom: 1rem;\n  margin-inline: auto 1rem;\n}\n:host .WACImage__IconOnly .WACImage__Icon,\n:host svg.WACImage__Icon--link {\n  position: absolute;\n  right: 1rem;\n  bottom: 1rem;\n  margin: 0;\n}\n:host svg.WACImage__Icon--link {\n  color: var(--cds-link-primary, #0f62fe);\n}\n:host .WACContainer--render[dir=rtl] svg.WACImage__Icon--link {\n  right: unset;\n  left: 0.5rem;\n}\n:host .WAC__button-holder {\n  margin-top: 0.5rem;\n}\n:host .WAC__button-holder ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n:host .WAC__button-holder ul li {\n  margin: 0;\n  padding: 0;\n  display: inline;\n}\n:host .WAC__messages button.cds--btn.WACMessagesEndChatButton,\n:host .WAC__process-launcher .WAC__button-holder button.cds--btn,\n:host .WACAlternateSuggestionsOptionsPanel .WAC__button-holder button.cds--btn,\n:host .WAC__button-holder ul li button.cds--btn,\n:host .WAC__button-holder ul li button.cds--btn:disabled,\n:host .WAC__button-holder ul li button.cds--btn:disabled:hover {\n  display: inline-flex;\n  word-break: break-word;\n  word-wrap: break-word;\n  margin-top: 0.5rem;\n  margin-right: 0.5rem;\n  inline-size: auto;\n}\n:host .WACContainer--render[dir=rtl] .WAC__messages button.cds--btn.WACMessagesEndChatButton,\n:host .WACContainer--render[dir=rtl] .WAC__process-launcher .WAC__button-holder button.cds--btn,\n:host .WACContainer--render[dir=rtl] .WACAlternateSuggestionsOptionsPanel .WAC__button-holder button.cds--btn,\n:host .WACContainer--render[dir=rtl] .WAC__button-holder ul li button.cds--btn,\n:host .WACContainer--render[dir=rtl] .WAC__button-holder ul li button.cds--btn:disabled,\n:host .WACContainer--render[dir=rtl] .WAC__button-holder ul li button.cds--btn:disabled:hover {\n  margin-right: unset;\n  margin-left: 0.5rem;\n}\n:host .WAC__selectHolder {\n  margin-top: 1rem;\n  padding: 0 1px;\n}\n:host .WAC__customSelectTemporaryPadding {\n  padding-bottom: 5rem;\n}\n:host .WAC__selectHolder .cds--list-box__field {\n  height: 40px;\n}\n:host .WAC__selectHolder .cds--list-box__menu {\n  position: static;\n}\n:host .WAC__selectHolder .cds--dropdown {\n  block-size: unset;\n  max-block-size: unset;\n}\n:host .WACWidget--maxWidth .WAC__selectHolder {\n  width: 380px;\n}\n:host .WACOpenPDFButton {\n  display: flex;\n  align-items: center;\n}\n:host .WACOpenPDFButton__Text {\n  padding-left: 0.5rem;\n}\n:host .WACContainer--render[dir=rtl] .WACOpenPDFButton__Text {\n  padding-right: 0.5rem;\n  padding-left: 0;\n}\n:host .WACPDFViewer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: var(--cds-chat-BASE-z-index);\n  /* Copyright 2014 Mozilla Foundation\n   *\n   * Licensed under the Apache License, Version 2.0 (the \"License\");\n   * you may not use this file except in compliance with the License.\n   * You may obtain a copy of the License at\n   *\n   *     http://www.apache.org/licenses/LICENSE-2.0\n   *\n   * Unless required by applicable law or agreed to in writing, software\n   * distributed under the License is distributed on an \"AS IS\" BASIS,\n   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   * See the License for the specific language governing permissions and\n   * limitations under the License.\n   */\n  /* This file is a copy of the original file except that all occurrences of \":root\" have been replaced with\n     \".WACPDFViewer__Inner\". This file is imported into web chat and all the rules placed under\n     \".WACPDFViewer\" but \":root\" does not work when you do this so we're manually fixing\n     them here. The original file can be found at node_modules/pdfjs-dist/web/pdf_viewer.css. */\n}\n:host .WACPDFViewer .dialog {\n  --dialog-bg-color:white;\n  --dialog-border-color:white;\n  --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);\n  --text-primary-color:#15141a;\n  --text-secondary-color:#5b5b66;\n  --hover-filter:brightness(0.9);\n  --focus-ring-color:#0060df;\n  --focus-ring-outline:2px solid var(--focus-ring-color);\n  --textarea-border-color:#8f8f9d;\n  --textarea-bg-color:white;\n  --textarea-fg-color:var(--text-secondary-color);\n  --radio-bg-color:#f0f0f4;\n  --radio-checked-bg-color:#fbfbfe;\n  --radio-border-color:#8f8f9d;\n  --radio-checked-border-color:#0060df;\n  --button-secondary-bg-color:#f0f0f4;\n  --button-secondary-fg-color:var(--text-primary-color);\n  --button-secondary-border-color:var(--button-secondary-bg-color);\n  --button-secondary-hover-bg-color:var(--button-secondary-bg-color);\n  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);\n  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);\n  --button-primary-bg-color:#0060df;\n  --button-primary-fg-color:#fbfbfe;\n  --button-primary-hover-bg-color:var(--button-primary-bg-color);\n  --button-primary-hover-fg-color:var(--button-primary-fg-color);\n  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);\n  font: message-box;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 150%;\n  border-radius: 4px;\n  padding: 12px 16px;\n  border: 1px solid var(--dialog-border-color);\n  background: var(--dialog-bg-color);\n  color: var(--text-primary-color);\n  box-shadow: var(--dialog-shadow);\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer .dialog {\n    --dialog-bg-color:#1c1b22;\n    --dialog-border-color:#1c1b22;\n    --dialog-shadow:0 2px 14px 0 #15141a;\n    --text-primary-color:#fbfbfe;\n    --text-secondary-color:#cfcfd8;\n    --focus-ring-color:#0df;\n    --hover-filter:brightness(1.4);\n    --textarea-bg-color:#42414d;\n    --radio-bg-color:#2b2a33;\n    --radio-checked-bg-color:#15141a;\n    --radio-checked-border-color:#0df;\n    --button-secondary-bg-color:#2b2a33;\n    --button-primary-bg-color:#0df;\n    --button-primary-fg-color:#15141a;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .dialog {\n    --dialog-bg-color:Canvas;\n    --dialog-border-color:CanvasText;\n    --dialog-shadow:none;\n    --text-primary-color:CanvasText;\n    --text-secondary-color:CanvasText;\n    --hover-filter:none;\n    --focus-ring-color:ButtonBorder;\n    --textarea-border-color:ButtonBorder;\n    --textarea-bg-color:Field;\n    --textarea-fg-color:ButtonText;\n    --radio-bg-color:ButtonFace;\n    --radio-checked-bg-color:ButtonFace;\n    --radio-border-color:ButtonText;\n    --radio-checked-border-color:ButtonText;\n    --button-secondary-bg-color:ButtonFace;\n    --button-secondary-fg-color:ButtonText;\n    --button-secondary-border-color:ButtonText;\n    --button-secondary-hover-bg-color:AccentColor;\n    --button-secondary-hover-fg-color:AccentColorText;\n    --button-primary-bg-color:ButtonText;\n    --button-primary-fg-color:ButtonFace;\n    --button-primary-hover-bg-color:AccentColor;\n    --button-primary-hover-fg-color:AccentColorText;\n  }\n}\n:host .WACPDFViewer .dialog .mainContainer *:focus-visible {\n  outline: var(--focus-ring-outline);\n  outline-offset: 2px;\n}\n:host .WACPDFViewer .dialog .mainContainer .radio {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n}\n:host .WACPDFViewer .dialog .mainContainer .radio > .radioButton {\n  display: flex;\n  gap: 8px;\n  align-self: stretch;\n  align-items: center;\n}\n:host .WACPDFViewer .dialog .mainContainer .radio > .radioButton input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  box-sizing: border-box;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background-color: var(--radio-bg-color);\n  border: 1px solid var(--radio-border-color);\n}\n:host .WACPDFViewer .dialog .mainContainer .radio > .radioButton input:hover {\n  filter: var(--hover-filter);\n}\n:host .WACPDFViewer .dialog .mainContainer .radio > .radioButton input:checked {\n  background-color: var(--radio-checked-bg-color);\n  border: 4px solid var(--radio-checked-border-color);\n}\n:host .WACPDFViewer .dialog .mainContainer .radio > .radioLabel {\n  display: flex;\n  padding-inline-start: 24px;\n  align-items: flex-start;\n  gap: 10px;\n  align-self: stretch;\n}\n:host .WACPDFViewer .dialog .mainContainer .radio > .radioLabel > span {\n  flex: 1 0 0;\n  font-size: 11px;\n  color: var(--text-secondary-color);\n}\n:host .WACPDFViewer .dialog .mainContainer button {\n  border-radius: 4px;\n  border: 1px solid;\n  font: menu;\n  font-weight: 600;\n  padding: 4px 16px;\n  width: auto;\n  height: 32px;\n}\n:host .WACPDFViewer .dialog .mainContainer button:hover {\n  cursor: pointer;\n  filter: var(--hover-filter);\n}\n:host .WACPDFViewer .dialog .mainContainer button.secondaryButton {\n  color: var(--button-secondary-fg-color);\n  background-color: var(--button-secondary-bg-color);\n  border-color: var(--button-secondary-border-color);\n}\n:host .WACPDFViewer .dialog .mainContainer button.secondaryButton:hover {\n  color: var(--button-secondary-hover-fg-color);\n  background-color: var(--button-secondary-hover-bg-color);\n  border-color: var(--button-secondary-hover-border-color);\n}\n:host .WACPDFViewer .dialog .mainContainer button.primaryButton {\n  color: var(--button-primary-hover-fg-color);\n  background-color: var(--button-primary-hover-bg-color);\n  border-color: var(--button-primary-hover-border-color);\n  opacity: 1;\n}\n:host .WACPDFViewer .dialog .mainContainer button.primaryButton:hover {\n  color: var(--button-primary-hover-fg-color);\n  background-color: var(--button-primary-hover-bg-color);\n  border-color: var(--button-primary-hover-border-color);\n}\n:host .WACPDFViewer .dialog .mainContainer textarea {\n  font: inherit;\n  padding: 8px;\n  resize: none;\n  margin: 0;\n  box-sizing: border-box;\n  border-radius: 4px;\n  border: 1px solid var(--textarea-border-color);\n  background: var(--textarea-bg-color);\n  color: var(--textarea-fg-color);\n}\n:host .WACPDFViewer .dialog .mainContainer textarea:focus {\n  outline-offset: 0;\n  border-color: transparent;\n}\n:host .WACPDFViewer .dialog .mainContainer textarea:disabled {\n  pointer-events: none;\n  opacity: 0.4;\n}\n:host .WACPDFViewer .textLayer {\n  position: absolute;\n  text-align: initial;\n  inset: 0;\n  overflow: clip;\n  opacity: 1;\n  line-height: 1;\n  -webkit-text-size-adjust: none;\n  -moz-text-size-adjust: none;\n  text-size-adjust: none;\n  forced-color-adjust: none;\n  transform-origin: 0 0;\n  caret-color: CanvasText;\n  z-index: 0;\n}\n:host .WACPDFViewer .textLayer.highlighting {\n  touch-action: none;\n}\n:host .WACPDFViewer .textLayer :is(span, br) {\n  color: transparent;\n  position: absolute;\n  white-space: pre;\n  cursor: text;\n  transform-origin: 0% 0%;\n}\n:host .WACPDFViewer .textLayer > :not(.markedContent),\n:host .WACPDFViewer .textLayer .markedContent span:not(.markedContent) {\n  z-index: 1;\n}\n:host .WACPDFViewer .textLayer span.markedContent {\n  top: 0;\n  height: 0;\n}\n:host .WACPDFViewer .textLayer .highlight {\n  --highlight-bg-color:rgb(180 0 170 / 0.25);\n  --highlight-selected-bg-color:rgb(0 100 0 / 0.25);\n  --highlight-backdrop-filter:none;\n  --highlight-selected-backdrop-filter:none;\n  margin: -1px;\n  padding: 1px;\n  background-color: var(--highlight-bg-color);\n  -webkit-backdrop-filter: var(--highlight-backdrop-filter);\n  backdrop-filter: var(--highlight-backdrop-filter);\n  border-radius: 4px;\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .textLayer .highlight {\n    --highlight-bg-color:transparent;\n    --highlight-selected-bg-color:transparent;\n    --highlight-backdrop-filter:var(--hcm-highlight-filter);\n    --highlight-selected-backdrop-filter:var(\n      --hcm-highlight-selected-filter\n    );\n  }\n}\n:host .WACPDFViewer .textLayer .highlight.appended {\n  position: initial;\n}\n:host .WACPDFViewer .textLayer .highlight.begin {\n  border-radius: 4px 0 0 4px;\n}\n:host .WACPDFViewer .textLayer .highlight.end {\n  border-radius: 0 4px 4px 0;\n}\n:host .WACPDFViewer .textLayer .highlight.middle {\n  border-radius: 0;\n}\n:host .WACPDFViewer .textLayer .highlight.selected {\n  background-color: var(--highlight-selected-bg-color);\n  -webkit-backdrop-filter: var(--highlight-selected-backdrop-filter);\n  backdrop-filter: var(--highlight-selected-backdrop-filter);\n}\n:host .WACPDFViewer .textLayer ::-moz-selection {\n  background: rgba(0 0 255/0.25);\n  background: color-mix(in srgb, AccentColor, transparent 75%);\n}\n:host .WACPDFViewer .textLayer ::selection {\n  background: rgba(0 0 255/0.25);\n  background: color-mix(in srgb, AccentColor, transparent 75%);\n}\n:host .WACPDFViewer .textLayer br::-moz-selection {\n  background: transparent;\n}\n:host .WACPDFViewer .textLayer br::selection {\n  background: transparent;\n}\n:host .WACPDFViewer .textLayer .endOfContent {\n  display: block;\n  position: absolute;\n  inset: 100% 0 0;\n  z-index: 0;\n  cursor: default;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n:host .WACPDFViewer .textLayer .endOfContent.active {\n  top: 0;\n}\n:host .WACPDFViewer .annotationLayer {\n  --annotation-unfocused-field-background:url(\"data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>\");\n  --input-focus-border-color:Highlight;\n  --input-focus-outline:1px solid Canvas;\n  --input-unfocused-border-color:transparent;\n  --input-disabled-border-color:transparent;\n  --input-hover-border-color:black;\n  --link-outline:none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  transform-origin: 0 0;\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .annotationLayer {\n    --input-focus-border-color:CanvasText;\n    --input-unfocused-border-color:ActiveText;\n    --input-disabled-border-color:GrayText;\n    --input-hover-border-color:Highlight;\n    --link-outline:1.5px solid LinkText;\n  }\n  :host .WACPDFViewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select:required, :host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {\n    outline: 1.5px solid selectedItem;\n  }\n  :host .WACPDFViewer .annotationLayer .linkAnnotation {\n    outline: var(--link-outline);\n  }\n  :host .WACPDFViewer .annotationLayer .linkAnnotation:hover {\n    -webkit-backdrop-filter: var(--hcm-highlight-filter);\n    backdrop-filter: var(--hcm-highlight-filter);\n  }\n  :host .WACPDFViewer .annotationLayer .linkAnnotation > a:hover {\n    opacity: 0 !important;\n    background: none !important;\n    box-shadow: none;\n  }\n  :host .WACPDFViewer .annotationLayer .popupAnnotation .popup {\n    outline: calc(1.5px * var(--scale-factor)) solid CanvasText !important;\n    background-color: ButtonFace !important;\n    color: ButtonText !important;\n  }\n  :host .WACPDFViewer .annotationLayer .highlightArea:hover::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    -webkit-backdrop-filter: var(--hcm-highlight-filter);\n    backdrop-filter: var(--hcm-highlight-filter);\n    content: \"\";\n    pointer-events: none;\n  }\n  :host .WACPDFViewer .annotationLayer .popupAnnotation.focused .popup {\n    outline: calc(3px * var(--scale-factor)) solid Highlight !important;\n  }\n}\n:host .WACPDFViewer .annotationLayer[data-main-rotation=\"90\"] .norotate {\n  transform: rotate(270deg) translateX(-100%);\n}\n:host .WACPDFViewer .annotationLayer[data-main-rotation=\"180\"] .norotate {\n  transform: rotate(180deg) translate(-100%, -100%);\n}\n:host .WACPDFViewer .annotationLayer[data-main-rotation=\"270\"] .norotate {\n  transform: rotate(90deg) translateY(-100%);\n}\n:host .WACPDFViewer .annotationLayer.disabled section,\n:host .WACPDFViewer .annotationLayer.disabled .popup {\n  pointer-events: none;\n}\n:host .WACPDFViewer .annotationLayer .annotationContent {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n:host .WACPDFViewer .annotationLayer .annotationContent.freetext {\n  background: transparent;\n  border: none;\n  inset: 0;\n  overflow: visible;\n  white-space: nowrap;\n  font: 10px sans-serif;\n  line-height: 1.35;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n:host .WACPDFViewer .annotationLayer section {\n  position: absolute;\n  text-align: initial;\n  pointer-events: auto;\n  box-sizing: border-box;\n  transform-origin: 0 0;\n}\n:host .WACPDFViewer .annotationLayer section:has(div.annotationContent) canvas.annotationContent {\n  display: none;\n}\n:host .WACPDFViewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {\n  position: absolute;\n  font-size: 1em;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover {\n  opacity: 0.2;\n  background-color: rgb(255 255 0);\n  box-shadow: 0 2px 10px rgb(255 255 0);\n}\n:host .WACPDFViewer .annotationLayer .linkAnnotation.hasBorder:hover {\n  background-color: rgb(255 255 0/0.2);\n}\n:host .WACPDFViewer .annotationLayer .hasBorder {\n  background-size: 100% 100%;\n}\n:host .WACPDFViewer .annotationLayer .textAnnotation img {\n  position: absolute;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation :is(input, textarea), :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select, :host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {\n  background-image: var(--annotation-unfocused-field-background);\n  border: 2px solid var(--input-unfocused-border-color);\n  box-sizing: border-box;\n  font: calc(9px * var(--scale-factor)) sans-serif;\n  height: 100%;\n  margin: 0;\n  vertical-align: top;\n  width: 100%;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select:required, :host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {\n  outline: 1.5px solid red;\n}\n:host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select option {\n  padding: 0;\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.radioButton input {\n  border-radius: 50%;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation textarea {\n  resize: none;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select[disabled], :host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {\n  background: none;\n  border: 2px solid var(--input-disabled-border-color);\n  cursor: not-allowed;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select:hover, :host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {\n  border: 2px solid var(--input-hover-border-color);\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select:hover, :host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {\n  border-radius: 2px;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, :host .WACPDFViewer .annotationLayer .choiceWidgetAnnotation select:focus {\n  background: none;\n  border: 2px solid var(--input-focus-border-color);\n  border-radius: 2px;\n  outline: var(--input-focus-outline);\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {\n  background-image: none;\n  background-color: transparent;\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox :focus {\n  border: 2px solid var(--input-focus-border-color);\n  border-radius: 2px;\n  outline: var(--input-focus-outline);\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.radioButton :focus {\n  border: 2px solid var(--input-focus-border-color);\n  outline: var(--input-focus-outline);\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {\n  background-color: CanvasText;\n  content: \"\";\n  display: block;\n  position: absolute;\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {\n  height: 80%;\n  left: 45%;\n  width: 1px;\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {\n  transform: rotate(45deg);\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {\n  transform: rotate(-45deg);\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {\n  border-radius: 50%;\n  height: 50%;\n  left: 25%;\n  top: 25%;\n  width: 50%;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation input.comb {\n  font-family: monospace;\n  padding-left: 2px;\n  padding-right: 0;\n}\n:host .WACPDFViewer .annotationLayer .textWidgetAnnotation input.comb:focus {\n  width: 103%;\n}\n:host .WACPDFViewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n:host .WACPDFViewer .annotationLayer .fileAttachmentAnnotation .popupTriggerArea {\n  height: 100%;\n  width: 100%;\n}\n:host .WACPDFViewer .annotationLayer .popupAnnotation {\n  position: absolute;\n  font-size: calc(9px * var(--scale-factor));\n  pointer-events: none;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 45%;\n  height: auto;\n}\n:host .WACPDFViewer .annotationLayer .popup {\n  background-color: rgb(255 255 153);\n  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);\n  border-radius: calc(2px * var(--scale-factor));\n  outline: 1.5px solid rgb(255 255 74);\n  padding: calc(6px * var(--scale-factor));\n  cursor: pointer;\n  font: message-box;\n  white-space: normal;\n  word-wrap: break-word;\n  pointer-events: auto;\n}\n:host .WACPDFViewer .annotationLayer .popupAnnotation.focused .popup {\n  outline-width: 3px;\n}\n:host .WACPDFViewer .annotationLayer .popup * {\n  font-size: calc(9px * var(--scale-factor));\n}\n:host .WACPDFViewer .annotationLayer .popup > .header {\n  display: inline-block;\n}\n:host .WACPDFViewer .annotationLayer .popup > .header h1 {\n  display: inline;\n}\n:host .WACPDFViewer .annotationLayer .popup > .header .popupDate {\n  display: inline-block;\n  margin-left: calc(5px * var(--scale-factor));\n  width: -moz-fit-content;\n  width: fit-content;\n}\n:host .WACPDFViewer .annotationLayer .popupContent {\n  border-top: 1px solid rgb(51 51 51);\n  margin-top: calc(2px * var(--scale-factor));\n  padding-top: calc(2px * var(--scale-factor));\n}\n:host .WACPDFViewer .annotationLayer .richText > * {\n  white-space: pre-wrap;\n  font-size: calc(9px * var(--scale-factor));\n}\n:host .WACPDFViewer .annotationLayer .popupTriggerArea {\n  cursor: pointer;\n}\n:host .WACPDFViewer .annotationLayer section svg {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n:host .WACPDFViewer .annotationLayer .annotationTextContent {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  color: transparent;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  pointer-events: none;\n}\n:host .WACPDFViewer .annotationLayer .annotationTextContent span {\n  width: 100%;\n  display: inline-block;\n}\n:host .WACPDFViewer .annotationLayer svg.quadrilateralsContainer {\n  contain: strict;\n  width: 0;\n  height: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n}\n:host .WACPDFViewer .WACPDFViewer__Inner {\n  --xfa-unfocused-field-background:url(\"data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>\");\n  --xfa-focus-outline:auto;\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .WACPDFViewer__Inner {\n    --xfa-focus-outline:2px solid CanvasText;\n  }\n  :host .WACPDFViewer .xfaLayer *:required {\n    outline: 1.5px solid selectedItem;\n  }\n}\n:host .WACPDFViewer .xfaLayer {\n  background-color: transparent;\n}\n:host .WACPDFViewer .xfaLayer .highlight {\n  margin: -1px;\n  padding: 1px;\n  background-color: rgb(239 203 237);\n  border-radius: 4px;\n}\n:host .WACPDFViewer .xfaLayer .highlight.appended {\n  position: initial;\n}\n:host .WACPDFViewer .xfaLayer .highlight.begin {\n  border-radius: 4px 0 0 4px;\n}\n:host .WACPDFViewer .xfaLayer .highlight.end {\n  border-radius: 0 4px 4px 0;\n}\n:host .WACPDFViewer .xfaLayer .highlight.middle {\n  border-radius: 0;\n}\n:host .WACPDFViewer .xfaLayer .highlight.selected {\n  background-color: rgb(203 223 203);\n}\n:host .WACPDFViewer .xfaPage {\n  overflow: hidden;\n  position: relative;\n}\n:host .WACPDFViewer .xfaContentarea {\n  position: absolute;\n}\n:host .WACPDFViewer .xfaPrintOnly {\n  display: none;\n}\n:host .WACPDFViewer .xfaLayer {\n  position: absolute;\n  text-align: initial;\n  top: 0;\n  left: 0;\n  transform-origin: 0 0;\n  line-height: 1.2;\n}\n:host .WACPDFViewer .xfaLayer * {\n  color: inherit;\n  font: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  font-kerning: inherit;\n  letter-spacing: -0.01px;\n  text-align: inherit;\n  text-decoration: inherit;\n  box-sizing: border-box;\n  background-color: transparent;\n  padding: 0;\n  margin: 0;\n  pointer-events: auto;\n  line-height: inherit;\n}\n:host .WACPDFViewer .xfaLayer *:required {\n  outline: 1.5px solid red;\n}\n:host .WACPDFViewer .xfaLayer div,\n:host .WACPDFViewer .xfaLayer svg,\n:host .WACPDFViewer .xfaLayer svg * {\n  pointer-events: none;\n}\n:host .WACPDFViewer .xfaLayer a {\n  color: blue;\n}\n:host .WACPDFViewer .xfaRich li {\n  margin-left: 3em;\n}\n:host .WACPDFViewer .xfaFont {\n  color: black;\n  font-weight: normal;\n  font-kerning: none;\n  font-size: 10px;\n  font-style: normal;\n  letter-spacing: 0;\n  text-decoration: none;\n  vertical-align: 0;\n}\n:host .WACPDFViewer .xfaCaption {\n  overflow: hidden;\n  flex: 0 0 auto;\n}\n:host .WACPDFViewer .xfaCaptionForCheckButton {\n  overflow: hidden;\n  flex: 1 1 auto;\n}\n:host .WACPDFViewer .xfaLabel {\n  height: 100%;\n  width: 100%;\n}\n:host .WACPDFViewer .xfaLeft {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n:host .WACPDFViewer .xfaRight {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n}\n:host .WACPDFViewer :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {\n  max-height: 100%;\n}\n:host .WACPDFViewer .xfaTop {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n:host .WACPDFViewer .xfaBottom {\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n:host .WACPDFViewer :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {\n  width: 100%;\n}\n:host .WACPDFViewer .xfaBorder {\n  background-color: transparent;\n  position: absolute;\n  pointer-events: none;\n}\n:host .WACPDFViewer .xfaWrapped {\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer :is(.xfaTextfield, .xfaSelect):focus {\n  background-image: none;\n  background-color: transparent;\n  outline: var(--xfa-focus-outline);\n  outline-offset: -1px;\n}\n:host .WACPDFViewer :is(.xfaCheckbox, .xfaRadio):focus {\n  outline: var(--xfa-focus-outline);\n}\n:host .WACPDFViewer .xfaTextfield,\n:host .WACPDFViewer .xfaSelect {\n  height: 100%;\n  width: 100%;\n  flex: 1 1 auto;\n  border: none;\n  resize: none;\n  background-image: var(--xfa-unfocused-field-background);\n}\n:host .WACPDFViewer .xfaSelect {\n  padding-inline: 2px;\n}\n:host .WACPDFViewer :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {\n  flex: 0 1 auto;\n}\n:host .WACPDFViewer .xfaButton {\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  border: none;\n  text-align: center;\n}\n:host .WACPDFViewer .xfaLink {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n:host .WACPDFViewer .xfaCheckbox,\n:host .WACPDFViewer .xfaRadio {\n  width: 100%;\n  height: 100%;\n  flex: 0 0 auto;\n  border: none;\n}\n:host .WACPDFViewer .xfaRich {\n  white-space: pre-wrap;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .xfaImage {\n  -o-object-position: left top;\n  object-position: left top;\n  -o-object-fit: contain;\n  object-fit: contain;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .xfaLrTb,\n:host .WACPDFViewer .xfaRlTb,\n:host .WACPDFViewer .xfaTb {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n:host .WACPDFViewer .xfaLr {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n:host .WACPDFViewer .xfaRl {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: stretch;\n}\n:host .WACPDFViewer .xfaTb > div {\n  justify-content: left;\n}\n:host .WACPDFViewer .xfaPosition {\n  position: relative;\n}\n:host .WACPDFViewer .xfaArea {\n  position: relative;\n}\n:host .WACPDFViewer .xfaValignMiddle {\n  display: flex;\n  align-items: center;\n}\n:host .WACPDFViewer .xfaTable {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n:host .WACPDFViewer .xfaTable .xfaRow {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n:host .WACPDFViewer .xfaTable .xfaRlRow {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: stretch;\n  flex: 1;\n}\n:host .WACPDFViewer .xfaTable .xfaRlRow > div {\n  flex: 1;\n}\n:host .WACPDFViewer :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {\n  background: initial;\n}\n@media print {\n  :host .WACPDFViewer .xfaTextfield,\n  :host .WACPDFViewer .xfaSelect {\n    background: transparent;\n  }\n  :host .WACPDFViewer .xfaSelect {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    text-indent: 1px;\n    text-overflow: \"\";\n  }\n}\n:host .WACPDFViewer .canvasWrapper svg {\n  transform: none;\n}\n:host .WACPDFViewer .canvasWrapper svg[data-main-rotation=\"90\"] mask,\n:host .WACPDFViewer .canvasWrapper svg[data-main-rotation=\"90\"] use:not(.clip, .mask) {\n  transform: matrix(0, 1, -1, 0, 1, 0);\n}\n:host .WACPDFViewer .canvasWrapper svg[data-main-rotation=\"180\"] mask,\n:host .WACPDFViewer .canvasWrapper svg[data-main-rotation=\"180\"] use:not(.clip, .mask) {\n  transform: matrix(-1, 0, 0, -1, 1, 1);\n}\n:host .WACPDFViewer .canvasWrapper svg[data-main-rotation=\"270\"] mask,\n:host .WACPDFViewer .canvasWrapper svg[data-main-rotation=\"270\"] use:not(.clip, .mask) {\n  transform: matrix(0, -1, 1, 0, 0, 1);\n}\n:host .WACPDFViewer .canvasWrapper svg.highlight {\n  --blend-mode:multiply;\n  position: absolute;\n  mix-blend-mode: var(--blend-mode);\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .canvasWrapper svg.highlight {\n    --blend-mode:difference;\n  }\n}\n:host .WACPDFViewer .canvasWrapper svg.highlight:not(.free) {\n  fill-rule: evenodd;\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline {\n  position: absolute;\n  mix-blend-mode: normal;\n  fill-rule: evenodd;\n  fill: none;\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected) {\n  stroke: var(--hover-outline-color);\n  stroke-width: var(--outline-width);\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline {\n  stroke: var(--outline-around-color);\n  stroke-width: calc(var(--outline-width) + 2 * var(--outline-around-width));\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline {\n  stroke: var(--outline-color);\n  stroke-width: var(--outline-width);\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline.free.hovered:not(.selected) {\n  stroke: var(--hover-outline-color);\n  stroke-width: calc(2 * var(--outline-width));\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline.free.selected .mainOutline {\n  stroke: var(--outline-around-color);\n  stroke-width: calc(2 * (var(--outline-width) + var(--outline-around-width)));\n}\n:host .WACPDFViewer .canvasWrapper svg.highlightOutline.free.selected .secondaryOutline {\n  stroke: var(--outline-color);\n  stroke-width: calc(2 * var(--outline-width));\n}\n:host .WACPDFViewer .toggle-button {\n  --button-background-color:#f0f0f4;\n  --button-background-color-hover:#e0e0e6;\n  --button-background-color-active:#cfcfd8;\n  --color-accent-primary:#0060df;\n  --color-accent-primary-hover:#0250bb;\n  --color-accent-primary-active:#054096;\n  --border-interactive-color:#8f8f9d;\n  --border-radius-circle:9999px;\n  --border-width:1px;\n  --size-item-small:16px;\n  --size-item-large:32px;\n  --color-canvas:white;\n  --toggle-background-color:var(--button-background-color);\n  --toggle-background-color-hover:var(--button-background-color-hover);\n  --toggle-background-color-active:var(--button-background-color-active);\n  --toggle-background-color-pressed:var(--color-accent-primary);\n  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);\n  --toggle-background-color-pressed-active:var(--color-accent-primary-active);\n  --toggle-border-color:var(--border-interactive-color);\n  --toggle-border-color-hover:var(--toggle-border-color);\n  --toggle-border-color-active:var(--toggle-border-color);\n  --toggle-border-radius:var(--border-radius-circle);\n  --toggle-border-width:var(--border-width);\n  --toggle-height:var(--size-item-small);\n  --toggle-width:var(--size-item-large);\n  --toggle-dot-background-color:var(--toggle-border-color);\n  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);\n  --toggle-dot-background-color-active:var(--toggle-dot-background-color);\n  --toggle-dot-background-color-on-pressed:var(--color-canvas);\n  --toggle-dot-margin:1px;\n  --toggle-dot-height:calc(\n    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *\n      var(--toggle-border-width)\n  );\n  --toggle-dot-width:var(--toggle-dot-height);\n  --toggle-dot-transform-x:calc(\n    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)\n  );\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 0;\n  margin: 0;\n  border: var(--toggle-border-width) solid var(--toggle-border-color);\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  border-radius: var(--toggle-border-radius);\n  background: var(--toggle-background-color);\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer .toggle-button {\n    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);\n    --button-background-color-hover:color-mix(\n      in srgb,\n      currentColor 14%,\n      transparent\n    );\n    --button-background-color-active:color-mix(\n      in srgb,\n      currentColor 21%,\n      transparent\n    );\n    --color-accent-primary:#0df;\n    --color-accent-primary-hover:#80ebff;\n    --color-accent-primary-active:#aaf2ff;\n    --border-interactive-color:#bfbfc9;\n    --color-canvas:#1c1b22;\n  }\n}\n@media (forced-colors: active) {\n  :host .WACPDFViewer .toggle-button {\n    --color-accent-primary:ButtonText;\n    --color-accent-primary-hover:SelectedItem;\n    --color-accent-primary-active:SelectedItem;\n    --border-interactive-color:ButtonText;\n    --button-background-color:ButtonFace;\n    --border-interactive-color-hover:SelectedItem;\n    --border-interactive-color-active:SelectedItem;\n    --border-interactive-color-disabled:GrayText;\n    --color-canvas:ButtonText;\n  }\n}\n:host .WACPDFViewer .toggle-button:focus-visible {\n  outline: var(--focus-outline);\n  outline-offset: var(--focus-outline-offset);\n}\n:host .WACPDFViewer .toggle-button:enabled:hover {\n  background: var(--toggle-background-color-hover);\n  border-color: var(--toggle-border-color);\n}\n:host .WACPDFViewer .toggle-button:enabled:active {\n  background: var(--toggle-background-color-active);\n  border-color: var(--toggle-border-color);\n}\n:host .WACPDFViewer .toggle-button[aria-pressed=true] {\n  background: var(--toggle-background-color-pressed);\n  border-color: transparent;\n}\n:host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:hover {\n  background: var(--toggle-background-color-pressed-hover);\n  border-color: transparent;\n}\n:host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:active {\n  background: var(--toggle-background-color-pressed-active);\n  border-color: transparent;\n}\n:host .WACPDFViewer .toggle-button::before {\n  display: block;\n  content: \"\";\n  background-color: var(--toggle-dot-background-color);\n  height: var(--toggle-dot-height);\n  width: var(--toggle-dot-width);\n  margin: var(--toggle-dot-margin);\n  border-radius: var(--toggle-border-radius);\n  translate: 0;\n}\n:host .WACPDFViewer .toggle-button[aria-pressed=true]::before {\n  translate: var(--toggle-dot-transform-x);\n  background-color: var(--toggle-dot-background-color-on-pressed);\n}\n:host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:hover::before,\n:host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:active::before {\n  background-color: var(--toggle-dot-background-color-on-pressed);\n}\n:host .WACPDFViewer [dir=rtl] .toggle-button[aria-pressed=true]::before {\n  translate: calc(-1 * var(--toggle-dot-transform-x));\n}\n@media (prefers-reduced-motion: no-preference) {\n  :host .WACPDFViewer .toggle-button::before {\n    transition: translate 100ms;\n  }\n}\n@media (prefers-contrast) {\n  :host .WACPDFViewer .toggle-button:enabled:hover {\n    border-color: var(--toggle-border-color-hover);\n  }\n  :host .WACPDFViewer .toggle-button:enabled:active {\n    border-color: var(--toggle-border-color-active);\n  }\n  :host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled {\n    border-color: var(--toggle-border-color);\n    position: relative;\n  }\n  :host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:hover,\n  :host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:hover:active {\n    border-color: var(--toggle-border-color-hover);\n  }\n  :host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:active {\n    background-color: var(--toggle-dot-background-color-active);\n    border-color: var(--toggle-dot-background-color-hover);\n  }\n  :host .WACPDFViewer .toggle-button:hover::before,\n  :host .WACPDFViewer .toggle-button:active::before {\n    background-color: var(--toggle-dot-background-color-hover);\n  }\n}\n@media (forced-colors) {\n  :host .WACPDFViewer .toggle-button {\n    --toggle-dot-background-color:var(--color-accent-primary);\n    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);\n    --toggle-dot-background-color-active:var(--color-accent-primary-active);\n    --toggle-dot-background-color-on-pressed:var(--button-background-color);\n    --toggle-background-color-disabled:var(--button-background-color-disabled);\n    --toggle-border-color-hover:var(--border-interactive-color-hover);\n    --toggle-border-color-active:var(--border-interactive-color-active);\n    --toggle-border-color-disabled:var(--border-interactive-color-disabled);\n  }\n  :host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled::after {\n    border: 1px solid var(--button-background-color);\n    content: \"\";\n    position: absolute;\n    height: var(--toggle-height);\n    width: var(--toggle-width);\n    display: block;\n    border-radius: var(--toggle-border-radius);\n    inset: -2px;\n  }\n  :host .WACPDFViewer .toggle-button[aria-pressed=true]:enabled:active::after {\n    border-color: var(--toggle-border-color-active);\n  }\n}\n:host .WACPDFViewer .WACPDFViewer__Inner {\n  --outline-width:2px;\n  --outline-color:#0060df;\n  --outline-around-width:1px;\n  --outline-around-color:#f0f0f4;\n  --hover-outline-around-color:var(--outline-around-color);\n  --focus-outline:solid var(--outline-width) var(--outline-color);\n  --unfocus-outline:solid var(--outline-width) transparent;\n  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);\n  --hover-outline-color:#8f8f9d;\n  --hover-outline:solid var(--outline-width) var(--hover-outline-color);\n  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);\n  --freetext-line-height:1.35;\n  --freetext-padding:2px;\n  --resizer-bg-color:var(--outline-color);\n  --resizer-size:6px;\n  --resizer-shift:calc(\n    0px - (var(--outline-width) + var(--resizer-size)) / 2 -\n      var(--outline-around-width)\n  );\n  --editorFreeText-editing-cursor:text;\n  --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;\n  --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;\n  --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;\n}\n:host .WACPDFViewer .visuallyHidden {\n  position: absolute;\n  top: 0;\n  left: 0;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 0;\n}\n:host .WACPDFViewer .textLayer.highlighting {\n  cursor: var(--editorFreeHighlight-editing-cursor);\n}\n:host .WACPDFViewer .textLayer.highlighting:not(.free) span {\n  cursor: var(--editorHighlight-editing-cursor);\n}\n:host .WACPDFViewer .textLayer.highlighting.free span {\n  cursor: var(--editorFreeHighlight-editing-cursor);\n}\n@media (min-resolution: 1.1dppx) {\n  :host .WACPDFViewer .WACPDFViewer__Inner {\n    --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .WACPDFViewer__Inner {\n    --outline-color:CanvasText;\n    --outline-around-color:ButtonFace;\n    --resizer-bg-color:ButtonText;\n    --hover-outline-color:Highlight;\n    --hover-outline-around-color:SelectedItemText;\n  }\n}\n:host .WACPDFViewer [data-editor-rotation=\"90\"] {\n  transform: rotate(90deg);\n}\n:host .WACPDFViewer [data-editor-rotation=\"180\"] {\n  transform: rotate(180deg);\n}\n:host .WACPDFViewer [data-editor-rotation=\"270\"] {\n  transform: rotate(270deg);\n}\n:host .WACPDFViewer .annotationEditorLayer {\n  background: transparent;\n  position: absolute;\n  inset: 0;\n  font-size: calc(100px * var(--scale-factor));\n  transform-origin: 0 0;\n  cursor: auto;\n}\n:host .WACPDFViewer .annotationEditorLayer.waiting {\n  content: \"\";\n  cursor: wait;\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .annotationEditorLayer.disabled {\n  pointer-events: none;\n}\n:host .WACPDFViewer .annotationEditorLayer.freetextEditing {\n  cursor: var(--editorFreeText-editing-cursor);\n}\n:host .WACPDFViewer .annotationEditorLayer.inkEditing {\n  cursor: var(--editorInk-editing-cursor);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) {\n  position: absolute;\n  background: transparent;\n  z-index: 1;\n  transform-origin: 0 0;\n  cursor: auto;\n  max-width: 100%;\n  max-height: 100%;\n  border: var(--unfocus-outline);\n}\n:host .WACPDFViewer .annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor) {\n  cursor: move;\n}\n:host .WACPDFViewer .annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor) {\n  touch-action: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor) {\n  border: var(--focus-outline);\n  outline: var(--focus-outline-around);\n}\n:host .WACPDFViewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border: var(--focus-outline-around);\n  pointer-events: none;\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor) {\n  border: var(--hover-outline);\n  outline: var(--hover-outline-around);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border: var(--focus-outline-around);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar {\n  --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);\n  --editor-toolbar-bg-color:#f0f0f4;\n  --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);\n  --editor-toolbar-fg-color:#2e2e56;\n  --editor-toolbar-border-color:#8f8f9d;\n  --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);\n  --editor-toolbar-hover-bg-color:#e0e0e6;\n  --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);\n  --editor-toolbar-hover-outline:none;\n  --editor-toolbar-focus-outline-color:#0060df;\n  --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);\n  --editor-toolbar-vert-offset:6px;\n  --editor-toolbar-height:28px;\n  --editor-toolbar-padding:2px;\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: var(--editor-toolbar-height);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: default;\n  pointer-events: auto;\n  box-sizing: content-box;\n  padding: var(--editor-toolbar-padding);\n  position: absolute;\n  inset-inline-end: 0;\n  inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));\n  border-radius: 6px;\n  background-color: var(--editor-toolbar-bg-color);\n  border: 1px solid var(--editor-toolbar-border-color);\n  box-shadow: var(--editor-toolbar-shadow);\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n  .textLayer) .editToolbar {\n    --editor-toolbar-bg-color:#2b2a33;\n    --editor-toolbar-fg-color:#fbfbfe;\n    --editor-toolbar-hover-bg-color:#52525e;\n    --editor-toolbar-focus-outline-color:#0df;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n  .textLayer) .editToolbar {\n    --editor-toolbar-bg-color:ButtonFace;\n    --editor-toolbar-fg-color:ButtonText;\n    --editor-toolbar-border-color:ButtonText;\n    --editor-toolbar-hover-border-color:AccentColor;\n    --editor-toolbar-hover-bg-color:ButtonFace;\n    --editor-toolbar-hover-fg-color:AccentColor;\n    --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);\n    --editor-toolbar-focus-outline-color:ButtonBorder;\n    --editor-toolbar-shadow:none;\n  }\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar.hidden {\n  display: none;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar:has(:focus-visible) {\n  border-color: transparent;\n}\n:host .WACPDFViewer [dir=ltr] :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar {\n  transform-origin: 100% 0;\n}\n:host .WACPDFViewer [dir=rtl] :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar {\n  transform-origin: 0 0;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0;\n  height: 100%;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .divider {\n  width: 1px;\n  height: calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height));\n  background-color: var(--editor-toolbar-border-color);\n  display: inline-block;\n  margin-inline: 2px;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .highlightButton {\n  width: var(--editor-toolbar-height);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .highlightButton::before {\n  content: \"\";\n  -webkit-mask-image: var(--editor-toolbar-highlight-image);\n  mask-image: var(--editor-toolbar-highlight-image);\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  display: inline-block;\n  background-color: var(--editor-toolbar-fg-color);\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .highlightButton:hover::before {\n  background-color: var(--editor-toolbar-hover-fg-color);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .delete {\n  width: var(--editor-toolbar-height);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .delete::before {\n  content: \"\";\n  -webkit-mask-image: var(--editor-toolbar-delete-image);\n  mask-image: var(--editor-toolbar-delete-image);\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  display: inline-block;\n  background-color: var(--editor-toolbar-fg-color);\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .delete:hover::before {\n  background-color: var(--editor-toolbar-hover-fg-color);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons > * {\n  height: var(--editor-toolbar-height);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons > :not(.divider) {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons > :not(.divider):hover {\n  border-radius: 2px;\n  background-color: var(--editor-toolbar-hover-bg-color);\n  color: var(--editor-toolbar-hover-fg-color);\n  outline: var(--editor-toolbar-hover-outline);\n  outline-offset: 1px;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons > :not(.divider):hover:active {\n  outline: none;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons > :not(.divider):focus-visible {\n  border-radius: 2px;\n  outline: 2px solid var(--editor-toolbar-focus-outline-color);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText {\n  --alt-text-add-image:url(images/altText_add.svg);\n  --alt-text-done-image:url(images/altText_done.svg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: -moz-max-content;\n  width: max-content;\n  padding-inline: 8px;\n  pointer-events: all;\n  font: menu;\n  font-weight: 590;\n  font-size: 12px;\n  color: var(--editor-toolbar-fg-color);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText:disabled {\n  pointer-events: none;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText::before {\n  content: \"\";\n  -webkit-mask-image: var(--alt-text-add-image);\n  mask-image: var(--alt-text-add-image);\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  display: inline-block;\n  width: 12px;\n  height: 13px;\n  background-color: var(--editor-toolbar-fg-color);\n  margin-inline-end: 4px;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText:hover::before {\n  background-color: var(--editor-toolbar-hover-fg-color);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText.done::before {\n  -webkit-mask-image: var(--alt-text-done-image);\n  mask-image: var(--alt-text-done-image);\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText .tooltip {\n  display: none;\n}\n:host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n.textLayer) .editToolbar .buttons .altText .tooltip.show {\n  --alt-text-tooltip-bg:#f0f0f4;\n  --alt-text-tooltip-fg:#15141a;\n  --alt-text-tooltip-border:#8f8f9d;\n  --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: calc(100% + 2px);\n  inset-inline-start: 0;\n  padding-block: 2px 3px;\n  padding-inline: 3px;\n  max-width: 300px;\n  width: -moz-max-content;\n  width: max-content;\n  height: auto;\n  font-size: 12px;\n  border: 0.5px solid var(--alt-text-tooltip-border);\n  background: var(--alt-text-tooltip-bg);\n  box-shadow: var(--alt-text-tooltip-shadow);\n  color: var(--alt-text-tooltip-fg);\n  pointer-events: none;\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n  .textLayer) .editToolbar .buttons .altText .tooltip.show {\n    --alt-text-tooltip-bg:#1c1b22;\n    --alt-text-tooltip-fg:#fbfbfe;\n    --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),\n  .textLayer) .editToolbar .buttons .altText .tooltip.show {\n    --alt-text-tooltip-bg:Canvas;\n    --alt-text-tooltip-fg:CanvasText;\n    --alt-text-tooltip-border:CanvasText;\n    --alt-text-tooltip-shadow:none;\n  }\n}\n:host .WACPDFViewer .annotationEditorLayer .freeTextEditor {\n  padding: calc(var(--freetext-padding) * var(--scale-factor));\n  width: auto;\n  height: auto;\n  touch-action: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .freeTextEditor .internal {\n  background: transparent;\n  border: none;\n  inset: 0;\n  overflow: visible;\n  white-space: nowrap;\n  font: 10px sans-serif;\n  line-height: var(--freetext-line-height);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .freeTextEditor .overlay {\n  position: absolute;\n  display: none;\n  background: transparent;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .annotationEditorLayer freeTextEditor .overlay.enabled {\n  display: block;\n}\n:host .WACPDFViewer .annotationEditorLayer .freeTextEditor .internal:empty::before {\n  content: attr(default-content);\n  color: gray;\n}\n:host .WACPDFViewer .annotationEditorLayer .freeTextEditor .internal:focus {\n  outline: none;\n  -webkit-user-select: auto;\n  -moz-user-select: auto;\n  user-select: auto;\n}\n:host .WACPDFViewer .annotationEditorLayer .inkEditor {\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .annotationEditorLayer .inkEditor.editing {\n  cursor: inherit;\n}\n:host .WACPDFViewer .annotationEditorLayer .inkEditor .inkEditorCanvas {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  touch-action: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .stampEditor {\n  width: auto;\n  height: auto;\n}\n:host .WACPDFViewer .annotationEditorLayer .stampEditor canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers {\n  position: absolute;\n  inset: 0;\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden {\n  display: none;\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer {\n  width: var(--resizer-size);\n  height: var(--resizer-size);\n  background: content-box var(--resizer-bg-color);\n  border: var(--focus-outline-around);\n  border-radius: 2px;\n  position: absolute;\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft {\n  top: var(--resizer-shift);\n  left: var(--resizer-shift);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle {\n  top: var(--resizer-shift);\n  left: calc(50% + var(--resizer-shift));\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight {\n  top: var(--resizer-shift);\n  right: var(--resizer-shift);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight {\n  top: calc(50% + var(--resizer-shift));\n  right: var(--resizer-shift);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight {\n  bottom: var(--resizer-shift);\n  right: var(--resizer-shift);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle {\n  bottom: var(--resizer-shift);\n  left: calc(50% + var(--resizer-shift));\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft {\n  bottom: var(--resizer-shift);\n  left: var(--resizer-shift);\n}\n:host .WACPDFViewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft {\n  top: calc(50% + var(--resizer-shift));\n  left: var(--resizer-shift);\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.bottomRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.bottomRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.bottomRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.bottomRight {\n  cursor: nwse-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.bottomMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.bottomMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.bottomMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.bottomMiddle {\n  cursor: ns-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.bottomLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.bottomLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.bottomLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.bottomLeft {\n  cursor: nesw-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.middleLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.middleLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.middleLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.middleLeft {\n  cursor: ew-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.topLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.bottomRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.bottomRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.bottomRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.bottomRight {\n  cursor: nesw-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.topMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.bottomMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.bottomMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.bottomMiddle,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.bottomMiddle {\n  cursor: ew-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.topRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.bottomLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.bottomLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.bottomLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.bottomLeft {\n  cursor: nwse-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.middleRight,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] :is([data-editor-rotation=\"90\"], [data-editor-rotation=\"270\"]) > .resizers > .resizer.middleLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] :is([data-editor-rotation=\"0\"], [data-editor-rotation=\"180\"]) > .resizers > .resizer.middleLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] :is([data-editor-rotation=\"270\"], [data-editor-rotation=\"90\"]) > .resizers > .resizer.middleLeft,\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] :is([data-editor-rotation=\"180\"], [data-editor-rotation=\"0\"]) > .resizers > .resizer.middleLeft {\n  cursor: ns-resize;\n}\n:host .WACPDFViewer .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"0\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"270\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"180\"]) .editToolbar {\n  rotate: 270deg;\n}\n:host .WACPDFViewer [dir=ltr] .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"0\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"270\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"180\"]) .editToolbar {\n  inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset));\n  inset-block-start: 0;\n}\n:host .WACPDFViewer [dir=rtl] .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"0\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"270\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"180\"]) .editToolbar {\n  inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));\n  inset-block-start: 0;\n}\n:host .WACPDFViewer .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"180\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"0\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"270\"]) .editToolbar {\n  rotate: 180deg;\n  inset-inline-end: 100%;\n  inset-block-start: calc(0pc - var(--editor-toolbar-vert-offset));\n}\n:host .WACPDFViewer .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"270\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"180\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"0\"]) .editToolbar {\n  rotate: 90deg;\n}\n:host .WACPDFViewer [dir=ltr] .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"270\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"180\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"0\"]) .editToolbar {\n  inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));\n  inset-block-start: 100%;\n}\n:host .WACPDFViewer [dir=rtl] .annotationEditorLayer :is([data-main-rotation=\"0\"] [data-editor-rotation=\"270\"],\n[data-main-rotation=\"90\"] [data-editor-rotation=\"180\"],\n[data-main-rotation=\"180\"] [data-editor-rotation=\"90\"],\n[data-main-rotation=\"270\"] [data-editor-rotation=\"0\"]) .editToolbar {\n  inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset));\n  inset-block-start: 0;\n}\n:host .WACPDFViewer .dialog.altText::backdrop {\n  -webkit-mask: url(#alttext-manager-mask);\n  mask: url(#alttext-manager-mask);\n}\n:host .WACPDFViewer .dialog.altText.positioned {\n  margin: 0;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer {\n  width: 300px;\n  height: -moz-fit-content;\n  height: fit-content;\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 16px;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #overallDescription {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #overallDescription span {\n  align-self: stretch;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #overallDescription .title {\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 590;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #addDescription {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #addDescription .descriptionArea {\n  flex: 1;\n  padding-inline: 24px 10px;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #addDescription .descriptionArea textarea {\n  width: 100%;\n  min-height: 75px;\n}\n:host .WACPDFViewer .dialog.altText #altTextContainer #buttons {\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 8px;\n  align-self: stretch;\n}\n:host .WACPDFViewer .colorPicker {\n  --hover-outline-color:#0250bb;\n  --selected-outline-color:#0060df;\n  --swatch-border-color:#cfcfd8;\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer .colorPicker {\n    --hover-outline-color:#80ebff;\n    --selected-outline-color:#aaf2ff;\n    --swatch-border-color:#52525e;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .colorPicker {\n    --hover-outline-color:Highlight;\n    --selected-outline-color:var(--hover-outline-color);\n    --swatch-border-color:ButtonText;\n  }\n}\n:host .WACPDFViewer .colorPicker .swatch {\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--swatch-border-color);\n  border-radius: 100%;\n  outline-offset: 2px;\n  box-sizing: border-box;\n  forced-color-adjust: none;\n}\n:host .WACPDFViewer .colorPicker button:is(:hover, .selected) > .swatch {\n  border: none;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"0\"] .highlightEditor:not(.free) > .editToolbar {\n  rotate: 0deg;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"90\"] .highlightEditor:not(.free) > .editToolbar {\n  rotate: 270deg;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"180\"] .highlightEditor:not(.free) > .editToolbar {\n  rotate: 180deg;\n}\n:host .WACPDFViewer .annotationEditorLayer[data-main-rotation=\"270\"] .highlightEditor:not(.free) > .editToolbar {\n  rotate: 90deg;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor {\n  position: absolute;\n  background: transparent;\n  z-index: 1;\n  cursor: auto;\n  max-width: 100%;\n  max-height: 100%;\n  border: none;\n  outline: none;\n  pointer-events: none;\n  transform-origin: 0 0;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor:not(.free) {\n  transform: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .internal {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: auto;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor.disabled .internal {\n  pointer-events: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor.selectedEditor .internal {\n  cursor: pointer;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar {\n  --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg);\n  transform-origin: center !important;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker {\n  position: relative;\n  width: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after {\n  content: \"\";\n  -webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image);\n  mask-image: var(--editor-toolbar-colorpicker-arrow-image);\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  display: inline-block;\n  background-color: var(--editor-toolbar-fg-color);\n  width: 12px;\n  height: 12px;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after {\n  background-color: var(--editor-toolbar-hover-fg-color);\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)) {\n  background-color: var(--editor-toolbar-hover-bg-color);\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after {\n  scale: -1;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 11px;\n  padding-block: 8px;\n  border-radius: 6px;\n  background-color: var(--editor-toolbar-bg-color);\n  border: 1px solid var(--editor-toolbar-border-color);\n  box-shadow: var(--editor-toolbar-shadow);\n  inset-block-start: calc(100% + 4px);\n  width: calc(100% + 2 * var(--editor-toolbar-padding));\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button {\n  width: 100%;\n  height: auto;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible) {\n  outline: none;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch {\n  outline-offset: 2px;\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected=true] > .swatch {\n  outline: 2px solid var(--selected-outline-color);\n}\n:host .WACPDFViewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch {\n  outline: 2px solid var(--hover-outline-color);\n}\n:host .WACPDFViewer .editorParamsToolbar:has(#highlightParamsToolbarContainer) {\n  padding: unset;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer {\n  height: auto;\n  padding-inline: 10px;\n  padding-block: 10px 16px;\n  gap: 16px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .editorParamsLabel {\n  width: -moz-fit-content;\n  width: fit-content;\n  inset-inline-start: 0;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker .dropdown {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: row;\n  height: auto;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker .dropdown button {\n  width: auto;\n  height: auto;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  flex: 0 0 auto;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker .dropdown button .swatch {\n  width: 24px;\n  height: 24px;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible) {\n  outline: none;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected=true] > .swatch {\n  outline: 2px solid var(--selected-outline-color);\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch {\n  outline: 2px solid var(--hover-outline-color);\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  align-self: stretch;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel {\n  width: 100%;\n  height: auto;\n  align-self: stretch;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  --example-color:#bfbfc9;\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker {\n    --example-color:#80808e;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker {\n    --example-color:CanvasText;\n  }\n}\n:host .WACPDFViewer :is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]) {\n  opacity: 0.4;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after {\n  content: \"\";\n  width: 8px;\n  aspect-ratio: 1;\n  display: block;\n  border-radius: 100%;\n  background-color: var(--example-color);\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after {\n  width: 24px;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider {\n  width: unset;\n  height: 14px;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightVisibility {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  align-self: stretch;\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider {\n  --divider-color:#d7d7db;\n  margin-block: 4px;\n  width: 100%;\n  height: 1px;\n  background-color: var(--divider-color);\n}\n@media (prefers-color-scheme: dark) {\n  :host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider {\n    --divider-color:#8f8f9d;\n  }\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider {\n    --divider-color:CanvasText;\n  }\n}\n:host .WACPDFViewer #highlightParamsToolbarContainer #editorHighlightVisibility .toggler {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n}\n:host .WACPDFViewer .WACPDFViewer__Inner {\n  --viewer-container-height:0;\n  --pdfViewer-padding-bottom:0;\n  --page-margin:1px auto -8px;\n  --page-border:9px solid transparent;\n  --spreadHorizontalWrapped-margin-LR:-3.5px;\n  --loading-icon-delay:400ms;\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .WACPDFViewer__Inner {\n    --pdfViewer-padding-bottom:9px;\n    --page-margin:8px auto -1px;\n    --page-border:1px solid CanvasText;\n    --spreadHorizontalWrapped-margin-LR:3.5px;\n  }\n}\n:host .WACPDFViewer [data-main-rotation=\"90\"] {\n  transform: rotate(90deg) translateY(-100%);\n}\n:host .WACPDFViewer [data-main-rotation=\"180\"] {\n  transform: rotate(180deg) translate(-100%, -100%);\n}\n:host .WACPDFViewer [data-main-rotation=\"270\"] {\n  transform: rotate(270deg) translateX(-100%);\n}\n:host .WACPDFViewer #hiddenCopyElement,\n:host .WACPDFViewer .hiddenCanvasElement {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  display: none;\n}\n:host .WACPDFViewer .pdfViewer {\n  --scale-factor:1;\n  padding-bottom: var(--pdfViewer-padding-bottom);\n  --hcm-highlight-filter:none;\n  --hcm-highlight-selected-filter:none;\n}\n@media screen and (forced-colors: active) {\n  :host .WACPDFViewer .pdfViewer {\n    --hcm-highlight-filter:invert(100%);\n  }\n}\n:host .WACPDFViewer .pdfViewer .canvasWrapper {\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .pdfViewer .canvasWrapper canvas {\n  margin: 0;\n  display: block;\n}\n:host .WACPDFViewer .pdfViewer .canvasWrapper canvas[hidden] {\n  display: none;\n}\n:host .WACPDFViewer .pdfViewer .canvasWrapper canvas[zooming] {\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer .pdfViewer .canvasWrapper canvas .structTree {\n  contain: strict;\n}\n:host .WACPDFViewer .pdfViewer .page {\n  direction: ltr;\n  width: 816px;\n  height: 1056px;\n  margin: var(--page-margin);\n  position: relative;\n  overflow: visible;\n  border: var(--page-border);\n  background-clip: content-box;\n  background-color: rgb(255 255 255);\n}\n:host .WACPDFViewer .pdfViewer .dummyPage {\n  position: relative;\n  width: 0;\n  height: var(--viewer-container-height);\n}\n:host .WACPDFViewer .pdfViewer.noUserSelect {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n:host .WACPDFViewer .pdfViewer.removePageBorders .page {\n  margin: 0 auto 10px;\n  border: none;\n}\n:host .WACPDFViewer .pdfViewer.singlePageView {\n  display: inline-block;\n}\n:host .WACPDFViewer .pdfViewer.singlePageView .page {\n  margin: 0;\n  border: none;\n}\n:host .WACPDFViewer .pdfViewer:is(.scrollHorizontal, .scrollWrapped),\n:host .WACPDFViewer .spread {\n  margin-inline: 3.5px;\n  text-align: center;\n}\n:host .WACPDFViewer .pdfViewer.scrollHorizontal,\n:host .WACPDFViewer .spread {\n  white-space: nowrap;\n}\n:host .WACPDFViewer .pdfViewer.removePageBorders,\n:host .WACPDFViewer .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {\n  margin-inline: 0;\n}\n:host .WACPDFViewer .spread :is(.page, .dummyPage),\n:host .WACPDFViewer .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {\n  display: inline-block;\n  vertical-align: middle;\n}\n:host .WACPDFViewer .spread .page,\n:host .WACPDFViewer .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {\n  margin-inline: var(--spreadHorizontalWrapped-margin-LR);\n}\n:host .WACPDFViewer .pdfViewer.removePageBorders .spread .page,\n:host .WACPDFViewer .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {\n  margin-inline: 5px;\n}\n:host .WACPDFViewer .pdfViewer .page.loadingIcon::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  background: url(\"images/loading-icon.gif\") center no-repeat;\n  display: none;\n  transition-property: display;\n  transition-delay: var(--loading-icon-delay);\n  z-index: 5;\n  contain: strict;\n}\n:host .WACPDFViewer .pdfViewer .page.loading::after {\n  display: block;\n}\n:host .WACPDFViewer .pdfViewer .page:not(.loading)::after {\n  transition-property: none;\n  display: none;\n}\n:host .WACPDFViewer .pdfPresentationMode .pdfViewer {\n  padding-bottom: 0;\n}\n:host .WACPDFViewer .pdfPresentationMode .spread {\n  margin: 0;\n}\n:host .WACPDFViewer .pdfPresentationMode .pdfViewer .page {\n  margin: 0 auto;\n  border: 2px solid transparent;\n}\n:host .WACPDFViewer .WACBackgroundCover {\n  z-index: unset;\n}\n:host .WACPDFViewer__Inner {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  inset: 10% 5% 0;\n  background-color: white;\n}\n@media (width <= 800px) {\n  :host .WACPDFViewer__Inner {\n    left: 0;\n    right: 0;\n  }\n}\n@media (height <= 600px) {\n  :host .WACPDFViewer__Inner {\n    top: 0;\n  }\n}\n:host .WACPDFViewer__Viewer {\n  padding-top: 1.5rem;\n}\n:host .WACPDFViewer__Viewer a:focus-visible {\n  outline: none;\n  border: solid 2px var(--cds-chat-ACCENT-color);\n}\n:host .WACPDFViewer__Document {\n  flex: 1;\n  position: relative;\n  background-color: var(--cds-background, #ffffff);\n}\n:host .WACPDFViewer__Container * {\n  box-sizing: initial;\n}\n:host .WACPDFViewer__Container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  overflow: auto;\n}\n:host .WACPDFViewer .WACPDFViewer__Loading {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 24px;\n}\n:host .WACPDFViewer .WAC__LoadingSpinner {\n  width: 88px;\n  height: 88px;\n}\n:host .WACPDFViewer__ErrorContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n:host .WACPDFViewer__Error {\n  width: 360px;\n  padding-bottom: 1.5rem;\n}\n:host .WACPDFViewer__ErrorTitle {\n  font-size: var(--cds-chat-BASE-font-size-xlarge);\n  padding-bottom: 0.5rem;\n}\n:host .WACPDFViewer__ErrorMessage {\n  padding-bottom: 1rem;\n}\n:host .WACPDFViewer .pdfViewer .page.loadingIcon::after {\n  background: none;\n}\n:host .WACPDFViewerHeader {\n  color: var(--cds-text-primary, #161616);\n  background-color: var(--cds-layer-01, #f4f4f4);\n  position: relative;\n}\n:host .WACPDFViewerHeader__TopRow {\n  display: flex;\n}\n:host .WACPDFViewerHeader__TitleRow {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem 0.5rem 1.5rem 2rem;\n  overflow: hidden;\n}\n:host .WACContainer--render[dir=rtl] .WACPDFViewerHeader__TitleRow {\n  padding: 1.5rem 2rem 1.5rem 0.5rem;\n}\n:host .WACPDFViewerHeader__TitleLabel {\n  font-size: var(--cds-chat-BASE-font-size-med);\n}\n:host .WACPDFViewerHeader__Title {\n  padding-top: 0.5rem;\n  font-size: var(--cds-chat-BASE-font-size-xxlarge);\n  line-height: var(--cds-chat-BASE-line-height-xxlarge);\n}\n:host .WACPDFViewerHeader__ButtonsRow {\n  border-top: solid 1px var(--cds-layer-02, #ffffff);\n  border-bottom: solid 1px var(--cds-layer-02, #ffffff);\n  display: flex;\n  align-items: center;\n}\n:host .WACPDFViewerHeader__PageInput {\n  width: 42px;\n  background-color: var(--cds-background, #ffffff);\n  padding: 2px 0 0;\n  margin-left: 0.25rem;\n  text-align: center;\n}\n:host .WACContainer--render[dir=rtl] .WACPDFViewerHeader__PageInput {\n  margin-left: 0;\n  margin-right: 0.25rem;\n}\n:host .WACPDFViewerHeader__Divider {\n  width: 1px;\n  align-self: stretch;\n  margin-top: 9px;\n  margin-bottom: 9px;\n  background-color: var(--cds-layer-02, #ffffff);\n}\n:host .WACPDFViewerHeader__PageTotal {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  white-space: nowrap;\n}\n:host button.WACPDFViewerHeader__CloseButton {\n  width: 48px;\n  height: 48px;\n  margin: 0.5rem;\n}\n:host .WACPDFViewerHeader__HeaderButton.WACPDFViewerHeader__HeaderButton svg {\n  width: 16px;\n  height: 16px;\n}\n:host .WACPDFViewerHeader__HeaderButton.WACPDFViewerHeader__HeaderButton {\n  color: inherit;\n}\n:host .WACPDFViewerHeader__HeaderButton.WACPDFViewerHeader__HeaderButton:disabled {\n  color: inherit;\n}\n:host .WACPDFViewerHeader--disabled .WACPDFViewerHeader__HeaderButton.WACPDFViewerHeader__Download {\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACPDFViewerHeader button.cds--overflow-menu.cds--overflow-menu--open:enabled:hover {\n  background-color: transparent;\n}\n:host .WACPDFViewerHeader .cds--overflow-menu-options__option a {\n  text-decoration: none;\n}\n:host .WACPDFViewerHeader__Overflow:active {\n  background-color: var(--cds-background-active, #8c8c8c);\n}\n:host .WACSearchBox {\n  flex: 1;\n  display: flex;\n  align-self: stretch;\n  align-items: center;\n  position: relative;\n}\n:host .WACSearchBox--inputHasFocus::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  outline: 2px solid var(--cds-chat-ACCENT-color);\n  outline-offset: -2px;\n  pointer-events: none;\n}\n:host .WACSearchBox .WACSearchBox__Icon {\n  padding-left: 1rem;\n  padding-right: 1rem;\n  fill: var(--cds-icon-secondary, #525252);\n}\n:host .WACPDFViewerHeader__PageInputWrapper input {\n  background-color: transparent;\n}\n:host .WACSearchBox__Input {\n  flex: 1;\n  width: 0;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  height: 100%;\n  min-width: 10px;\n  font-size: var(--cds-chat-BASE-font-size-med);\n}\n:host .WACSearchBox__Matches {\n  padding-left: 1rem;\n  padding-right: 1rem;\n  white-space: nowrap;\n}\n:host .WAC__searchMessage--metablock {\n  padding-bottom: 0.5rem;\n}\n:host .WAC--wideWidth .WAC__searchMessage--metablock--carousel,\n:host .WAC--standardWidth .WAC__searchMessage--metablock--carousel {\n  margin-inline: 56px 16px;\n}\n:host .WAC--narrowWidth .WAC__searchMessage--metablock--carousel {\n  margin-inline-start: 16px;\n}\n:host .WACSearchMessage ul {\n  list-style: none;\n}\n:host .WACSearchMessage li {\n  padding: 0;\n}\n:host .WACSearchMessage__ResultDivider {\n  border-bottom: solid 1px var(--cds-border-subtle-01, #c6c6c6);\n  margin: 0 1rem;\n}\n:host .WACSearchMessage__ResultsTile.cds--tile {\n  padding: 0;\n}\n:host li .WACSearchMessage__ResultTile {\n  background-color: var(--cds-layer-01, #f4f4f4);\n  margin-bottom: 0.5rem;\n  border-radius: var(--cds-chat-BASE-border-radius-small);\n}\n:host li:last-child .WACSearchMessage__ResultTile {\n  margin-bottom: 0;\n}\n:host .WACSearchMessage__Results li:first-child .WACSearchMessage__ResultDivider {\n  display: none;\n}\n:host .WACSearchMessage__ToggleShowMore {\n  margin: 0.75rem auto 0 0;\n  display: flex;\n  align-items: center;\n}\n:host .WACContainer--render[dir=rtl] .WACSearchMessage__ToggleShowMore {\n  margin: 0.75rem 0 0 auto;\n}\n:host .WACSearchMessage__ToggleShowMore svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--cds-link-primary, #0f62fe);\n  margin-left: 0.5rem;\n}\n:host .WACSearchMessage a {\n  text-decoration: none;\n}\n:host .WACSearchMessage a:hover,\n:host .WACSearchMessage a:focus {\n  text-decoration: underline;\n}\n:host .WACSearchMessage__ResultTile .WACSearchMessage__ResultTileButton {\n  color: var(--cds-text-primary, #161616);\n  padding: 0 0 1rem 0;\n  border-radius: var(--cds-chat-BASE-border-radius-small);\n  text-align: left;\n  width: 100%;\n}\n:host .WACSearchMessage a.WAC__searchResult {\n  width: 100%;\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACSearchMessage a.WAC__searchResult:focus {\n  text-decoration: none;\n  border-color: var(--cds-focus, #0f62fe);\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n}\n:host .WACSearchMessage a.WAC__searchResult:hover {\n  text-decoration: none;\n  background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n}\n:host .WACSearchMessage a.WAC__searchResult:active {\n  text-decoration: none;\n  background: var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .WACSearchMessage a.WAC__searchResult:visited {\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACSearchMessage a.WAC__searchResult.WAC__searchResult--disabled {\n  pointer-events: none;\n  cursor: default;\n}\n:host a.WAC__searchResult:first-child {\n  margin-top: 0;\n}\n:host .WAC__searchResult {\n  width: 100%;\n}\n:host .WACSearchMessage__TitleUrl {\n  font-size: var(--cds-chat-BASE-font-size-small);\n  line-height: 2rem;\n  flex: 1;\n  font-weight: bold;\n}\n:host .WACSearchMessage__ResultIcon {\n  margin-left: 0.75rem;\n  height: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n:host .WACContainer--render[dir=rtl] .WACSearchMessage__ResultIcon {\n  margin-left: 0;\n  margin-right: 0.75rem;\n}\n:host .WAC__searchResponseBody-link {\n  padding: 0.5rem 0 0.5rem 0;\n}\n:host .WACSearchMessage__ResultContent {\n  padding: 1rem 1rem 0 1rem;\n  font-size: var(--cds-chat-BASE-font-size-small);\n}\n:host .WACContainer--render[dir=rtl] .WACSearchMessage__ResultContent {\n  margin-right: 0;\n}\n:host .WAC__searchResponseBody {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n  white-space: nowrap;\n}\n:host .WAC__searchResponseBody.WACSearchMessage__Result--full {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  text-overflow: unset;\n  word-wrap: break-word;\n  white-space: normal;\n}\n:host .WACContainer--render[dir=rtl] .WAC__searchResponseBody.WACSearchMessage__Result--full {\n  padding-right: unset;\n}\n:host .WACSearchMessage__ResultBottom-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 1rem 0.5rem 1rem;\n  align-items: center;\n  justify-content: flex-end;\n}\n:host .WACSearchMessage--hasContent .WACSearchMessage__ResultBottom-wrapper {\n  padding-top: 0.5rem;\n}\n:host .WACContainer--render[dir=rtl] .WACSearchMessage__ResultBottom-wrapper {\n  margin-right: 0;\n}\n:host .WAC__searchResult .WACSearchMessage__ResultBottom-wrapper:only-child {\n  margin-top: 0.5rem;\n}\n:host .WACSearchMessage__ResultBottom {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n:host .WACSearchMessage__ResultBottom a .WACSearchMessage__TitleUrl {\n  flex: 1;\n  font-weight: initial;\n}\n@supports (-webkit-line-clamp: 5) {\n  :host .WAC__searchResponseBody {\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    text-overflow: revert;\n    -webkit-line-clamp: 5;\n    white-space: normal;\n  }\n  :host .WAC__searchResponseBody.WACSearchMessage__Result--full {\n    -webkit-line-clamp: 15;\n  }\n}\n:host .WACSearchTileSkeleton__Title {\n  width: 80%;\n  padding-bottom: 0.5rem;\n}\n:host .WACSearchTileSkeleton__Title .cds--skeleton__text {\n  height: 18px;\n  margin: 0;\n}\n:host .WACSearchTileSkeleton__Text .cds--skeleton__text {\n  height: 10px;\n  margin: 0.5rem 0 0 0;\n}\n:host .WACSearchTileSkeleton__ResultDivider {\n  padding-top: 1rem;\n  border-bottom: solid 1px var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .WACSearchTileSkeleton:last-child .WACSearchTileSkeleton__ResultDivider {\n  border-bottom: none;\n}\n:host .WAC__TextArea {\n  position: relative;\n  height: fit-content;\n}\n:host .WAC__TextArea .WAC__TextArea-textarea {\n  width: 100%;\n  height: 100%;\n  font: inherit;\n  color: inherit;\n  border: var(--cds-chat-BASE-border-width-med) solid transparent;\n  padding: 0;\n}\n:host .WAC__TextArea .WAC__TextArea-textarea:focus {\n  border: var(--cds-chat-BASE-border-width-med) solid var(--cds-focus, #0f62fe);\n  outline: 0;\n  border-radius: 0;\n}\n:host .WAC__TextArea .WAC__TextArea-textarea::-moz-focus-inner {\n  border: var(--cds-chat-BASE-border-width-med) solid var(--cds-focus, #0f62fe);\n  outline: 0;\n  border-radius: 0;\n}\n:host .WAC__TextArea.WAC__TextArea--autoSize .WAC__TextArea-textarea {\n  position: absolute;\n  top: 0;\n}\n:host .WAC__TextArea .WAC__TextArea-sizer {\n  visibility: hidden;\n  padding-bottom: 1px;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n:host .WACTourCard {\n  max-width: 424px;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACTourCard__Title {\n  font-size: var(--cds-chat-BASE-font-size-large);\n  font-weight: var(--cds-chat-BASE-weight-semibold);\n  padding: 0 0 2px;\n}\n:host .WACTourCard__Description {\n  padding: 0.5rem 0 2rem 0;\n  color: var(--cds-text-secondary, #525252);\n}\n:host .WACTourCard__RestartButton.cds--btn--ghost {\n  margin-left: 0.5rem;\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACTourCard__ResumeButton.cds--btn--primary {\n  color: var(--cds-chat-ACCENT-color-text);\n}\n:host .WACContainer--render[dir=rtl] .WACTourCard__RestartButton.cds--btn.cds--btn--ghost {\n  margin-left: 0;\n  margin-right: 0.5rem;\n  padding-right: 11px;\n  padding-left: 16px;\n}\n:host .WACContainer--render[dir=rtl] .WACTourCard__StartButton svg,\n:host .WACContainer--render[dir=rtl] .WACTourCard__ResumeButton svg {\n  transform: rotate(180deg);\n}\n:host .WACContainer--render[dir=rtl] .WACTourCard__RestartButton svg {\n  margin-left: 0;\n  margin-right: 8px;\n}\n:host .WACChannelTransfer__url {\n  word-wrap: break-word;\n  opacity: 0.65;\n  margin-top: 14px;\n}\n:host .WACBodyMessageComponents__MessageWrapper {\n  padding: 1rem;\n}\n:host .WACBodyMessageComponents__MessageWrapper.WACBodyMessageComponents__MessageWrapper--shortBottomPadding {\n  padding-bottom: 0.75rem;\n}\n:host .WACBodyMessageComponents .WACMediaPlayer__Skeleton,\n:host .WACBodyMessageComponents .WACMediaPlayer,\n:host .WACBodyMessageComponents .WACImage {\n  border: none;\n}\n:host .WACBodyMessageComponents__MessageWrapper.WACBodyMessageComponents__MessageWrapper--shortBottomPadding + .WACBodyMessageComponents__MessageWrapper:not(.WACBodyMessageComponents__MessageWrapper--fullWidth) {\n  padding-top: 0;\n}\n:host .WACBodyMessageComponents__MessageWrapper.WACBodyMessageComponents__MessageWrapper--fullWidth {\n  padding: 0;\n}\n:host .WACClickableImage {\n  max-width: 424px;\n  position: relative;\n  padding: 0;\n  color: unset;\n  width: 100%;\n  text-align: unset;\n  outline: none;\n  outline-offset: -2px;\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n  border: none;\n  overflow: hidden;\n  background-color: unset;\n  cursor: pointer;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.WACClickableImage .WACTextHolderTile__Title {\n  color: var(--cds-text-primary, #161616);\n}\n:host .WACClickableImage .WACImage {\n  position: unset;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .WACClickableImage .WACImage__Image {\n  user-select: none;\n}\n:host .WACClickableImage:enabled:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n}\n:host .WACClickableImage:enabled:hover .WACImage {\n  background-color: var(--cds-layer-hover);\n  text-decoration: underline;\n}\n:host .WACClickableImage:enabled:hover .WACImage__Image {\n  opacity: 0.8;\n}\n:host .WACClickableImage:disabled {\n  cursor: not-allowed;\n}\n:host .WACClickableImage:disabled .WACImage {\n  opacity: 0.5;\n}\n:host .WAC__description {\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WACContainer--render[dir=rtl] .WAC__disclaimer-title,\n:host .WACContainer--render[dir=rtl] .WAC__disclaimer-description {\n  text-align: right;\n}\n:host .WAC__errors {\n  word-break: break-all;\n}\n:host .WACFooterButtonComponents {\n  display: flex;\n  width: 100%;\n}\n:host .WACContainer--render[dir=rtl] .WACFooterButtonComponents .WACButtonItem.cds--btn,\n:host .WACFooterButtonComponents .WACButtonItem.cds--btn {\n  max-width: unset;\n  flex: 1;\n}\n:host .WACFooterButtonComponents .WACButtonItem.cds--btn:not(:only-child):first-child {\n  margin-right: 1px;\n}\n:host .WACFooterButtonComponents .WACButtonItem.cds--btn:not(:only-child) {\n  max-width: 50%;\n}\n:host .WACContainer--render[dir=rtl] .WACFooterButtonComponents .WACButtonItem.cds--btn:not(:only-child):first-child {\n  margin-right: 0;\n  margin-left: 1px;\n}\n:host .WACFooterButtonComponents--column .WACButtonItem:last-child,\n:host .WACFooterButtonComponents .WACButtonItem:first-child {\n  border-end-start-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACFooterButtonComponents .WACButtonItem:last-child {\n  border-end-end-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget--rounded .WAC__overlay-panel .WACFooterButtonComponents .WACButtonItem:first-child {\n  border-end-start-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACWidget--rounded .WAC__overlay-panel .WACFooterButtonComponents .WACButtonItem:last-child {\n  border-end-end-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACWidget__animationContainer--withBrandingBanner .WAC__overlay-panel .WACFooterButtonComponents .WACButtonItem:first-child,\n:host .WACWidget:not(.WACWidget--rounded) .WACWidget__animationContainer:not(.WACWidget__animationContainer--withBrandingBanner) .WAC__overlay-panel .WACFooterButtonComponents .WACButtonItem:first-child {\n  border-end-start-radius: 0;\n}\n:host .WACWidget__animationContainer--withBrandingBanner .WAC__overlay-panel .WACFooterButtonComponents .WACButtonItem:last-child,\n:host .WACWidget:not(.WACWidget--rounded) .WACWidget__animationContainer:not(.WACWidget__animationContainer--withBrandingBanner) .WAC__overlay-panel .WACFooterButtonComponents .WACButtonItem:last-child {\n  border-end-end-radius: 0;\n}\n:host .WACFooterButtonComponents--column {\n  flex-direction: column;\n}\n:host .WACFooterButtonComponents.WACFooterButtonComponents--column .WACButtonItem.cds--btn {\n  width: 100%;\n  max-width: unset;\n}\n:host .WACWidget--rounded .WAC__overlay-panel .WACFooterButtonComponents.WACFooterButtonComponents--column .WACButtonItem:last-child {\n  border-end-start-radius: var(--cds-chat-CONTAINER-border-radius);\n  border-end-end-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACWidget__animationContainer--withBrandingBanner .WAC__overlay-panel .WACFooterButtonComponents--column .WACButtonItem.WACButtonItem:last-child,\n:host .WACFooterButtonComponents.WACFooterButtonComponents--column .WACButtonItem.WACButtonItem:not(:last-child) {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n:host .WACMediaPlayer,\n:host .WACMediaPlayer__Skeleton {\n  overflow: hidden;\n  padding: 0;\n}\n:host .WACMediaPlayer__Wrapper {\n  overflow: hidden;\n}\n:host .WACMediaPlayer__SkeletonContainer,\n:host .WACMediaPlayer__Wrapper {\n  position: relative;\n}\n:host .WACMediaPlayer__Background {\n  background-color: #393939;\n}\n:host .WACMediaPlayer__Background--audio {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .WACMediaPlayer__Player iframe {\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n}\n:host .WACMediaPlayer__MusicIcon {\n  fill: #ffffff;\n}\n:host .WACMediaPlayer__ErrorIcon {\n  display: block;\n  margin: auto auto 2px;\n  fill: var(--cds-support-error, #da1e28);\n}\n:host .WACMediaPlayer__SkeletonPlayer,\n:host .WACMediaPlayer__Background,\n:host .WACMediaPlayer__Player {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n:host .WACMediaPlayer__SkeletonPlayer,\n:host .WACMediaPlayer__Background {\n  width: 100%;\n  height: 100%;\n}\n:host .WACMediaPlayer__Root {\n  width: 100%;\n}\n:host .WACMediaPlayer__SkeletonTextContainer {\n  padding: 1rem;\n}\n:host .WAC__received--metablock {\n  color: var(--cds-text-primary, #161616);\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WAC__received--metablock-content:nth-child(2) {\n  margin-top: 0.5rem;\n}\n:host .WACTextHolderTile {\n  display: flex;\n  min-height: initial;\n  padding: 1rem;\n}\n:host .WACTextHolderTile__Icon {\n  flex: 0 1 auto;\n  margin: 0.125rem 0.5rem 0 0;\n}\n:host .WACTextHolderTile__Wrapper {\n  flex: 1 1;\n  align-self: center;\n}\n:host .WACTextHolderTile__Title {\n  font-weight: 400;\n  font-size: var(--cds-chat-BASE-font-size-large);\n  line-height: 22px;\n  min-height: unset;\n}\n:host .WACTextHolderTile__Description {\n  color: var(--cds-text-secondary, #525252);\n}\n:host .WACTextHolderTile__Description,\n:host .WACTextHolderTile__Url {\n  font-size: var(--cds-chat-BASE-font-size-small);\n  line-height: var(--cds-chat-BASE-line-height-small);\n  min-height: unset;\n}\n:host .WACTextHolderTile__DescriptionMargin {\n  margin-top: 0.125rem;\n}\n:host .WACTextHolderTile__Url {\n  color: var(--cds-link-primary, #0f62fe);\n}\n:host .WACTextHolderTile__UrlMargin {\n  margin-top: 1rem;\n}\n:host .WACTextHolderTile__LaunchIcon {\n  display: flex;\n  flex-direction: column;\n}\n@supports (-webkit-line-clamp: 3) {\n  :host .WACTextHolderTile__Description {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    white-space: normal;\n  }\n}\n@supports (-webkit-line-clamp: 2) {\n  :host .WACTextHolderTile__Title {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    white-space: normal;\n  }\n}\n:host .WACContainer--render[dir=rtl] .WACTextHolderTile__Icon {\n  margin-right: 0;\n  margin-left: 0.5rem;\n}\n:host .WACCitationCard {\n  width: 100%;\n  display: block;\n}\n:host .WAC__message a.WACCitationCard--clickable,\n:host .WAC__message button.WACCitationCard--clickable {\n  border: none;\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n  padding: 0;\n  padding-inline-end: 0;\n  width: 100%;\n}\n:host .WAC__message a.WACCitationCard--clickable .cds--tile,\n:host .WAC__message button.WACCitationCard--clickable .cds--tile {\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  border: none;\n  box-shadow: 0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .WAC__message a.WACCitationCard--clickable:focus,\n:host .WAC__message button.WACCitationCard--clickable:focus {\n  text-decoration: none;\n}\n:host .WAC__message a.WACCitationCard--clickable:focus .cds--tile,\n:host .WAC__message button.WACCitationCard--clickable:focus .cds--tile {\n  text-decoration: none;\n  box-shadow: 0 0 0 2px inset var(--cds-focus, #0f62fe);\n}\n:host .WAC__message a.WACCitationCard--clickable:hover,\n:host .WAC__message button.WACCitationCard--clickable:hover {\n  text-decoration: none;\n}\n:host .WAC__message a.WACCitationCard--clickable:hover .cds--tile,\n:host .WAC__message button.WACCitationCard--clickable:hover .cds--tile {\n  background: var(--cds-layer-hover);\n  text-decoration: none;\n}\n:host .WAC__message a.WACCitationCard--clickable:active,\n:host .WAC__message button.WACCitationCard--clickable:active {\n  text-decoration: none;\n}\n:host .WAC__message a.WACCitationCard--clickable:active .cds--tile,\n:host .WAC__message button.WACCitationCard--clickable:active .cds--tile {\n  text-decoration: none;\n  box-shadow: 0 0 0 2px inset var(--cds-focus, #0f62fe);\n}\n:host .WACCitationCard_Header {\n  height: 128px;\n}\n:host .WACCitationCard_Title {\n  font-size: var(--cds-chat-BASE-font-size-large);\n  color: var(--cds-text-secondary, #525252);\n  padding-bottom: 0.5rem;\n}\n:host .WACCitationCard_Text {\n  color: var(--cds-text-secondary, #525252);\n  font-size: var(--cds-chat-BASE-font-size-med);\n  display: -webkit-box;\n  -webkit-line-clamp: 5;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  white-space: normal;\n  text-align: left;\n}\n:host .WACCitationCard_Footer {\n  color: var(--cds-link-primary);\n  display: flex;\n  justify-content: space-between;\n  padding-top: 0.5rem;\n}\n:host .WACCitationCard_Label,\n:host .WACCitationCard_Icon {\n  font-size: var(--cds-chat-BASE-font-size-small);\n}\n:host .WACCitationCard_Icon {\n  display: flex;\n  align-items: center;\n}\n:host .WAC__message a:hover.WACCitationCard--clickable {\n  text-decoration: none;\n  cursor: pointer;\n}\n:host .WACViewSourcePanel {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n:host .WACViewSourcePanel .WACPanelContent {\n  flex: 1;\n}\n:host .WACViewSourcePanel__Content {\n  background-color: var(--cds-background, #ffffff);\n  padding: 0.75rem;\n  height: 100%;\n  overflow: auto;\n}\n:host .WACTableContainer {\n  overflow-x: auto;\n  display: flex;\n  background-color: var(--cds-layer);\n}\n:host .WACIconHolder {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .WACUICustomizationElement--response {\n  top: 0;\n  left: 20px;\n  position: absolute;\n}\n:host .WACVisuallyHidden {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n:host .WAC__ChatNonHeaderContainer {\n  flex: 1;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n:host .WAC__messagesAndInputContainer {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n}\n:host .WACMessagesContainer__NonInputContainer {\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n:host .WACAgentContainer .WAC {\n  background-color: var(--cds-layer-01, #f4f4f4);\n}\n:host .WAC__process-wizard-done-button {\n  justify-content: center;\n}\n:host .WAC__MessagesErrorHandler {\n  padding: 1rem;\n}\n:host .WAC__overlay--Catastrophic .WAC__overlay-panel {\n  display: flex;\n  flex-direction: column;\n}\n:host .WACCatastrophicError {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACCatastrophicError--withHeader {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n:host .WACCatastrophicError .WACCatastrophicError__ErrorTextContainer > svg {\n  max-height: 128px;\n  max-width: 128px;\n  padding-inline-start: 0.25rem;\n  margin-left: calc(2rem * -1);\n}\n:host .WACCatastrophicError__ErrorTextContainer {\n  margin-top: 1.5rem;\n  margin-inline: 2rem;\n}\n:host .WACCatastrophicError__ErrorHeading {\n  font-weight: 400;\n  font-size: 28px;\n  line-height: 36px;\n}\n:host .WACCatastrophicError__ErrorBody {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: 0.16px;\n  color: var(--cds-text-secondary, #525252);\n  margin-top: 1rem;\n}\n:host .WACCatastrophicError__RestartButton {\n  margin-top: 1rem;\n}\n:host .WACCatastrophicError--withHeader .WACCatastrophicError__ErrorTextContainer {\n  margin-bottom: 41px;\n}\n:host .WAC--wideWidth.WACWidget--maxWidth .WACCatastrophicError.WACPanelContent {\n  max-width: 100%;\n}\n:host .WAC--wideWidth.WACWidget--maxWidth .WACCatastrophicError__ErrorTextContainer {\n  margin: auto;\n  max-width: 672px;\n}\n:host .WACDisclaimerContainer {\n  display: flex;\n  flex-basis: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n}\n:host .WAC__disclaimer {\n  color: var(--cds-text-primary, #161616);\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n}\n:host .WAC__disclaimer-content {\n  background-color: var(--cds-chat-shell-background, #ffffff);\n}\n:host .WAC__disclaimer .WACHeader {\n  color: var(--cds-text-primary, #161616);\n  border-bottom: none;\n}\n:host .WAC__disclaimer-content.WACPanelContent,\n:host .WAC--wideWidth .WAC__disclaimer-content.WACPanelContent {\n  flex-grow: 1;\n  padding: 0 2rem 0 2rem;\n  overflow: unset;\n  overflow: hidden auto;\n}\n:host .WAC__disclaimer-icon {\n  margin-inline-start: calc(1.5rem * -1);\n  padding: 1.5rem 0 1.5rem 0;\n}\n:host .WAC__disclaimer-icon > svg {\n  height: 128px;\n  width: 128px;\n}\n:host .WAC__disclaimer-title {\n  font-weight: 400;\n  font-size: 28px;\n  line-height: 36px;\n  display: block;\n  padding-bottom: 1rem;\n  width: 100%;\n}\n:host .WAC__disclaimer-description {\n  font-weight: 400;\n  line-height: 24px;\n  padding-bottom: 1rem;\n}\n:host .WAC__disclaimer-buttons {\n  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);\n  width: 100%;\n}\n:host .WAC--narrowWidth .WAC__disclaimer-buttons button.WAC__disclaimer-acceptButton,\n:host .WAC--standardWidth .WAC__disclaimer-buttons button.WAC__disclaimer-acceptButton {\n  max-inline-size: unset;\n  width: 100%;\n  border-end-start-radius: var(--cds-chat-CONTAINER-border-radius);\n  border-end-end-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WAC--narrowWidth .WACWidget__animationContainer--withBrandingBanner .WAC__disclaimer-buttons button.WAC__disclaimer-acceptButton,\n:host .WAC--standardWidth .WACWidget__animationContainer--withBrandingBanner .WAC__disclaimer-buttons button.WAC__disclaimer-acceptButton {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n:host .WAC--wideWidth .WAC__disclaimer-buttons {\n  display: flex;\n  flex-direction: row-reverse;\n}\n:host .WAC--wideWidth .WAC__disclaimer-buttons button.WAC__disclaimer-acceptButton {\n  width: 288px;\n}\n:host .WACWidget--maxWidth.WAC--wideWidth .WAC__disclaimer-buttonsPadding {\n  display: flex;\n  justify-content: flex-end;\n  margin: auto;\n  width: 672px;\n}\n:host .WACErrorIcon {\n  fill: var(--cds-support-error, #da1e28);\n  vertical-align: middle;\n}\n:host .WACErrorIcon path[data-icon-path=inner-path] {\n  fill: var(--cds-icon-on-color, #ffffff);\n  opacity: 1;\n}\n:host .WAC__hydratingContainer {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n:host .WAC__hydrating {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n:host .WAC__hydrating.WAC__hydrating--homeScreen circle {\n  stroke: var(--cds-text-primary, #161616);\n}\n:host .WAC__hydrating .WAC__LoadingSpinner {\n  margin-top: -64px;\n  width: 48px;\n  height: 48px;\n}\n:host .WAC__hydrating .WAC__LoadingSpinner path {\n  stroke: var(--cds-interactive, #0f62fe);\n}\n:host .WACWidget--maxWidth .WAC__hydrating.WACPanelContent {\n  max-width: 100%;\n}\n:host .WAC__overlay-panelContainer {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n:host .WAC__overlay--covering.WAC__overlay-panelContainer--animating {\n  overflow: hidden;\n}\n:host .WAC__overlay--covering.WAC__overlay-panelContainer--animating .WACHeader.WAC--primaryColor {\n  background-color: unset;\n}\n:host .WAC__overlay--covering .WAC__overlay-panel .WACHeader.WAC--primaryColor {\n  position: relative;\n}\n:host .WACWidget--rounded .WAC__overlay--covering.WAC__overlay-panelContainer .WACHeader--content {\n  border-top-left-radius: var(--cds-chat-BASE-border-radius-med);\n  border-top-right-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget--rounded .WAC--wideWidth .WAC__overlay--covering .WACHeader__LeftButtons .cds--popover-container:first-child .cds--btn {\n  border-start-start-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget--rounded .WAC--wideWidth .WAC__overlay--covering .WACHeader__RightButtons .cds--popover-container:last-child .cds--btn {\n  border-start-end-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WAC__overlay--covering.WAC__overlay-panelContainer:not(.WAC__overlay-panelContainer--animating) .WACHeader.WAC--primaryColor::before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n  opacity: 0.5;\n  border-bottom: 1px solid var(--cds-border-subtle-00, #e0e0e0);\n}\n:host .WACWidget.WACWidget--rounded .WAC__overlay--covering.WAC__overlay-panelContainer:not(.WAC__overlay-panelContainer--animating) .WACHeader.WAC--primaryColor::before {\n  border-top-left-radius: var(--cds-chat-BASE-border-radius-med);\n  border-top-right-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WAC__overlay-panel {\n  position: absolute;\n  display: block;\n  top: 0;\n  border-radius: 0;\n  box-sizing: border-box;\n  height: 100%;\n  margin: 0;\n  min-height: 100%;\n  text-align: left;\n  width: 100%;\n}\n:host .WACContainer--render[dir=rtl] .WAC__overlay-panel {\n  left: unset;\n  right: 0;\n  text-align: right;\n}\n:host .WAC__overlay-panel--closed {\n  display: none;\n}\n:host .WAC__overlay-panel--opening--fadeIn {\n  animation: 240ms cubic-bezier(0, 0, 0.3, 1) WACFadeIn both;\n}\n:host .WAC__overlay-panel--opening--slideInFromLeft {\n  animation: 240ms cubic-bezier(0, 0, 0.3, 1) WACSlideInFromLeft both;\n}\n:host .WAC__overlay-panel--opening--slideInFromRight {\n  animation: 240ms cubic-bezier(0, 0, 0.3, 1) WACSlideInFromRight both;\n}\n:host .WACContainer--render[dir=rtl] .WAC__overlay-panel--opening--slideInFromLeft {\n  animation: 240ms cubic-bezier(0, 0, 0.3, 1) WACSlideInFromRight both;\n}\n:host .WACContainer--render[dir=rtl] .WAC__overlay-panel--opening--slideInFromRight {\n  animation: 240ms cubic-bezier(0, 0, 0.3, 1) WACSlideInFromLeft both;\n}\n:host .WAC__overlay-panel--opening--slideInFromBottom {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideInFromBottom both;\n}\n:host .WAC__overlay-panel--opening--brandingSlideInFromBottom {\n  animation: 240ms cubic-bezier(0, 0, 0.3, 1) WACSlideInFromBottom both;\n}\n:host .WAC__overlay-panel--closing--fadeOut {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACFadeOut both;\n}\n:host .WAC__overlay-panel--closing--slideOutToLeft {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideOutToLeft both;\n}\n:host .WAC__overlay-panel--closing--slideOutToRight {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideOutToRight both;\n}\n:host .WAC__overlay-panel--closing--slideOutToTop {\n  animation: 400ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideOutToTop both;\n}\n:host .WACContainer--render[dir=rtl] .WAC__overlay-panel--closing--slideOutToLeft {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideOutToRight both;\n}\n:host .WACContainer--render[dir=rtl] .WAC__overlay-panel--closing--slideOutToRight {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideOutToLeft both;\n}\n:host .WAC__overlay-panel--closing--slideOutToBottom {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) WACSlideOutToBottom both;\n}\n:host .WAC__LoadingBar {\n  display: flex;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  height: 6px;\n  width: 100%;\n}\n:host .WAC__LoadingBar_Bar {\n  height: 6px;\n}\n:host .WAC-isPhone .WAC__LoadingBar {\n  margin-top: -6px;\n  height: 6px;\n}\n:host .WACLoadingBar__ConnectingAnimation {\n  background: repeating-linear-gradient(to right, var(--cds-layer-01, #f4f4f4) 0%, var(--cds-focus) 50%, var(--cds-layer-01, #f4f4f4) 100%);\n  width: 100%;\n  height: 6px;\n  background-size: 200% auto;\n  background-position: 0 100%;\n  animation: WACLoadingBar__ConnectingAnimationKeyFrames 1400ms infinite;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n}\n:host .WACResponseStopped {\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-large);\n  font-style: italic;\n  color: var(--cds-text-secondary, #525252);\n  margin-top: 1rem;\n}\n:host .WAC--standardWidth .WACConversationalSearch + .WACResponseStopped,\n:host .WAC--wideWidth .WACConversationalSearch + .WACResponseStopped {\n  padding-inline-start: 56px;\n}\n:host .WAC--narrowWidth .WACConversationalSearch + .WACResponseStopped {\n  padding-inline-start: 16px;\n}\n:host .WACTour {\n  animation: WACLauncherIn 150ms cubic-bezier(0, 0, 0.3, 1) both;\n  color: var(--cds-text-primary, #161616);\n  background-color: var(--cds-background, #ffffff);\n  position: fixed;\n  bottom: var(--cds-chat-LAUNCHER-position-bottom);\n  right: var(--cds-chat-LAUNCHER-position-bottom);\n  display: flex;\n  flex-direction: column;\n  width: var(--cds-chat-BASE-width);\n  border-radius: 0.75rem;\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n  z-index: var(--cds-chat-BASE-z-index);\n}\n:host .WAC-isPhone.WAC-isPhonePortraitMode .WACTour {\n  left: var(--cds-chat-LAUNCHER-position-bottom);\n  width: unset;\n}\n:host .WAC-isPhone:not(.WAC-isPhonePortraitMode) .WACTour {\n  width: 360px;\n}\n:host .WACTourStep__Wrapper {\n  overflow: hidden;\n  border-top-left-radius: 0.75rem;\n  border-top-right-radius: 0.75rem;\n  isolation: isolate;\n}\n:host .WACTourStep {\n  min-height: 5rem;\n  max-height: calc(var(--cds-chat-BASE-max-height) / 2);\n  overflow: hidden auto;\n}\n:host .WAC-isPhone.WAC-isPhonePortraitMode .WACTourStep {\n  max-height: 40vh;\n}\n:host .WAC-isPhone:not(.WAC-isPhonePortraitMode) .WACTourStep {\n  max-height: calc(100vh - 2rem - 0.5rem - 40px - var(--cds-chat-LAUNCHER-position-bottom) - var(--cds-chat-LAUNCHER-position-bottom));\n}\n:host .WACTourStep__Text,\n:host .WACTourStep .WACTextHolderTile,\n:host .WACTourStep .WAC__inlineError {\n  padding: 1rem 1.5rem;\n}\n:host .WACTourStep__Skeleton {\n  border-top-left-radius: 0.75rem;\n  border-top-right-radius: 0.75rem;\n  height: 221px;\n}\n:host .WACTourStep__SkeletonPlaceholder {\n  width: 100%;\n  height: 100%;\n}\n:host .WACTourStep__Text p.WACWidget__MarkdownP,\n:host .WACTourStep .WACTextHolderTile__Description,\n:host .WACTourStep .WAC__inlineError--text,\n:host .WACTourStep a,\n:host .WACTourStep ul,\n:host .WACTourStep ol,\n:host .WACTourStep li,\n:host .WACTourStep th,\n:host .WACTourStep td {\n  font-size: var(--cds-chat-BASE-font-size-large);\n  line-height: var(--cds-chat-BASE-line-height-large);\n}\n:host .WACTourStep img {\n  max-width: 100%;\n}\n:host .WACTourStep .WACTextHolderTile {\n  background-color: var(--cds-background, #ffffff);\n}\n:host .WACTourStep .WACTextHolderTile__Wrapper.WACWidget__textEllipsis .WACTextHolderTile__Description {\n  -webkit-line-clamp: unset;\n}\n:host .WACTourStep .WAC__media-image,\n:host .WACTourStep .WACMediaPlayer {\n  border-radius: inherit;\n}\n:host .WACTourStep .WAC__imageHolder,\n:host .WACTourStep .WACMediaPlayer .WACMediaPlayer__PlayerBackground {\n  background-color: var(--cds-border-strong-01, #8d8d8d);\n}\n:host .WACTour__Controls--empty > * {\n  visibility: hidden;\n}\n:host .WACTourStep.WACTourStep--hidden {\n  visibility: hidden;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n:host .WACTourStep.WACTourStep--hidden .WACMediaPlayer iframe {\n  visibility: hidden !important;\n}\n:host .WACTour__Controls {\n  display: flex;\n  border-top: var(--cds-chat-BASE-border-width-small) solid var(--cds-layer-03, #f4f4f4);\n}\n:host .WACTour__ControlsButton {\n  max-width: unset;\n  flex: auto;\n  justify-content: center;\n  flex-basis: 33%;\n  padding: unset;\n  display: flex;\n  align-items: stretch;\n}\n:host .WACTour__ControlsButton .cds--popover-container {\n  display: block;\n  width: 100%;\n}\n:host .WACTour__ControlsButton .cds--popover-container button {\n  width: 100%;\n}\n:host .WACTour__ControlsButton:first-of-type .cds--btn {\n  border-bottom-left-radius: 0.75rem;\n}\n:host .WACTour__ControlsButton:last-of-type .cds--btn {\n  flex: 1;\n  border-bottom-right-radius: 0.75rem;\n}\n:host .WACTour__ControlsButton:only-child .cds--btn {\n  flex: 1;\n}\n:host .WACTour__ControlsButton--hidden {\n  visibility: hidden;\n}\n:host .WACTour__CloseMinimizeWrapper {\n  display: flex;\n  position: absolute;\n  right: 0;\n  top: calc(-1 * (2rem + 0.5rem));\n  background-color: var(--cds-background, #ffffff);\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n  border-radius: 1rem;\n}\n:host .WACTour__CloseMinimizeButton {\n  height: 2rem;\n  min-height: 2rem;\n  padding: 0.5rem;\n  border: none;\n}\n:host .WACTour__CloseMinimizeWrapper .cds--popover-container:first-of-type .WACTour__CloseMinimizeButton {\n  padding-left: 20px;\n  padding-right: 1rem;\n  border-top-left-radius: 1rem;\n  border-bottom-left-radius: 1rem;\n}\n:host .WACTour__CloseMinimizeWrapper .cds--popover-container:last-of-type .WACTour__CloseMinimizeButton {\n  padding-left: 1rem;\n  padding-right: 20px;\n  border-top-right-radius: 1rem;\n  border-bottom-right-radius: 1rem;\n}\n:host .WACTour__CloseMinimizeWrapper .cds--popover-container:only-child .WACTour__CloseMinimizeButton {\n  padding-right: 1rem;\n}\n:host .WACTour__CloseMinimizeDivider {\n  width: 1px;\n  background-color: var(--cds-border-subtle-00, #e0e0e0);\n}\n:host .WACTour .cds--inline-notification {\n  margin: 0;\n}\n:host .WACTour__StatusContainer {\n  position: relative;\n}\n:host .WACTour .WACLoadingBar__ConnectingAnimation {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n:host .WACTour__ErrorScreen {\n  height: 138px;\n  background-color: var(--cds-background, #ffffff);\n  padding: 1rem 1.5rem;\n  border-radius: 0.75rem;\n}\n:host .WACTour__ErrorHeader {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n}\n:host .WACTour__ErrorBody {\n  margin-left: 2rem;\n}\n:host .WACTour .WACTour__ErrorIcon {\n  fill: var(--cds-support-error, #da1e28);\n  margin-right: 0.75rem;\n}\n:host .WACTour__ErrorText {\n  margin-bottom: 1rem;\n}\n:host .WACTour__ErrorButton {\n  margin-top: 0.25rem;\n}\n:host .WACContainer--render[dir=rtl] .WACTour {\n  right: unset;\n  left: var(--cds-chat-LAUNCHER-position-right);\n}\n:host .WACContainer--render[dir=rtl] .WACTour__CloseMinimizeWrapper {\n  right: unset;\n  left: 0;\n}\n:host .WACContainer--render[dir=rtl] .WACTour__CloseMinimizeWrapper .cds--popover-container:first-of-type .WACTour__CloseMinimizeButton {\n  border-radius: 0 1rem 1rem 0;\n}\n:host .WACContainer--render[dir=rtl] .WACTour__CloseMinimizeWrapper .cds--popover-container:last-of-type .WACTour__CloseMinimizeButton {\n  border-radius: 1rem 0 0 1rem;\n}\n:host .WACContainer--render[dir=rtl] .WACTour__ControlsButton:first-of-type .cds--btn {\n  border-radius: 0 0 0.75rem 0;\n}\n:host .WACContainer--render[dir=rtl] .WACTour__ControlsButton:last-of-type .cds--btn {\n  border-radius: 0 0 0 0.75rem;\n}\n:host .WACContainer--render[dir=rtl] .WACTour__PreviousButton svg,\n:host .WACContainer--render[dir=rtl] .WACTour__NextButton svg {\n  transform: rotate(180deg);\n}\n:host .WACTour .WACImage,\n:host .WACTour .WACMediaPlayer {\n  border: none;\n  border-radius: 0;\n}\n:host .WACWatsonLogo {\n  fill: currentcolor;\n}\n:host .WACWidget__regionContainer {\n  height: 100%;\n  width: 100%;\n}\n:host .WACWidget.WACWidget {\n  visibility: visible;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  text-rendering: optimizelegibility;\n  -webkit-font-smoothing: antialiased;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -moz-osx-font-smoothing: grayscale;\n  box-shadow: 1px 0 4px hsla(0, 0%, 9%, 0.3);\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WAC--aiTheme .WACWidget.WACWidget {\n  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n  background: linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box;\n  border: solid 1px transparent;\n}\n:host .WAC--frameless .WACWidget.WACWidget {\n  box-shadow: none;\n  border: none;\n}\n:host .WACWidget.WACWidget--rounded {\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget.WACWidget--rounded .WACViewSourcePanel,\n:host .WACWidget.WACWidget--rounded .WACHomeScreen,\n:host .WACWidget.WACWidget--rounded .WACConfirmModal,\n:host .WACWidget.WACWidget--rounded .WACWidget__animationContainer,\n:host .WACWidget.WACWidget--rounded .WACBotContainer,\n:host .WACWidget.WACWidget--rounded .WAC,\n:host .WACWidget.WACWidget--rounded .WAC__overlay-panel,\n:host .WACWidget.WACWidget--rounded .WAC__hydratingContainer,\n:host .WACWidget.WACWidget--rounded .WACBackgroundCover,\n:host .WACWidget.WACWidget--rounded .WACAlternateSuggestionsContainer {\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget.WACWidget--rounded .WACHeader {\n  border-top-left-radius: var(--cds-chat-BASE-border-radius-med);\n  border-top-right-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget.WACWidget--rounded .WACInputContainer,\n:host .WACWidget.WACWidget--rounded .WACBrandingBanner {\n  border-bottom-left-radius: var(--cds-chat-BASE-border-radius-med);\n  border-bottom-right-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACWidget.WACWidget--rounded:not(.WACWidget--maxWidth) .WACWidget__animationContainer--withBrandingBanner .WACInputContainer,\n:host .WACWidget.WACWidget--rounded .WACWidget__animationContainer--withBrandingBanner {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n:host .WACGrid .WACImage,\n:host .WACGrid .WACMediaPlayer,\n:host .WACGrid .WACMediaPlayer__Skeleton,\n:host .WACBodyMessageComponents__MessageWrapper .WACImage,\n:host .WACBodyMessageComponents__MessageWrapper .WACMediaPlayer,\n:host .WACBodyMessageComponents__MessageWrapper .WACMediaPlayer__Skeleton {\n  border-radius: 0;\n}\n:host .WACWidget .WACWidget__animationContainer {\n  background: var(--cds-chat-shell-background, #ffffff);\n  position: relative;\n  width: 100%;\n  flex: 1;\n  z-index: 1;\n}\n:host .WACWidget.WACWidget--closed .WACWidget__animationContainer {\n  overflow: hidden;\n}\n:host .WACWidget.WACWidget--launched.WACWidget--defaultElement {\n  animation: WACWidgetIn 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n:host .WACWidget.WACWidget--closing.WACWidget--defaultElement {\n  animation: WACWidgetOut 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .WAC--aiTheme .WACWidget.WACWidget.WACWidget--closed,\n:host .WACWidget.WACWidget.WACWidget--closed {\n  box-shadow: none;\n  border: none;\n}\n:host .WACWidget.WACWidget--closed.WACWidget--defaultElement {\n  display: none;\n}\n:host .WACWidget.WACWidget--defaultElement {\n  inset: var(--cds-chat-BASE-top-position) var(--cds-chat-BASE-right-position) var(--cds-chat-BASE-bottom-position) var(--cds-chat-BASE-left-position);\n  height: var(--cds-chat-BASE-height);\n  max-height: var(--cds-chat-BASE-max-height);\n  min-height: var(--cds-chat-BASE-min-height);\n  position: fixed;\n  max-width: var(--cds-chat-BASE-max-width);\n  width: var(--cds-chat-BASE-width);\n  z-index: var(--cds-chat-BASE-z-index);\n}\n:host .WACContainer--render[dir=rtl] .WACWidget.WACWidget--defaultElement {\n  right: var(--cds-chat-BASE-left-position);\n  left: var(--cds-chat-BASE-right-position);\n}\n:host .WAC-isPhone:not(.WACContainer-disableMobileEnhancements) .WACWidget {\n  inset: var(--cds-chat-BASE-top-position) var(--cds-chat-BASE-right-position) var(--cds-chat-BASE-bottom-position) var(--cds-chat-BASE-left-position);\n  height: var(--cds-chat-BASE-height);\n  max-height: var(--cds-chat-BASE-max-height);\n  min-height: var(--cds-chat-BASE-min-height);\n  position: fixed;\n  width: var(--cds-chat-BASE-width);\n  z-index: var(--cds-chat-BASE-z-index);\n}\n:host .WAC-isPhone[dir=rtl]:not(.WACContainer-disableMobileEnhancements) .WACWidget {\n  right: var(--cds-chat-BASE-left-position);\n  left: var(--cds-chat-BASE-right-position);\n}\n:host .WAC {\n  align-content: stretch;\n  align-items: stretch;\n  background-color: var(--cds-chat-shell-background, #ffffff);\n  border-radius: 0;\n  box-sizing: border-box;\n  color: var(--cds-text-primary, #161616);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 100%;\n  margin: 0;\n  text-align: left;\n  width: 100%;\n}\n:host .WAC--aiTheme .WAC {\n  background-image: linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%);\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n}\n:host .WAC--frameless.WAC--aiTheme .WAC {\n  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n}\n:host .WAC.WACAgentApp {\n  min-width: unset;\n}\n:host .WACContainer--render[dir=rtl] .WAC {\n  text-align: right;\n}\n:host .WACBotContainer {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n:host .WACWidget__FocusTrapContainer {\n  width: 100%;\n  height: 100%;\n}\n:host .WACWidget__FocusTrapGlass {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  overflow: hidden;\n  background: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n  opacity: 0.5;\n  z-index: var(--cds-chat-BASE-z-index);\n}\n@keyframes WACWidgetIn {\n  0% {\n    bottom: calc(var(--cds-chat-BASE-bottom-position) - 2rem);\n    opacity: 0;\n  }\n  100% {\n    bottom: var(--cds-chat-BASE-bottom-position);\n    opacity: 1;\n  }\n}\n@keyframes WACWidgetOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n:host svg.WACIcon__Logout--reverse {\n  transform: scaleX(-1);\n}\n:host .WACContainer--render[dir=rtl] .WACIcon__Logout--reverse {\n  transform: none;\n}\n:host .WACBackgroundCover {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: var(--cds-overlay, rgba(22, 22, 22, 0.5));\n  opacity: 0.5;\n  animation: WACAnimBackgroundCover 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  z-index: 2;\n}\n:host .WACWidget.WACWidget--rounded .WACBackgroundCover.WACBackgroundCover__NonHeader,\n:host .WACBackgroundCover.WACBackgroundCover__NonHeader {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  top: 40px;\n  height: calc(100% - 40px);\n}\n@keyframes WACAnimBackgroundCover {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0.5;\n  }\n}\n:host .WACScrollFocus {\n  outline: none;\n  border: none;\n}\n:host .WACScrollFocus:focus-visible::before {\n  position: sticky;\n  top: 0;\n  display: block;\n  pointer-events: none;\n  box-sizing: border-box;\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  border: solid 2px var(--cds-focus, #0f62fe);\n  z-index: 1;\n  /* These stop this element from actually taking up space. */\n  float: left;\n  margin-top: -100%;\n}\n:host .WACContainer--render .WACReverseIcon svg,\n:host .WACContainer--render[dir=rtl] .WACDirectionHasReversibleSVG svg {\n  transform: scaleX(-1);\n}\n:host .WACContainer--render[dir=rtl] .WACDirectionHasReversibleSVG.WACReverseIcon svg {\n  transform: scaleX(1);\n}\n@keyframes WACLoadingBar__ConnectingAnimationKeyFrames {\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n:host .WACPanelContent {\n  overflow: hidden;\n}\n:host .WACWidget--maxWidth {\n  --cds-chat-CONTAINER-border-radius: 0;\n}\n:host .WACWidget--maxWidth .WACPanelContent {\n  width: 100%;\n  flex: 1;\n  max-width: 672px;\n  margin: auto;\n}\n:host .WACWidget .WACHeader__Container ~ .WACPanelContent,\n:host .WACWidget .WACHeader ~ .WACPanelContent {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n:host .WACWidget--rounded .WACBodyAndFooterComponent,\n:host .WACWidget--rounded .WACWidget__animationContainer:not(.WACWidget__animationContainer--withBrandingBanner) .WACPanelContent {\n  border-end-start-radius: var(--cds-chat-CONTAINER-border-radius);\n  border-end-end-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WACWidget--rounded .WACWidget__animationContainer .WACCustomPanel .WACHeader ~ .WACPanelContent {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n:host .WACWidget--rounded .WACWidget__animationContainer .WACCustomPanel .WACPanelContent {\n  border-start-start-radius: var(--cds-chat-CONTAINER-border-radius);\n  border-start-end-radius: var(--cds-chat-CONTAINER-border-radius);\n}\n:host .WAC__message {\n  animation: WACMessageIn 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n  display: block;\n  position: relative;\n  margin: 0;\n}\n:host .WAC__message.WAC__message--no-animation {\n  animation: none;\n}\n:host .WAC__message.WAC__message--has-focus::after {\n  top: 0;\n  pointer-events: none;\n  box-sizing: border-box;\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: solid 2px var(--cds-focus, #0f62fe);\n}\n:host .WAC__message.WAC__message--firstMessage.WAC__message--has-focus::after {\n  top: 0.5rem;\n  height: calc(100% - 0.5rem);\n}\n:host .WAC__message.WAC__message--lastMessage.WAC__message--has-focus::after {\n  bottom: calc(2rem - 0.5rem);\n  height: calc(100% - 2rem + 0.5rem);\n}\n:host .WAC__message .WAC__message-vertical-padding,\n:host .WAC__message .WACUICustomizationElement--response {\n  padding-block-start: 1rem;\n}\n:host .WAC__message--withAvatarLine .WAC__message-vertical-padding,\n:host .WAC__message--withAvatarLine .WACUICustomizationElement--response,\n:host .WAC__message--option-response-without-title-or-description .WAC__message-vertical-padding,\n:host .WAC__message--option-response-without-title-or-description .WACUICustomizationElement--response {\n  padding-block-start: 0;\n}\n:host .WAC__message.WAC__message--custom .WAC__message-vertical-padding,\n:host .WAC__message.WAC__message--custom .WACUICustomizationElement--response {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n:host .WAC__message.WAC__message--lastMessage.WAC__message--suggestionsPadding .WAC__message--padding {\n  padding-bottom: 56px;\n}\n:host .WACMessage__AvatarLine + .WAC__message--padding .WAC__bot-message > div.WAC__received,\n:host .WACMessage__AvatarLine + .WAC__message--padding .WAC__bot-message > div.WAC__received.WAC__received--carousel:not(.WAC__received--carouselSingle):first-child,\n:host .WACMessage__AvatarLine + .WAC__message--padding .WAC__bot-message > div.WAC__received.WAC__received--fullWidth:first-child {\n  margin-top: 0.5rem;\n}\n:host .WAC__message.WAC__message--lastMessage .WAC__message--padding {\n  padding-bottom: 1.5rem;\n}\n:host .WAC__message .WAC__received,\n:host .WAC__message .WAC__sent-container {\n  min-width: 0;\n  margin-inline: 1rem;\n  flex-grow: 1;\n}\n:host .WAC--wideWidth .WAC__message .WAC__received.WAC__received--conversationalSearch,\n:host .WAC--wideWidth .WAC__message .WAC__received.WAC__received--search,\n:host .WAC--wideWidth .WAC__message .WAC__received--carousel:not(.WAC__received--carouselSingle),\n:host .WAC--wideWidth .WAC__message .WAC__received.WAC__received--fullWidth,\n:host .WAC--narrowWidth .WAC__message .WAC__received.WAC__received--conversationalSearch,\n:host .WAC--narrowWidth .WAC__message .WAC__received.WAC__received--search,\n:host .WAC--narrowWidth .WAC__message .WAC__received--carousel:not(.WAC__received--carouselSingle),\n:host .WAC--narrowWidth .WAC__message .WAC__received.WAC__received--fullWidth,\n:host .WAC--standardWidth .WAC__message .WAC__received.WAC__received--conversationalSearch,\n:host .WAC--standardWidth .WAC__message .WAC__received.WAC__received--search,\n:host .WAC--standardWidth .WAC__message .WAC__received--carousel:not(.WAC__received--carouselSingle),\n:host .WAC--standardWidth .WAC__message .WAC__received.WAC__received--fullWidth {\n  margin-inline: 0;\n}\n:host .WAC--wideWidth .WAC__message .WACUICustomizationElement ~ .WAC__received--fullWidth,\n:host .WAC--narrowWidth .WAC__message .WACUICustomizationElement ~ .WAC__received--fullWidth,\n:host .WAC--standardWidth .WAC__message .WACUICustomizationElement ~ .WAC__received--fullWidth {\n  margin-inline-start: calc(1rem + 32px + 0.5rem);\n}\n:host .WAC__message a {\n  outline: none;\n  color: var(--cds-link-primary, #0f62fe);\n  text-decoration: none;\n}\n:host .WAC__message a:visited {\n  color: var(--cds-link-primary, #0f62fe);\n}\n:host .WAC__message a:hover {\n  text-decoration: underline;\n}\n:host .WAC__message a:focus {\n  text-decoration: underline;\n}\n:host .WAC__message::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n:host .WACMessages--welcome {\n  min-height: 100%;\n}\n:host .WACMessages--welcome.WACMessages--welcome--typing {\n  min-height: 100%;\n}\n:host .WAC__bot-message {\n  display: flex;\n  flex-direction: row;\n  max-width: 100%;\n  position: relative;\n}\n:host .WAC__received--inlineError,\n:host .WAC__received--text,\n:host .WAC__message-userDefinedResponse {\n  color: var(--cds-text-primary, #161616);\n  overflow-wrap: break-word;\n  position: relative;\n  word-break: break-word;\n  word-wrap: break-word;\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n}\n:host .WAC__message-userDefinedResponse {\n  max-width: 100%;\n}\n:host .WAC__received--image {\n  overflow-wrap: break-word;\n  position: relative;\n  width: 90%;\n  word-break: break-word;\n  word-wrap: break-word;\n}\n:host .WAC__received--video,\n:host .WAC__received--audio {\n  overflow-wrap: break-word;\n  word-break: break-word;\n  word-wrap: break-word;\n  width: 100%;\n}\n:host .WAC__received--textContent .cds--link:not(:has(.cds--link__icon)) {\n  display: inline;\n}\n:host .WAC__received--textContent .WACWidget__MarkdownP,\n:host .WAC__received--textContent .cds--data-table-content,\n:host .WAC__received--textContent .WACWidget__MarkdownBlockquote,\n:host .WAC__received--textContent .WACWidget__MarkdownImg,\n:host .WAC__received--textContent .cds--list--ordered:not(.cds--list--nested),\n:host .WAC__received--textContent .cds--list--unordered:not(.cds--list--nested),\n:host .WAC__received--textContent .WACWidget__MarkdownPre {\n  margin-block: 0;\n}\n:host .WAC__received--textContent .cds--list--unordered:not(.cds--list--nested),\n:host .WAC__received--textContent .cds--list--ordered:not(.cds--list--nested) {\n  padding: 0;\n  padding-block: 0.5rem;\n}\n:host .WAC__received--textContent .WACWidget__MarkdownP {\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  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-large);\n}\n:host .WAC__received--textContent .WACWidget__MarkdownBlockquote {\n  border-inline-start: 4px solid var(--cds-chat-ACCENT-color);\n  padding-inline-start: 0.5rem;\n}\n:host .WAC__received--textContent .WACWidget__MarkdownPre {\n  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-02-font-size, 0.875rem);\n  font-weight: var(--cds-code-02-font-weight, 400);\n  line-height: var(--cds-code-02-line-height, 1.42857);\n  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n  border: solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n  background-color: var(--cds-layer-02, #ffffff);\n  overflow: auto hidden;\n  padding: 1rem;\n}\n:host .WAC__received--textContent .WACWidget__MarkdownImg {\n  max-width: 100%;\n}\n:host .WAC__received--textContent h1.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent h2.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent h3.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent h4.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent h5.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent h6.WACWidget__MarkdownHeading {\n  margin-block: 0;\n}\n:host .WAC__received--textContent h1.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-06-font-size, 2.625rem);\n  font-weight: var(--cds-heading-06-font-weight, 300);\n  line-height: var(--cds-heading-06-line-height, 1.199);\n  letter-spacing: var(--cds-heading-06-letter-spacing, 0);\n}\n:host .WAC__received--textContent h2.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-05-font-size, 2rem);\n  font-weight: var(--cds-heading-05-font-weight, 400);\n  line-height: var(--cds-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-heading-05-letter-spacing, 0);\n}\n:host .WAC__received--textContent h3.WACWidget__MarkdownHeading {\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 .WAC__received--textContent h4.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-heading-03-font-weight, 400);\n  line-height: var(--cds-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n}\n:host .WAC__received--textContent h5.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-02-font-size, 1rem);\n  font-weight: var(--cds-heading-02-font-weight, 600);\n  line-height: var(--cds-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-heading-02-letter-spacing, 0);\n}\n:host .WAC__received--textContent h6.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-heading-01-font-weight, 600);\n  line-height: var(--cds-heading-01-line-height, 1.42857);\n  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host .WAC__received--textContent .cds--data-table-content {\n  overflow: auto hidden;\n  overflow-wrap: normal;\n  word-break: normal;\n  word-wrap: normal;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--link:not(:has(.cds--link__icon)),\n:host .WAC__received--metablock .cds--link:not(:has(.cds--link__icon)),\n:host .WACConversationalSearchText .cds--link:not(:has(.cds--link__icon)) {\n  display: inline;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownP,\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--data-table-content,\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownBlockquote,\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownImg,\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--list--ordered:not(.cds--list--nested),\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--list--unordered:not(.cds--list--nested),\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownPre,\n:host .WAC__received--metablock .WACWidget__MarkdownP,\n:host .WAC__received--metablock .cds--data-table-content,\n:host .WAC__received--metablock .WACWidget__MarkdownBlockquote,\n:host .WAC__received--metablock .WACWidget__MarkdownImg,\n:host .WAC__received--metablock .cds--list--ordered:not(.cds--list--nested),\n:host .WAC__received--metablock .cds--list--unordered:not(.cds--list--nested),\n:host .WAC__received--metablock .WACWidget__MarkdownPre,\n:host .WACConversationalSearchText .WACWidget__MarkdownP,\n:host .WACConversationalSearchText .cds--data-table-content,\n:host .WACConversationalSearchText .WACWidget__MarkdownBlockquote,\n:host .WACConversationalSearchText .WACWidget__MarkdownImg,\n:host .WACConversationalSearchText .cds--list--ordered:not(.cds--list--nested),\n:host .WACConversationalSearchText .cds--list--unordered:not(.cds--list--nested),\n:host .WACConversationalSearchText .WACWidget__MarkdownPre {\n  margin-block: 0;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownP:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--data-table-content:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownBlockquote:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownImg:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--list--ordered:not(.cds--list--nested):not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--list--unordered:not(.cds--list--nested):not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownPre:not(:first-child),\n:host .WAC__received--metablock .WACWidget__MarkdownP:not(:first-child),\n:host .WAC__received--metablock .cds--data-table-content:not(:first-child),\n:host .WAC__received--metablock .WACWidget__MarkdownBlockquote:not(:first-child),\n:host .WAC__received--metablock .WACWidget__MarkdownImg:not(:first-child),\n:host .WAC__received--metablock .cds--list--ordered:not(.cds--list--nested):not(:first-child),\n:host .WAC__received--metablock .cds--list--unordered:not(.cds--list--nested):not(:first-child),\n:host .WAC__received--metablock .WACWidget__MarkdownPre:not(:first-child),\n:host .WACConversationalSearchText .WACWidget__MarkdownP:not(:first-child),\n:host .WACConversationalSearchText .cds--data-table-content:not(:first-child),\n:host .WACConversationalSearchText .WACWidget__MarkdownBlockquote:not(:first-child),\n:host .WACConversationalSearchText .WACWidget__MarkdownImg:not(:first-child),\n:host .WACConversationalSearchText .cds--list--ordered:not(.cds--list--nested):not(:first-child),\n:host .WACConversationalSearchText .cds--list--unordered:not(.cds--list--nested):not(:first-child),\n:host .WACConversationalSearchText .WACWidget__MarkdownPre:not(:first-child) {\n  margin-block-start: 1rem;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--list--unordered:not(.cds--list--nested),\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--list--ordered:not(.cds--list--nested),\n:host .WAC__received--metablock .cds--list--unordered:not(.cds--list--nested),\n:host .WAC__received--metablock .cds--list--ordered:not(.cds--list--nested),\n:host .WACConversationalSearchText .cds--list--unordered:not(.cds--list--nested),\n:host .WACConversationalSearchText .cds--list--ordered:not(.cds--list--nested) {\n  padding: 0;\n  padding-block: 0.5rem;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownP,\n:host .WAC__received--metablock .WACWidget__MarkdownP,\n:host .WACConversationalSearchText .WACWidget__MarkdownP {\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  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-large);\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownBlockquote,\n:host .WAC__received--metablock .WACWidget__MarkdownBlockquote,\n:host .WACConversationalSearchText .WACWidget__MarkdownBlockquote {\n  border-inline-start: 4px solid var(--cds-chat-ACCENT-color);\n  padding-inline-start: 0.5rem;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing pre,\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownPre,\n:host .WAC__received--metablock pre,\n:host .WAC__received--metablock .WACWidget__MarkdownPre,\n:host .WACConversationalSearchText pre,\n:host .WACConversationalSearchText .WACWidget__MarkdownPre {\n  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);\n  font-size: var(--cds-code-02-font-size, 0.875rem);\n  font-weight: var(--cds-code-02-font-weight, 400);\n  line-height: var(--cds-code-02-line-height, 1.42857);\n  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);\n  border: solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n  background-color: var(--cds-layer-02, #ffffff);\n  overflow: auto hidden;\n  padding: 1rem;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .WACWidget__MarkdownImg,\n:host .WAC__received--metablock .WACWidget__MarkdownImg,\n:host .WACConversationalSearchText .WACWidget__MarkdownImg {\n  max-width: 100%;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h1.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent.WAC__received--withSpacing h2.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent.WAC__received--withSpacing h3.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent.WAC__received--withSpacing h4.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent.WAC__received--withSpacing h5.WACWidget__MarkdownHeading,\n:host .WAC__received--textContent.WAC__received--withSpacing h6.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h1.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h2.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h3.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h4.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h5.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h6.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h1.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h2.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h3.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h4.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h5.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h6.WACWidget__MarkdownHeading {\n  margin-block: 0;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h1.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing h2.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing h3.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing h4.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing h5.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--textContent.WAC__received--withSpacing h6.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--metablock h1.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--metablock h2.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--metablock h3.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--metablock h4.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--metablock h5.WACWidget__MarkdownHeading:not(:first-child),\n:host .WAC__received--metablock h6.WACWidget__MarkdownHeading:not(:first-child),\n:host .WACConversationalSearchText h1.WACWidget__MarkdownHeading:not(:first-child),\n:host .WACConversationalSearchText h2.WACWidget__MarkdownHeading:not(:first-child),\n:host .WACConversationalSearchText h3.WACWidget__MarkdownHeading:not(:first-child),\n:host .WACConversationalSearchText h4.WACWidget__MarkdownHeading:not(:first-child),\n:host .WACConversationalSearchText h5.WACWidget__MarkdownHeading:not(:first-child),\n:host .WACConversationalSearchText h6.WACWidget__MarkdownHeading:not(:first-child) {\n  margin-block-start: 1.5rem;\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h1.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h1.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h1.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-06-font-size, 2.625rem);\n  font-weight: var(--cds-heading-06-font-weight, 300);\n  line-height: var(--cds-heading-06-line-height, 1.199);\n  letter-spacing: var(--cds-heading-06-letter-spacing, 0);\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h2.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h2.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h2.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-05-font-size, 2rem);\n  font-weight: var(--cds-heading-05-font-weight, 400);\n  line-height: var(--cds-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-heading-05-letter-spacing, 0);\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h3.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h3.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h3.WACWidget__MarkdownHeading {\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 .WAC__received--textContent.WAC__received--withSpacing h4.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h4.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h4.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-heading-03-font-weight, 400);\n  line-height: var(--cds-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-heading-03-letter-spacing, 0);\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h5.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h5.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h5.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-02-font-size, 1rem);\n  font-weight: var(--cds-heading-02-font-weight, 600);\n  line-height: var(--cds-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-heading-02-letter-spacing, 0);\n}\n:host .WAC__received--textContent.WAC__received--withSpacing h6.WACWidget__MarkdownHeading,\n:host .WAC__received--metablock h6.WACWidget__MarkdownHeading,\n:host .WACConversationalSearchText h6.WACWidget__MarkdownHeading {\n  font-size: var(--cds-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-heading-01-font-weight, 600);\n  line-height: var(--cds-heading-01-line-height, 1.42857);\n  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host .WAC__received--textContent.WAC__received--withSpacing .cds--data-table-content,\n:host .WAC__received--metablock .cds--data-table-content,\n:host .WACConversationalSearchText .cds--data-table-content {\n  overflow: auto hidden;\n  overflow-wrap: normal;\n  word-break: normal;\n  word-wrap: normal;\n}\n:host .WAC__sent-container {\n  display: flex;\n  justify-content: flex-end;\n}\n:host .WAC__sentAndMessageState-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n:host .WAC__sentAndMessageState--belowMessage {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n:host .WAC__sentAndMessageState--belowMessage .WAC__message-status {\n  padding-top: 0.5rem;\n  margin-left: 0;\n  margin-right: 0;\n}\n:host .WAC__message-status {\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n  margin-right: 8px;\n}\n:host .WAC__message-status .WAC__LoadingSpinner circle {\n  stroke-width: 6;\n}\n:host .WAC__sent-container .WAC__message-status-file-success svg {\n  animation: 150ms cubic-bezier(0.4, 0.14, 1, 1) 2s WACFadeOut forwards;\n  fill: var(--cds-chat-ACCENT-color);\n}\n:host .WAC__received--loading,\n:host .WAC__searchResult,\n:host .WAC__sent--bubble {\n  opacity: 1;\n  overflow-wrap: break-word;\n  position: relative;\n  word-break: break-word;\n  word-wrap: break-word;\n}\n:host .WAC__received--loading .WAC__received--inner {\n  position: relative;\n}\n:host .WAC__sent--text > span {\n  flex: 1;\n}\n:host .WAC__sent--text {\n  display: flex;\n}\n:host svg.WAC__sent-fileIcon {\n  margin-inline-end: 8px;\n}\n:host .WAC__sent {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n:host .WAC__sent--bubble {\n  border: solid 1px var(--cds-chat-SECONDARY-color);\n  background: var(--cds-chat-SECONDARY-color);\n  border-radius: var(--cds-chat-BASE-border-radius-med) 0 var(--cds-chat-BASE-border-radius-med) var(--cds-chat-BASE-border-radius-med);\n  color: var(--cds-chat-SECONDARY-color-text);\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-med);\n  align-self: end;\n  padding: 0.5rem 0.75rem;\n}\n:host .WACContainer--render[dir=rtl] .WAC__sent--bubble {\n  border-radius: 0 var(--cds-chat-BASE-border-radius-med) var(--cds-chat-BASE-border-radius-med) var(--cds-chat-BASE-border-radius-med);\n}\n:host .WAC__received--options,\n:host .WAC__received--suggestion {\n  overflow-wrap: break-word;\n  position: relative;\n  word-break: break-word;\n  word-wrap: break-word;\n}\n:host .WAC__received--iframePreviewCard {\n  width: 100%;\n  overflow: hidden;\n}\n:host .WACSearchMessage {\n  font-size: var(--cds-chat-BASE-font-size-med);\n  line-height: var(--cds-chat-BASE-line-height-large);\n}\n:host .WAC__bot-message .WAC__received--agentStatusMessage {\n  color: var(--cds-text-helper, #6f6f6f);\n  font-size: var(--cds-chat-BASE-font-size-med);\n  padding-left: 1rem;\n  padding-right: 1rem;\n  text-align: center;\n}\n:host .WAC__bot-message .WAC__received--agentStatusMessage .WAC__received--textContent {\n  display: flex;\n  justify-content: center;\n}\n:host .WAC__bot-message .WAC__received--chatStatusMessage {\n  color: var(--cds-text-secondary, #525252);\n  font-size: var(--cds-chat-BASE-font-size-med);\n}\n:host .WAC__message--systemMessage {\n  padding-block-start: 28px;\n}\n:host .WACMessage__AvatarLine {\n  display: flex;\n  padding-block-start: 28px;\n}\n:host .WACMessage__AvatarLine .WACMessage__Label {\n  font-size: var(--cds-chat-BASE-font-size-small);\n  line-height: var(--cds-chat-BASE-line-height-small);\n  color: var(--cds-text-secondary, #525252);\n}\n:host .WACMessage__AvatarLine .WACMessage__Avatar {\n  width: 2rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .WACMessage__AvatarLine .WACMessage__Avatar--bot svg {\n  width: 28px;\n  height: 28px;\n}\n:host .WACMessage__AvatarLine .WACImageWithFallback {\n  display: flex;\n}\n:host .WACMessage__AvatarLine .WACImageWithFallback img,\n:host .WACMessage__AvatarLine .WACImageWithFallback .WACIconHolder {\n  width: 28px;\n  height: 28px;\n  border-radius: 14px;\n}\n:host .WACMessage__AvatarLine .WACImageWithFallback img svg,\n:host .WACMessage__AvatarLine .WACImageWithFallback .WACIconHolder svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--cds-icon-inverse, #ffffff);\n}\n:host .WAC__message--request .WACMessage__AvatarLine {\n  justify-content: flex-end;\n  padding-inline-end: 1rem;\n}\n:host .WAC__message--request .WACMessage__AvatarLine .WACMessage__Label {\n  padding-block-end: 0.5rem;\n  padding-inline-start: 0.5rem;\n}\n:host .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage + .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage,\n:host .WAC__message--request + .WAC__message--request {\n  padding-top: 0.5rem;\n}\n:host .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage + .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage .WACMessage__AvatarLine,\n:host .WAC__message--request + .WAC__message--request .WACMessage__AvatarLine {\n  display: none;\n}\n:host .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage + .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage .WAC__received--fromAgent,\n:host .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage + .WAC__message--response:not(.WAC__message--systemMessage).WAC__message--agentMessage .WAC__sent--bubble,\n:host .WAC__message--request + .WAC__message--request .WAC__received--fromAgent,\n:host .WAC__message--request + .WAC__message--request .WAC__sent--bubble {\n  border-radius: var(--cds-chat-BASE-border-radius-med);\n}\n:host .WAC__message--response:not(.WAC__message--agentMessage) .WACMessage__AvatarLine + .WAC__message--padding {\n  padding-top: 0.25rem;\n}\n:host .WAC__message--response .WACMessage__AvatarLine {\n  padding-inline-start: 1rem;\n}\n:host .WAC__message--response .WACMessage__AvatarLine .WACMessage__Label {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n:host .WACMessage__Avatar--agent .WACImageWithFallback .WACIconHolder {\n  background-color: var(--cds-chat-avatar-agent, #393939);\n}\n:host .WAC__received--fromAgent.WAC__received--text {\n  padding: 0.5rem 0.75rem;\n  border: solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n  border-radius: 0 var(--cds-chat-BASE-border-radius-med) var(--cds-chat-BASE-border-radius-med) var(--cds-chat-BASE-border-radius-med);\n  max-width: 75%;\n  background-color: var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .WACContainer--render[dir=rtl] .WAC__received--fromAgent.WAC__received--text {\n  border-radius: var(--cds-chat-BASE-border-radius-med) 0 var(--cds-chat-BASE-border-radius-med) var(--cds-chat-BASE-border-radius-med);\n}\n:host .WACMessage__Avatar--bot .WACImageWithFallback .WACIconHolder {\n  background-color: var(--cds-chat-avatar-bot, #6f6f6f);\n}\n@keyframes WACMessageIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host .WAC--standardWidth .WACMessage__AvatarLine + .WAC__message--padding .WAC__bot-message > div.WAC__received,\n:host .WAC--wideWidth .WACMessage__AvatarLine + .WAC__message--padding .WAC__bot-message > div.WAC__received {\n  margin-top: 0;\n}\n:host .WAC--standardWidth .WAC__message .WAC__received.WAC__received--agentStatusMessage,\n:host .WAC--wideWidth .WAC__message .WAC__received.WAC__received--agentStatusMessage {\n  margin-inline: 0;\n}\n:host .WAC--wideWidth .WAC__message .WAC__received,\n:host .WAC--standardWidth .WAC__message .WAC__received,\n:host .WAC--wideWidth .WAC__message .WAC__sent-container,\n:host .WAC--standardWidth .WAC__message .WAC__sent-container {\n  margin-inline: calc(1rem + 2rem + 0.5rem) 1rem;\n}\n:host .WACMessages--holder {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n:host .WACMessages__Wrapper {\n  overflow: hidden;\n  width: 100%;\n  flex: 1;\n  position: relative;\n}\n:host .WACMessages__Wrapper:focus {\n  outline: none;\n}\n:host .WACMessage--focusHandle,\n:host .WACMessages--scrollHandle {\n  width: 0;\n  height: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n  display: block;\n}\n:host .WACMessages__Wrapper--scrollHandleHasFocus::after {\n  top: 0;\n  pointer-events: none;\n  box-sizing: border-box;\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: solid 2px var(--cds-focus, #0f62fe);\n}\n:host .WAC__messages {\n  overflow: hidden scroll;\n  height: 100%;\n  width: 100%;\n}";
-
-exports.default = _export;