@carbon/ibmdotcom-web-components 1.37.0-rc.2 → 1.37.0-rc.3

package/dist/cloud-masthead.js

@@ -39,6 +39,13 @@
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  * 
+ * @carbon/motion:
+ * 
+ * Copyright IBM Corp. 2018, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * 
  * js-cookie:
  * 
  * JavaScript Cookie v2.2.1
@@ -69,8 +76,8 @@
  */
 
 let process = { env: {} };
-import { a6 as _createClass, K as Cookies, a7 as _asyncToGenerator, a8 as regenerator, a9 as axios, aa as _classCallCheck, ae as CLOUD_ACCOUNT_AUTH_API_ACTION, c as css, F as FocusMixin, S as StableSelectorMixin, t as state, a as classMap, h as html, p as property, y as ifNonNull, d as carbonElement, s as settings_1, e as settings, L as LitElement, _ as _decorate$g, q as query, P as _get, Q as _getPrototypeOf, af as styles$4, ag as DDSMastheadGlobalBar, ah as DDSMastheadProfile, n as ifDefined, ai as svgResultCarbonIcon$1, aj as DDSTopNavName, ak as DDSMegaMenu, al as indexOf, am as forEach, an as _objectSpread2, H as HostListenerMixin, u as HostListener, D as FORM_ELEMENT_COLOR_SCHEME, ao as find, m as svgResultCarbonIcon$2, ap as DDSMegaMenuRightNavigation, f as svg, g as spread, A as BXLink, ac as DDSMastheadComposite, aq as UNAUTHENTICATED_STATUS, W as globalInit, ar as NAV_ITEMS_RENDER_TARGET, X as ConnectMixin, Y as store, Z as pickBy, $ as bindActionCreators, a0 as loadLanguage, a1 as setLanguage, a4 as loadTranslation } from './masthead-composite-dfe1f02c.js';
-import DDSMegaMenuLeftNavigation from './megamenu-left-navigation-02cf4776.js';
+import { a6 as _createClass, K as Cookies, a7 as _asyncToGenerator, a8 as regenerator, a9 as axios, aa as _classCallCheck, ae as CLOUD_ACCOUNT_AUTH_API_ACTION, c as css, F as FocusMixin, S as StableSelectorMixin, t as state, a as classMap, h as html, p as property, y as ifNonNull, d as carbonElement, s as settings_1, e as settings, L as LitElement, _ as _decorate$g, q as query, P as _get, Q as _getPrototypeOf, af as styles$4, ag as DDSMastheadGlobalBar, ah as DDSMastheadProfile, n as ifDefined, ai as svgResultCarbonIcon$1, aj as DDSTopNavName, ak as DDSMegaMenu, al as indexOf, am as forEach, an as _objectSpread2, H as HostListenerMixin, u as HostListener, D as FORM_ELEMENT_COLOR_SCHEME, ao as find, m as svgResultCarbonIcon$2, ap as DDSMegaMenuRightNavigation, f as svg, g as spread, A as BXLink, ac as DDSMastheadComposite, aq as UNAUTHENTICATED_STATUS, W as globalInit, ar as NAV_ITEMS_RENDER_TARGET, X as ConnectMixin, Y as store, Z as pickBy, $ as bindActionCreators, a0 as loadLanguage, a1 as setLanguage, a4 as loadTranslation } from './masthead-composite-e2535116.js';
+import DDSMegaMenuLeftNavigation from './megamenu-left-navigation-7decd28c.js';
 
 /**
  * The cookie name for determining user login status for cloud.ibm.com.
@@ -674,7 +681,7 @@ let DDSButtonExpressive = _decorate$f([carbonElement(`${ddsPrefix$f}-button-expr
   };
 }, FocusMixin(StableSelectorMixin(LitElement)));
 
-var styles$2 = css([".bx--text-truncate--end {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.bx--text-truncate--front {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  direction: rtl;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline; }\n\nbutton,\nselect,\ninput,\ntextarea {\n  border-radius: 0;\n  font-family: inherit; }\n\ninput[type='text']::-ms-clear {\n  display: none; }\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection {\n  display: block; }\n\nbody {\n  line-height: 1; }\n\nsup {\n  vertical-align: super; }\n\nsub {\n  vertical-align: sub; }\n\nol,\nul {\n  list-style: none; }\n\nblockquote,\nq {\n  quotes: none; }\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n  content: ''; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\n* {\n  box-sizing: border-box; }\n\nbutton {\n  margin: 0; }\n\nhtml {\n  font-size: 100%; }\n\nbody {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility; }\n\ncode {\n  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\nstrong {\n  font-weight: 600; }\n\n@media screen and (-ms-high-contrast: active) {\n  svg {\n    fill: ButtonText; } }\n\nh1 {\n  font-size: var(--cds-productive-heading-06-font-size, 2.625rem);\n  font-weight: var(--cds-productive-heading-06-font-weight, 300);\n  line-height: var(--cds-productive-heading-06-line-height, 1.199);\n  letter-spacing: var(--cds-productive-heading-06-letter-spacing, 0); }\n\nh2 {\n  font-size: var(--cds-productive-heading-05-font-size, 2rem);\n  font-weight: var(--cds-productive-heading-05-font-weight, 400);\n  line-height: var(--cds-productive-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0); }\n\nh3 {\n  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);\n  font-weight: var(--cds-productive-heading-04-font-weight, 400);\n  line-height: var(--cds-productive-heading-04-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0); }\n\nh4 {\n  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-productive-heading-03-font-weight, 400);\n  line-height: var(--cds-productive-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0); }\n\nh5 {\n  font-size: var(--cds-productive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-productive-heading-02-font-weight, 600);\n  line-height: var(--cds-productive-heading-02-line-height, 1.375);\n  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0); }\n\nh6 {\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); }\n\np {\n  font-size: var(--cds-body-long-02-font-size, 1rem);\n  font-weight: var(--cds-body-long-02-font-weight, 400);\n  line-height: var(--cds-body-long-02-line-height, 1.5);\n  letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n\na {\n  color: #0f62fe; }\n\nem {\n  font-style: italic; }\n\n@keyframes skeleton {\n  0% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left; }\n  20% {\n    opacity: 1;\n    transform: scaleX(1);\n    transform-origin: left; }\n  28% {\n    transform: scaleX(1);\n    transform-origin: right; }\n  51% {\n    transform: scaleX(0);\n    transform-origin: right; }\n  58% {\n    transform: scaleX(0);\n    transform-origin: right; }\n  82% {\n    transform: scaleX(1);\n    transform-origin: right; }\n  83% {\n    transform: scaleX(1);\n    transform-origin: left; }\n  96% {\n    transform: scaleX(0);\n    transform-origin: left; }\n  100% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left; } }\n\n.bx--header, :host(bx-header) {\n  position: fixed;\n  z-index: 8000;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  height: 3rem;\n  align-items: center;\n  border-bottom: 1px solid #393939;\n  background-color: #161616; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  width: 3rem;\n  height: 3rem;\n  border: 0.0625rem solid transparent;\n  transition: background-color 110ms, border-color 110ms; }\n  .bx--header__action *,\n  .bx--header__action *::before,\n  .bx--header__action *::after {\n    box-sizing: inherit; }\n  .bx--header__action::-moz-focus-inner {\n    border: 0; }\n\n.bx--header__action > svg.bx--navigation-menu-panel-collapse-icon,\n.bx--header__action--active > svg.bx--navigation-menu-panel-expand-icon {\n  display: none; }\n\n.bx--header__action--active > svg.bx--navigation-menu-panel-collapse-icon {\n  display: inline; }\n\n.bx--header__action:hover {\n  background-color: #353535; }\n\n.bx--header__action--active {\n  border-right: 1px solid #393939;\n  border-bottom: 1px solid #161616;\n  border-left: 1px solid #393939; }\n\n.bx--header__action:focus {\n  border-color: #ffffff;\n  outline: none; }\n\n.bx--header__action:active {\n  background-color: #393939; }\n\n.bx--header__action.bx--btn--icon-only.bx--tooltip__trigger, .bx--header__action.bx--btn--icon-only:host(bx-tooltip) {\n  justify-content: center; }\n\n.bx--header__action > svg {\n  fill: #ffffff; }\n\n.bx--header__menu-trigger > svg {\n  fill: #f4f4f4; }\n\n.bx--header__menu-trigger:hover {\n  fill: #2c2c2c; }\n\n.bx--header__menu-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n\n@media (min-width: 66rem) {\n  .bx--header__menu-toggle__hidden {\n    display: none; } }\n\na.bx--header__name {\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: flex;\n  height: 100%;\n  align-items: center;\n  padding: 0 2rem 0 1rem;\n  border: 0.125rem solid transparent;\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  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\na.bx--header__name:focus {\n  border-color: #ffffff; }\n\n.bx--header__name--prefix {\n  font-weight: 400; }\n\na.bx--header__name,\na.bx--header__name:hover {\n  color: #f4f4f4; }\n\n.bx--header__menu-toggle:not(.bx--header__menu-toggle__hidden) ~ .bx--header__name {\n  padding-left: 0.5rem; }\n\n.bx--header__nav, :host(bx-header-nav) {\n  position: relative;\n  display: none;\n  height: 100%;\n  padding-left: 1rem; }\n  @media (min-width: 66rem) {\n    .bx--header__nav, :host(bx-header-nav) {\n      display: block; } }\n  .bx--header__nav::before, :host(bx-header-nav)::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    display: block;\n    width: 0.0625rem;\n    height: 1.5rem;\n    background-color: #393939;\n    content: '';\n    transform: translateY(-50%); }\n\n.bx--header__menu-bar {\n  display: flex;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  list-style: none; }\n\na.bx--header__menu-item {\n  position: relative;\n  display: flex;\n  height: 100%;\n  align-items: center;\n  padding: 0 1rem;\n  border: 2px solid transparent;\n  color: #c6c6c6;\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  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\na.bx--header__menu-item:hover {\n  background-color: #2c2c2c;\n  color: #f4f4f4; }\n\n.bx--header__action:active,\na.bx--header__menu-item:active {\n  background-color: #393939;\n  color: #f4f4f4; }\n\na.bx--header__menu-item:focus {\n  border-color: #ffffff;\n  color: #f4f4f4;\n  outline: none; }\n\na.bx--header__menu-item:hover > svg,\na.bx--header__menu-item:active > svg,\na.bx--header__menu-item:focus > svg {\n  fill: #f4f4f4; }\n\na.bx--header__menu-item[aria-current='page']::after,\n.bx--header__menu-item--current::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  border-bottom: 3px solid var(--cds-inverse-support-04, #4589ff);\n  content: ''; }\n\na.bx--header__menu-item[aria-current='page']:focus::after,\n.bx--header__menu-item--current:focus::after {\n  border: 0; }\n\na.bx--header__menu-item[aria-current='page']:focus,\na.bx--header__menu-item.bx--header__menu-item--current:focus {\n  border: 2px solid #ffffff; }\n\n.bx--header__submenu, :host(bx-header-menu), :host(dds-top-nav-menu),\n:host(dds-megamenu-top-nav-menu),\n:host(dds-masthead-profile),\n:host(dds-cloud-masthead-profile) {\n  position: relative; }\n\n.bx--header__submenu--current::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);\n  content: ''; }\n\n.bx--header__submenu--current:focus {\n  border: 2px solid var(--cds-focus, #0f62fe); }\n\n.bx--header__submenu--current:focus::after {\n  border: 0; }\n\n.bx--header__menu-title[aria-haspopup='true'] {\n  position: relative; }\n\n.bx--header__menu-title[aria-expanded='true'] {\n  z-index: 8001;\n  background-color: #262626;\n  color: #ffffff; }\n\n.bx--header__menu-title[aria-expanded='true'] > .bx--header__menu-arrow {\n  transform: rotate(180deg); }\n\n.bx--header__menu {\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none; }\n\n.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  position: absolute;\n  z-index: 8000;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 12.5rem;\n  flex-direction: column;\n  background-color: #262626;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n  transform: translateY(100%); }\n\n.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover {\n  background-color: #353535; }\n\n.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:active {\n  background-color: #393939; }\n\n.bx--header__menu .bx--header__menu-item {\n  height: 3rem; }\n\n.bx--header__menu .bx--header__menu-item:hover {\n  background-color: #262626;\n  color: #f4f4f4; }\n\n.bx--header__menu-arrow {\n  margin-left: 0.5rem;\n  fill: #c6c6c6;\n  transition: transform 110ms, fill 110ms; }\n\n.bx--header__global, :host(dds-masthead-global-bar), :host(dds-cloud-masthead-global-bar) {\n  display: flex;\n  height: 100%;\n  flex: 1 1 0%;\n  justify-content: flex-end; }\n\n.bx--skip-to-content {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap; }\n\n.bx--skip-to-content:focus {\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: auto;\n  height: 3rem;\n  align-items: center;\n  padding: 0 1rem;\n  border: 4px solid #0f62fe;\n  background-color: #161616;\n  clip: auto;\n  color: #f4f4f4;\n  outline: none; }\n\n.bx--assistive-text,\n.bx--visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap; }\n\n.bx--body {\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-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  background-color: var(--cds-ui-background, #ffffff);\n  color: var(--cds-text-01, #161616);\n  line-height: 1; }\n  .bx--body *,\n  .bx--body *::before,\n  .bx--body *::after {\n    box-sizing: inherit; }\n\n.bx--side-nav, :host(bx-side-nav), :host(dds-left-nav) {\n  position: fixed;\n  z-index: 8000;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  width: 3rem;\n  max-width: 16rem;\n  background-color: #ffffff;\n  color: #525252;\n  transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n  will-change: width; }\n\n.bx--side-nav--ux, :host(bx-side-nav), :host(dds-left-nav) {\n  top: var(--cds-spacing-09, 3rem);\n  width: 16rem; }\n  @media (max-width: 65.98rem) {\n    .bx--side-nav--ux, :host(bx-side-nav), :host(dds-left-nav) {\n      width: 0; } }\n\n.bx--side-nav--rail {\n  width: 3rem; }\n\n.bx--side-nav--hidden {\n  width: 0; }\n\n.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover, .bx--side-nav--rail:not(.bx--side-nav--fixed):hover:host(bx-side-nav), .bx--side-nav--rail:not(.bx--side-nav--fixed):hover:host(dds-left-nav),\n.bx--side-nav--expanded,\n:host(bx-side-nav[expanded]),\n:host(bx-side-nav[collapse-mode][expanded]) {\n  width: 16rem; }\n\n.bx--side-nav__overlay, :host(dds-left-nav-overlay) {\n  position: fixed;\n  top: 3rem;\n  left: 0;\n  width: 0;\n  height: 0;\n  background-color: transparent;\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (max-width: 65.98rem) {\n  .bx--side-nav__overlay-active {\n    width: 100vw;\n    height: 100vh;\n    background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); } }\n\n.bx--header ~ .bx--side-nav, :host(bx-header) ~ .bx--side-nav, .bx--header ~ :host(bx-side-nav), :host(bx-header) ~ :host(bx-side-nav), .bx--header ~ :host(dds-left-nav), :host(bx-header) ~ :host(dds-left-nav) {\n  top: 3rem;\n  height: calc(100% - 48px); }\n\n.bx--side-nav--fixed {\n  width: 16rem; }\n\n.bx--side-nav--collapsed {\n  width: 16rem;\n  transform: translateX(-16rem); }\n\n.bx--side-nav__navigation, :host(bx-side-nav), :host(dds-left-nav) {\n  display: flex;\n  height: 100%;\n  flex-direction: column; }\n\n.bx--side-nav__header {\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  height: 3rem;\n  border-bottom: 1px solid #393939; }\n  .bx--side-nav:hover .bx--side-nav__header, :hover:host(bx-side-nav) .bx--side-nav__header, :hover:host(dds-left-nav) .bx--side-nav__header,\n  .bx--side-nav--fixed .bx--side-nav__header,\n  .bx--side-nav--expanded .bx--side-nav__header,\n  :host(bx-side-nav[expanded]) .bx--side-nav__header {\n    height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__header, :host(bx-side-nav) .bx--side-nav__header, :host(dds-left-nav) .bx--side-nav__header {\n  height: auto; }\n\n.bx--side-nav__details {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n  padding-right: 1rem;\n  opacity: 0;\n  visibility: hidden; }\n  .bx--side-nav:hover .bx--side-nav__details, :hover:host(bx-side-nav) .bx--side-nav__details, :hover:host(dds-left-nav) .bx--side-nav__details,\n  .bx--side-nav--fixed .bx--side-nav__details,\n  .bx--side-nav--expanded .bx--side-nav__details,\n  :host(bx-side-nav[expanded]) .bx--side-nav__details {\n    visibility: inherit;\n    opacity: 1; }\n\n.bx--side-nav--ux .bx--side-nav__details, :host(bx-side-nav) .bx--side-nav__details, :host(dds-left-nav) .bx--side-nav__details {\n  opacity: 1;\n  visibility: inherit; }\n\n.bx--side-nav__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-top: 1rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  letter-spacing: 0.1px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\n.bx--side-nav__title,\n.bx--side-nav__select {\n  padding-left: 0.5rem; }\n\n.bx--side-nav__switcher {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n\n.bx--side-nav__switcher-chevron {\n  position: absolute;\n  top: 0;\n  right: 0.5rem;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  fill: #525252; }\n\n.bx--side-nav__select {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  min-width: 0;\n  height: 2rem;\n  flex: 1 1 0%;\n  padding-right: 2rem;\n  border: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #161616;\n  border-radius: 0;\n  color: #f4f4f4;\n  cursor: pointer;\n  font-size: 0.75rem;\n  transition: outline 110ms; }\n\n.bx--side-nav__select:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--side-nav__select:focus {\n      outline-style: dotted; } }\n\n.bx--side-nav__footer {\n  width: 100%;\n  flex: 0 0 3rem;\n  background-color: #ffffff; }\n\n.bx--side-nav__toggle {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  padding-left: 1rem;\n  text-align: left;\n  transition: outline 110ms; }\n  .bx--side-nav__toggle *,\n  .bx--side-nav__toggle *::before,\n  .bx--side-nav__toggle *::after {\n    box-sizing: inherit; }\n  .bx--side-nav__toggle::-moz-focus-inner {\n    border: 0; }\n\n.bx--side-nav__toggle:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--side-nav__toggle:focus {\n      outline-style: dotted; } }\n\n.bx--side-nav__items, :host(bx-side-nav-items), :host(dds-left-nav-items) {\n  overflow: hidden;\n  flex: 1 1 0%;\n  padding: 1rem 0 0; }\n  .bx--side-nav:hover .bx--side-nav__items, :hover:host(bx-side-nav) .bx--side-nav__items, :hover:host(dds-left-nav) .bx--side-nav__items, .bx--side-nav:hover :host(bx-side-nav-items), :hover:host(bx-side-nav) :host(bx-side-nav-items), :hover:host(dds-left-nav) :host(bx-side-nav-items), .bx--side-nav:hover :host(dds-left-nav-items), :hover:host(bx-side-nav) :host(dds-left-nav-items), :hover:host(dds-left-nav) :host(dds-left-nav-items),\n  .bx--side-nav--fixed .bx--side-nav__items,\n  .bx--side-nav--fixed :host(bx-side-nav-items),\n  .bx--side-nav--fixed :host(dds-left-nav-items),\n  .bx--side-nav--expanded .bx--side-nav__items,\n  :host(bx-side-nav[expanded]) .bx--side-nav__items,\n  .bx--side-nav--expanded :host(bx-side-nav-items),\n  :host(bx-side-nav[expanded]) :host(bx-side-nav-items),\n  :host(bx-side-nav[collapse-mode][expanded]) :host(bx-side-nav-items),\n  .bx--side-nav--expanded :host(dds-left-nav-items),\n  :host(bx-side-nav[expanded]) :host(dds-left-nav-items),\n  :host(bx-side-nav[collapse-mode][expanded]) :host(dds-left-nav-items) {\n    overflow-y: auto; }\n\n.bx--side-nav--ux .bx--side-nav__items, :host(bx-side-nav) .bx--side-nav__items, :host(dds-left-nav) .bx--side-nav__items, .bx--side-nav--ux :host(bx-side-nav-items), :host(bx-side-nav) :host(bx-side-nav-items), :host(dds-left-nav) :host(bx-side-nav-items), .bx--side-nav--ux :host(dds-left-nav-items), :host(bx-side-nav) :host(dds-left-nav-items), :host(dds-left-nav) :host(dds-left-nav-items) {\n  overflow-y: auto; }\n\n.bx--side-nav__item, :host(bx-side-nav-link), :host(dds-left-nav-item), :host(dds-cloud-left-nav-item), :host(bx-side-nav-menu), :host(dds-left-nav-menu) {\n  overflow: hidden;\n  width: auto;\n  height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__item, :host(bx-side-nav) .bx--side-nav__item, :host(dds-left-nav) .bx--side-nav__item, .bx--side-nav--ux :host(bx-side-nav-link), :host(bx-side-nav) :host(bx-side-nav-link), :host(dds-left-nav) :host(bx-side-nav-link), .bx--side-nav--ux :host(dds-left-nav-item), :host(bx-side-nav) :host(dds-left-nav-item), :host(dds-left-nav) :host(dds-left-nav-item), .bx--side-nav--ux :host(dds-cloud-left-nav-item), :host(bx-side-nav) :host(dds-cloud-left-nav-item), :host(dds-left-nav) :host(dds-cloud-left-nav-item), .bx--side-nav--ux :host(bx-side-nav-menu), :host(bx-side-nav) :host(bx-side-nav-menu), :host(dds-left-nav) :host(bx-side-nav-menu), .bx--side-nav--ux :host(dds-left-nav-menu), :host(bx-side-nav) :host(dds-left-nav-menu), :host(dds-left-nav) :host(dds-left-nav-menu) {\n  width: auto;\n  height: auto; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__link:hover,\n.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current='page']):hover,\n.bx--side-nav a.bx--header__menu-item:hover,\n:host(bx-side-nav) a.bx--header__menu-item:hover,\n:host(dds-left-nav) a.bx--header__menu-item:hover,\n.bx--side-nav .bx--header__menu-title[aria-expanded='true']:hover,\n:host(bx-side-nav) .bx--header__menu-title[aria-expanded='true']:hover,\n:host(dds-left-nav) .bx--header__menu-title[aria-expanded='true']:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__link:hover > span,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span {\n  color: #161616; }\n\n.bx--side-nav__item--large {\n  height: 3rem; }\n\n.bx--side-nav__divider, :host(bx-side-nav-divider) {\n  height: 1px;\n  margin: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);\n  background-color: #e0e0e0; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: flex;\n  height: 2rem;\n  align-items: center;\n  padding: 0 1rem;\n  color: #525252;\n  transition: color 110ms, background-color 110ms, outline 110ms;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--side-nav__submenu *,\n  .bx--side-nav__submenu *::before,\n  .bx--side-nav__submenu *::after {\n    box-sizing: inherit; }\n  .bx--side-nav__submenu::-moz-focus-inner {\n    border: 0; }\n\n.bx--side-nav__submenu:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n.bx--side-nav__submenu:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--side-nav__submenu:focus {\n      outline-style: dotted; } }\n\n.bx--side-nav__submenu-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left; }\n\n.bx--side-nav__icon.bx--side-nav__submenu-chevron {\n  display: flex;\n  flex: 1;\n  justify-content: flex-end; }\n\n.bx--side-nav__submenu-chevron > svg {\n  width: 1rem;\n  height: 1rem;\n  transition: transform 110ms; }\n\n.bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron > svg {\n  transform: rotate(180deg); }\n\n.bx--side-nav__item--large .bx--side-nav__submenu {\n  height: 3rem; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu:hover, :host(bx-side-nav-menu[active]) .bx--side-nav__submenu:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded='false'], :host(bx-side-nav-menu[active]) .bx--side-nav__submenu[aria-expanded='false'] {\n  position: relative;\n  background-color: #e5e5e5;\n  color: #161616; }\n  .bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded='false']::before, :host(bx-side-nav-menu[active]) .bx--side-nav__submenu[aria-expanded='false']::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 4px;\n    background-color: #0f62fe;\n    content: ''; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu-title, :host(bx-side-nav-menu[active]) .bx--side-nav__submenu-title {\n  color: #161616;\n  font-weight: 600; }\n\n.bx--side-nav__menu {\n  display: block;\n  max-height: 0;\n  visibility: hidden; }\n\n.bx--side-nav__submenu[aria-expanded='true'] + .bx--side-nav__menu {\n  max-height: 93.75rem;\n  visibility: inherit; }\n\n.bx--side-nav__menu a.bx--side-nav__link {\n  height: 2rem;\n  min-height: 2rem;\n  padding-left: 2rem;\n  font-weight: 400; }\n\n.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link, .bx--side-nav__item--icon:host(bx-side-nav-link) a.bx--side-nav__link, :host(bx-side-nav-link):host(bx-side-nav-menu[has-icon]) a.bx--side-nav__link, :host(bx-side-nav-menu[has-icon]):host(dds-left-nav-item) a.bx--side-nav__link, :host(bx-side-nav-menu[has-icon]):host(dds-cloud-left-nav-item) a.bx--side-nav__link, .bx--side-nav__item--icon:host(dds-left-nav-item) a.bx--side-nav__link, .bx--side-nav__item--icon:host(dds-cloud-left-nav-item) a.bx--side-nav__link, .bx--side-nav__item--icon:host(bx-side-nav-menu) a.bx--side-nav__link, :host(bx-side-nav-menu):host(bx-side-nav-menu[has-icon]) a.bx--side-nav__link, .bx--side-nav__item--icon:host(dds-left-nav-menu) a.bx--side-nav__link, :host(dds-left-nav-menu):host(bx-side-nav-menu[has-icon]) a.bx--side-nav__link {\n  padding-left: 4.5rem; }\n\n.bx--side-nav__menu a.bx--side-nav__link--current,\n.bx--side-nav__menu a.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n  background-color: #e0e0e0; }\n  .bx--side-nav__menu a.bx--side-nav__link--current > span,\n  .bx--side-nav__menu a.bx--side-nav__link[aria-current='page'] > span,\n  a.bx--side-nav__link--current > span {\n    color: #161616;\n    font-weight: 600; }\n\na.bx--side-nav__link,\n.bx--side-nav a.bx--header__menu-item,\n:host(bx-side-nav) a.bx--header__menu-item,\n:host(dds-left-nav) a.bx--header__menu-item,\n.bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n  position: relative;\n  display: flex;\n  min-height: 2rem;\n  align-items: center;\n  padding: 0 1rem;\n  text-decoration: none;\n  transition: color 110ms, background-color 110ms, outline 110ms; }\n\n.bx--side-nav__item--large a.bx--side-nav__link {\n  height: 3rem; }\n\na.bx--side-nav__link > .bx--side-nav__link-text,\n.bx--side-nav a.bx--header__menu-item .bx--text-truncate-end,\n:host(bx-side-nav) a.bx--header__menu-item .bx--text-truncate-end,\n:host(dds-left-nav) a.bx--header__menu-item .bx--text-truncate-end {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #525252;\n  font-size: 0.875rem;\n  letter-spacing: 0.1px;\n  line-height: 1.25rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\na.bx--side-nav__link:focus,\n.bx--side-nav a.bx--header__menu-item:focus,\n:host(bx-side-nav) a.bx--header__menu-item:focus,\n:host(dds-left-nav) a.bx--header__menu-item:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    a.bx--side-nav__link:focus,\n    .bx--side-nav a.bx--header__menu-item:focus,\n    :host(bx-side-nav) a.bx--header__menu-item:focus,\n    :host(dds-left-nav) a.bx--header__menu-item:focus {\n      outline-style: dotted; } }\n\na.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n  background-color: #e5e5e5;\n  font-weight: 600; }\n\na.bx--side-nav__link[aria-current='page'] .bx--side-nav__link-text,\na.bx--side-nav__link--current .bx--side-nav__link-text {\n  color: #161616; }\n\na.bx--side-nav__link[aria-current='page']::before,\na.bx--side-nav__link--current::before {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 4px;\n  background-color: #0f62fe;\n  content: ''; }\n\n.bx--side-nav__icon {\n  display: flex;\n  flex: 0 0 1rem;\n  align-items: center;\n  justify-content: center; }\n\n.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {\n  margin-right: 1.5rem; }\n\n.bx--side-nav__icon > svg {\n  width: 1rem;\n  height: 1rem;\n  fill: #525252; }\n\n.bx--side-nav__icon > svg.bx--side-nav-collapse-icon {\n  display: none; }\n\n.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-expand-icon, :host(bx-side-nav[expanded]) .bx--side-nav__icon > svg.bx--side-nav-expand-icon {\n  display: none; }\n\n.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-collapse-icon, :host(bx-side-nav[expanded]) .bx--side-nav__icon > svg.bx--side-nav-collapse-icon {\n  display: block; }\n\n.bx--side-nav--fixed a.bx--side-nav__link,\n.bx--side-nav--fixed .bx--side-nav__submenu {\n  padding-left: 1rem; }\n\n.bx--side-nav--fixed .bx--side-nav__item:not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(bx-side-nav-link) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(dds-left-nav-item) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(dds-cloud-left-nav-item) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(bx-side-nav-menu) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(dds-left-nav-menu) .bx--side-nav__menu a.bx--side-nav__link {\n  padding-left: 2rem; }\n\n@media (max-width: 65.98rem) {\n  .bx--side-nav .bx--header__nav, :host(bx-side-nav) .bx--header__nav, :host(dds-left-nav) .bx--header__nav, .bx--side-nav :host(bx-header-nav), :host(bx-side-nav) :host(bx-header-nav), :host(dds-left-nav) :host(bx-header-nav) {\n    display: block; } }\n\n.bx--side-nav__header-navigation {\n  display: none; }\n  @media (max-width: 65.98rem) {\n    .bx--side-nav__header-navigation {\n      position: relative;\n      display: block;\n      margin-bottom: 2rem; } }\n\n.bx--side-nav__header-divider::after {\n  position: absolute;\n  bottom: -1rem;\n  left: 1rem;\n  width: calc(100% - 32px);\n  height: 0.0625rem;\n  background: #e0e0e0;\n  content: ''; }\n\n\n.bx--side-nav a.bx--header__menu-item,\n:host(bx-side-nav) a.bx--header__menu-item,\n:host(dds-left-nav) a.bx--header__menu-item {\n  justify-content: space-between;\n  color: #525252;\n  white-space: nowrap; }\n  .bx--side-nav a.bx--header__menu-item[aria-expanded='true'], :host(bx-side-nav) a.bx--header__menu-item[aria-expanded='true'], :host(dds-left-nav) a.bx--header__menu-item[aria-expanded='true'] {\n    background-color: transparent; }\n\n\n.bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  bottom: inherit;\n  width: 100%;\n  padding: 0;\n  background-color: transparent;\n  box-shadow: none;\n  transform: none; }\n  .bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li, :host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li, :host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li {\n    width: 100%; }\n  .bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item, :host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item, :host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item {\n    padding-left: 4.25rem;\n    font-weight: 400; }\n  .bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item:hover, :host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item:hover, :host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item:hover {\n    background-color: #e5e5e5;\n    color: #161616; }\n\n.bx--side-nav .bx--header__menu a.bx--header__menu-item, :host(bx-side-nav) .bx--header__menu a.bx--header__menu-item, :host(dds-left-nav) .bx--header__menu a.bx--header__menu-item {\n  height: inherit; }\n\n.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(bx-side-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(dds-left-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow,\n.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,\n:host(bx-side-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n:host(dds-left-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n.bx--side-nav .bx--header__menu-arrow,\n:host(bx-side-nav) .bx--header__menu-arrow,\n:host(dds-left-nav) .bx--header__menu-arrow {\n  fill: #525252; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--side-nav__icon > svg, .bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(bx-side-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(dds-left-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow,\n  .bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,\n  :host(bx-side-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n  :host(dds-left-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n  .bx--side-nav .bx--header__menu-arrow,\n  :host(bx-side-nav) .bx--header__menu-arrow,\n  :host(dds-left-nav) .bx--header__menu-arrow {\n    fill: ButtonText; } }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--grid {\n  margin-right: auto;\n  margin-left: auto;\n  max-width: 99rem;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  @media (min-width: 42rem) {\n    .bx--grid {\n      padding-right: 2rem;\n      padding-left: 2rem; } }\n  @media (min-width: 99rem) {\n    .bx--grid {\n      padding-right: 2.5rem;\n      padding-left: 2.5rem; } }\n\n@media (min-width: 99rem) {\n  .bx--grid--full-width {\n    max-width: 100%; } }\n\n.bx--row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -1rem;\n  margin-left: -1rem; }\n\n.bx--row-padding [class*='bx--col'],\n.bx--col-padding {\n  padding-top: 1rem;\n  padding-bottom: 1rem; }\n\n.bx--grid--condensed [class*='bx--col'] {\n  padding-top: 0.03125rem;\n  padding-bottom: 0.03125rem; }\n\n.bx--col {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col,\n  .bx--grid--condensed .bx--col {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col,\n  .bx--grid--narrow .bx--col {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-0,\n  .bx--grid--condensed .bx--col-sm-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-0,\n  .bx--grid--narrow .bx--col-sm-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-1,\n  .bx--grid--condensed .bx--col-sm-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-1,\n  .bx--grid--narrow .bx--col-sm-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-2,\n  .bx--grid--condensed .bx--col-sm-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-2,\n  .bx--grid--narrow .bx--col-sm-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-3,\n  .bx--grid--condensed .bx--col-sm-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-3,\n  .bx--grid--narrow .bx--col-sm-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-4,\n  .bx--grid--condensed .bx--col-sm-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-4,\n  .bx--grid--narrow .bx--col-sm-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm,\n.bx--col-sm--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm,\n  .bx--grid--condensed .bx--col-sm, .bx--row--condensed\n  .bx--col-sm--auto,\n  .bx--grid--condensed\n  .bx--col-sm--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm,\n  .bx--grid--narrow .bx--col-sm, .bx--row--narrow\n  .bx--col-sm--auto,\n  .bx--grid--narrow\n  .bx--col-sm--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col,\n.bx--col-sm {\n  max-width: 100%;\n  flex-basis: 0;\n  flex-grow: 1; }\n\n.bx--col--auto,\n.bx--col-sm--auto {\n  width: auto;\n  max-width: 100%;\n  flex: 1 0 0%; }\n\n.bx--col-sm-0 {\n  display: none; }\n\n.bx--col-sm-1 {\n  display: block;\n  max-width: 25%;\n  flex: 0 0 25%; }\n\n.bx--col-sm-2 {\n  display: block;\n  max-width: 50%;\n  flex: 0 0 50%; }\n\n.bx--col-sm-3 {\n  display: block;\n  max-width: 75%;\n  flex: 0 0 75%; }\n\n.bx--col-sm-4 {\n  display: block;\n  max-width: 100%;\n  flex: 0 0 100%; }\n\n.bx--offset-sm-0 {\n  margin-left: 0; }\n\n.bx--offset-sm-1 {\n  margin-left: 25%; }\n\n.bx--offset-sm-2 {\n  margin-left: 50%; }\n\n.bx--offset-sm-3 {\n  margin-left: 75%; }\n\n.bx--col-md-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-0,\n  .bx--grid--condensed .bx--col-md-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-0,\n  .bx--grid--narrow .bx--col-md-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-1,\n  .bx--grid--condensed .bx--col-md-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-1,\n  .bx--grid--narrow .bx--col-md-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-2,\n  .bx--grid--condensed .bx--col-md-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-2,\n  .bx--grid--narrow .bx--col-md-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-3,\n  .bx--grid--condensed .bx--col-md-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-3,\n  .bx--grid--narrow .bx--col-md-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-4,\n  .bx--grid--condensed .bx--col-md-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-4,\n  .bx--grid--narrow .bx--col-md-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-5,\n  .bx--grid--condensed .bx--col-md-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-5,\n  .bx--grid--narrow .bx--col-md-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-6,\n  .bx--grid--condensed .bx--col-md-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-6,\n  .bx--grid--narrow .bx--col-md-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-7,\n  .bx--grid--condensed .bx--col-md-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-7,\n  .bx--grid--narrow .bx--col-md-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-8,\n  .bx--grid--condensed .bx--col-md-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-8,\n  .bx--grid--narrow .bx--col-md-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md,\n.bx--col-md--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md,\n  .bx--grid--condensed .bx--col-md, .bx--row--condensed\n  .bx--col-md--auto,\n  .bx--grid--condensed\n  .bx--col-md--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md,\n  .bx--grid--narrow .bx--col-md, .bx--row--narrow\n  .bx--col-md--auto,\n  .bx--grid--narrow\n  .bx--col-md--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 42rem) {\n  .bx--col,\n  .bx--col-md {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-md--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-md-0 {\n    display: none; }\n  .bx--col-md-1 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-md-2 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-md-3 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-md-4 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-md-5 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-md-6 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-md-7 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-md-8 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-md-0 {\n    margin-left: 0; }\n  .bx--offset-md-1 {\n    margin-left: 12.5%; }\n  .bx--offset-md-2 {\n    margin-left: 25%; }\n  .bx--offset-md-3 {\n    margin-left: 37.5%; }\n  .bx--offset-md-4 {\n    margin-left: 50%; }\n  .bx--offset-md-5 {\n    margin-left: 62.5%; }\n  .bx--offset-md-6 {\n    margin-left: 75%; }\n  .bx--offset-md-7 {\n    margin-left: 87.5%; } }\n\n.bx--col-lg-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-0,\n  .bx--grid--condensed .bx--col-lg-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-0,\n  .bx--grid--narrow .bx--col-lg-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-1,\n  .bx--grid--condensed .bx--col-lg-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-1,\n  .bx--grid--narrow .bx--col-lg-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-2,\n  .bx--grid--condensed .bx--col-lg-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-2,\n  .bx--grid--narrow .bx--col-lg-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-3,\n  .bx--grid--condensed .bx--col-lg-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-3,\n  .bx--grid--narrow .bx--col-lg-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-4,\n  .bx--grid--condensed .bx--col-lg-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-4,\n  .bx--grid--narrow .bx--col-lg-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-5,\n  .bx--grid--condensed .bx--col-lg-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-5,\n  .bx--grid--narrow .bx--col-lg-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-6,\n  .bx--grid--condensed .bx--col-lg-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-6,\n  .bx--grid--narrow .bx--col-lg-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-7,\n  .bx--grid--condensed .bx--col-lg-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-7,\n  .bx--grid--narrow .bx--col-lg-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-8,\n  .bx--grid--condensed .bx--col-lg-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-8,\n  .bx--grid--narrow .bx--col-lg-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-9 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-9,\n  .bx--grid--condensed .bx--col-lg-9 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-9,\n  .bx--grid--narrow .bx--col-lg-9 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-10 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-10,\n  .bx--grid--condensed .bx--col-lg-10 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-10,\n  .bx--grid--narrow .bx--col-lg-10 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-11 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-11,\n  .bx--grid--condensed .bx--col-lg-11 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-11,\n  .bx--grid--narrow .bx--col-lg-11 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-12 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-12,\n  .bx--grid--condensed .bx--col-lg-12 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-12,\n  .bx--grid--narrow .bx--col-lg-12 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-13 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-13,\n  .bx--grid--condensed .bx--col-lg-13 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-13,\n  .bx--grid--narrow .bx--col-lg-13 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-14 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-14,\n  .bx--grid--condensed .bx--col-lg-14 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-14,\n  .bx--grid--narrow .bx--col-lg-14 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-15 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-15,\n  .bx--grid--condensed .bx--col-lg-15 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-15,\n  .bx--grid--narrow .bx--col-lg-15 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-16 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-16,\n  .bx--grid--condensed .bx--col-lg-16 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-16,\n  .bx--grid--narrow .bx--col-lg-16 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg,\n.bx--col-lg--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg,\n  .bx--grid--condensed .bx--col-lg, .bx--row--condensed\n  .bx--col-lg--auto,\n  .bx--grid--condensed\n  .bx--col-lg--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg,\n  .bx--grid--narrow .bx--col-lg, .bx--row--narrow\n  .bx--col-lg--auto,\n  .bx--grid--narrow\n  .bx--col-lg--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 66rem) {\n  .bx--col,\n  .bx--col-lg {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-lg--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-lg-0 {\n    display: none; }\n  .bx--col-lg-1 {\n    display: block;\n    max-width: 6.25%;\n    flex: 0 0 6.25%; }\n  .bx--col-lg-2 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-lg-3 {\n    display: block;\n    max-width: 18.75%;\n    flex: 0 0 18.75%; }\n  .bx--col-lg-4 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-lg-5 {\n    display: block;\n    max-width: 31.25%;\n    flex: 0 0 31.25%; }\n  .bx--col-lg-6 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-lg-7 {\n    display: block;\n    max-width: 43.75%;\n    flex: 0 0 43.75%; }\n  .bx--col-lg-8 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-lg-9 {\n    display: block;\n    max-width: 56.25%;\n    flex: 0 0 56.25%; }\n  .bx--col-lg-10 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-lg-11 {\n    display: block;\n    max-width: 68.75%;\n    flex: 0 0 68.75%; }\n  .bx--col-lg-12 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-lg-13 {\n    display: block;\n    max-width: 81.25%;\n    flex: 0 0 81.25%; }\n  .bx--col-lg-14 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-lg-15 {\n    display: block;\n    max-width: 93.75%;\n    flex: 0 0 93.75%; }\n  .bx--col-lg-16 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-lg-0 {\n    margin-left: 0; }\n  .bx--offset-lg-1 {\n    margin-left: 6.25%; }\n  .bx--offset-lg-2 {\n    margin-left: 12.5%; }\n  .bx--offset-lg-3 {\n    margin-left: 18.75%; }\n  .bx--offset-lg-4 {\n    margin-left: 25%; }\n  .bx--offset-lg-5 {\n    margin-left: 31.25%; }\n  .bx--offset-lg-6 {\n    margin-left: 37.5%; }\n  .bx--offset-lg-7 {\n    margin-left: 43.75%; }\n  .bx--offset-lg-8 {\n    margin-left: 50%; }\n  .bx--offset-lg-9 {\n    margin-left: 56.25%; }\n  .bx--offset-lg-10 {\n    margin-left: 62.5%; }\n  .bx--offset-lg-11 {\n    margin-left: 68.75%; }\n  .bx--offset-lg-12 {\n    margin-left: 75%; }\n  .bx--offset-lg-13 {\n    margin-left: 81.25%; }\n  .bx--offset-lg-14 {\n    margin-left: 87.5%; }\n  .bx--offset-lg-15 {\n    margin-left: 93.75%; } }\n\n.bx--col-xlg-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-0,\n  .bx--grid--condensed .bx--col-xlg-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-0,\n  .bx--grid--narrow .bx--col-xlg-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-1,\n  .bx--grid--condensed .bx--col-xlg-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-1,\n  .bx--grid--narrow .bx--col-xlg-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-2,\n  .bx--grid--condensed .bx--col-xlg-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-2,\n  .bx--grid--narrow .bx--col-xlg-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-3,\n  .bx--grid--condensed .bx--col-xlg-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-3,\n  .bx--grid--narrow .bx--col-xlg-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-4,\n  .bx--grid--condensed .bx--col-xlg-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-4,\n  .bx--grid--narrow .bx--col-xlg-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-5,\n  .bx--grid--condensed .bx--col-xlg-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-5,\n  .bx--grid--narrow .bx--col-xlg-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-6,\n  .bx--grid--condensed .bx--col-xlg-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-6,\n  .bx--grid--narrow .bx--col-xlg-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-7,\n  .bx--grid--condensed .bx--col-xlg-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-7,\n  .bx--grid--narrow .bx--col-xlg-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-8,\n  .bx--grid--condensed .bx--col-xlg-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-8,\n  .bx--grid--narrow .bx--col-xlg-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-9 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-9,\n  .bx--grid--condensed .bx--col-xlg-9 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-9,\n  .bx--grid--narrow .bx--col-xlg-9 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-10 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-10,\n  .bx--grid--condensed .bx--col-xlg-10 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-10,\n  .bx--grid--narrow .bx--col-xlg-10 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-11 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-11,\n  .bx--grid--condensed .bx--col-xlg-11 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-11,\n  .bx--grid--narrow .bx--col-xlg-11 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-12 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-12,\n  .bx--grid--condensed .bx--col-xlg-12 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-12,\n  .bx--grid--narrow .bx--col-xlg-12 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-13 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-13,\n  .bx--grid--condensed .bx--col-xlg-13 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-13,\n  .bx--grid--narrow .bx--col-xlg-13 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-14 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-14,\n  .bx--grid--condensed .bx--col-xlg-14 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-14,\n  .bx--grid--narrow .bx--col-xlg-14 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-15 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-15,\n  .bx--grid--condensed .bx--col-xlg-15 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-15,\n  .bx--grid--narrow .bx--col-xlg-15 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-16 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-16,\n  .bx--grid--condensed .bx--col-xlg-16 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-16,\n  .bx--grid--narrow .bx--col-xlg-16 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg,\n.bx--col-xlg--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg,\n  .bx--grid--condensed .bx--col-xlg, .bx--row--condensed\n  .bx--col-xlg--auto,\n  .bx--grid--condensed\n  .bx--col-xlg--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg,\n  .bx--grid--narrow .bx--col-xlg, .bx--row--narrow\n  .bx--col-xlg--auto,\n  .bx--grid--narrow\n  .bx--col-xlg--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 82rem) {\n  .bx--col,\n  .bx--col-xlg {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-xlg--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-xlg-0 {\n    display: none; }\n  .bx--col-xlg-1 {\n    display: block;\n    max-width: 6.25%;\n    flex: 0 0 6.25%; }\n  .bx--col-xlg-2 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-xlg-3 {\n    display: block;\n    max-width: 18.75%;\n    flex: 0 0 18.75%; }\n  .bx--col-xlg-4 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-xlg-5 {\n    display: block;\n    max-width: 31.25%;\n    flex: 0 0 31.25%; }\n  .bx--col-xlg-6 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-xlg-7 {\n    display: block;\n    max-width: 43.75%;\n    flex: 0 0 43.75%; }\n  .bx--col-xlg-8 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-xlg-9 {\n    display: block;\n    max-width: 56.25%;\n    flex: 0 0 56.25%; }\n  .bx--col-xlg-10 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-xlg-11 {\n    display: block;\n    max-width: 68.75%;\n    flex: 0 0 68.75%; }\n  .bx--col-xlg-12 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-xlg-13 {\n    display: block;\n    max-width: 81.25%;\n    flex: 0 0 81.25%; }\n  .bx--col-xlg-14 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-xlg-15 {\n    display: block;\n    max-width: 93.75%;\n    flex: 0 0 93.75%; }\n  .bx--col-xlg-16 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-xlg-0 {\n    margin-left: 0; }\n  .bx--offset-xlg-1 {\n    margin-left: 6.25%; }\n  .bx--offset-xlg-2 {\n    margin-left: 12.5%; }\n  .bx--offset-xlg-3 {\n    margin-left: 18.75%; }\n  .bx--offset-xlg-4 {\n    margin-left: 25%; }\n  .bx--offset-xlg-5 {\n    margin-left: 31.25%; }\n  .bx--offset-xlg-6 {\n    margin-left: 37.5%; }\n  .bx--offset-xlg-7 {\n    margin-left: 43.75%; }\n  .bx--offset-xlg-8 {\n    margin-left: 50%; }\n  .bx--offset-xlg-9 {\n    margin-left: 56.25%; }\n  .bx--offset-xlg-10 {\n    margin-left: 62.5%; }\n  .bx--offset-xlg-11 {\n    margin-left: 68.75%; }\n  .bx--offset-xlg-12 {\n    margin-left: 75%; }\n  .bx--offset-xlg-13 {\n    margin-left: 81.25%; }\n  .bx--offset-xlg-14 {\n    margin-left: 87.5%; }\n  .bx--offset-xlg-15 {\n    margin-left: 93.75%; } }\n\n.bx--col-max-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-0,\n  .bx--grid--condensed .bx--col-max-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-0,\n  .bx--grid--narrow .bx--col-max-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-1,\n  .bx--grid--condensed .bx--col-max-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-1,\n  .bx--grid--narrow .bx--col-max-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-2,\n  .bx--grid--condensed .bx--col-max-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-2,\n  .bx--grid--narrow .bx--col-max-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-3,\n  .bx--grid--condensed .bx--col-max-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-3,\n  .bx--grid--narrow .bx--col-max-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-4,\n  .bx--grid--condensed .bx--col-max-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-4,\n  .bx--grid--narrow .bx--col-max-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-5,\n  .bx--grid--condensed .bx--col-max-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-5,\n  .bx--grid--narrow .bx--col-max-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-6,\n  .bx--grid--condensed .bx--col-max-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-6,\n  .bx--grid--narrow .bx--col-max-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-7,\n  .bx--grid--condensed .bx--col-max-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-7,\n  .bx--grid--narrow .bx--col-max-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-8,\n  .bx--grid--condensed .bx--col-max-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-8,\n  .bx--grid--narrow .bx--col-max-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-9 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-9,\n  .bx--grid--condensed .bx--col-max-9 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-9,\n  .bx--grid--narrow .bx--col-max-9 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-10 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-10,\n  .bx--grid--condensed .bx--col-max-10 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-10,\n  .bx--grid--narrow .bx--col-max-10 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-11 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-11,\n  .bx--grid--condensed .bx--col-max-11 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-11,\n  .bx--grid--narrow .bx--col-max-11 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-12 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-12,\n  .bx--grid--condensed .bx--col-max-12 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-12,\n  .bx--grid--narrow .bx--col-max-12 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-13 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-13,\n  .bx--grid--condensed .bx--col-max-13 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-13,\n  .bx--grid--narrow .bx--col-max-13 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-14 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-14,\n  .bx--grid--condensed .bx--col-max-14 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-14,\n  .bx--grid--narrow .bx--col-max-14 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-15 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-15,\n  .bx--grid--condensed .bx--col-max-15 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-15,\n  .bx--grid--narrow .bx--col-max-15 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-16 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-16,\n  .bx--grid--condensed .bx--col-max-16 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-16,\n  .bx--grid--narrow .bx--col-max-16 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max,\n.bx--col-max--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max,\n  .bx--grid--condensed .bx--col-max, .bx--row--condensed\n  .bx--col-max--auto,\n  .bx--grid--condensed\n  .bx--col-max--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max,\n  .bx--grid--narrow .bx--col-max, .bx--row--narrow\n  .bx--col-max--auto,\n  .bx--grid--narrow\n  .bx--col-max--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 99rem) {\n  .bx--col,\n  .bx--col-max {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-max--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-max-0 {\n    display: none; }\n  .bx--col-max-1 {\n    display: block;\n    max-width: 6.25%;\n    flex: 0 0 6.25%; }\n  .bx--col-max-2 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-max-3 {\n    display: block;\n    max-width: 18.75%;\n    flex: 0 0 18.75%; }\n  .bx--col-max-4 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-max-5 {\n    display: block;\n    max-width: 31.25%;\n    flex: 0 0 31.25%; }\n  .bx--col-max-6 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-max-7 {\n    display: block;\n    max-width: 43.75%;\n    flex: 0 0 43.75%; }\n  .bx--col-max-8 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-max-9 {\n    display: block;\n    max-width: 56.25%;\n    flex: 0 0 56.25%; }\n  .bx--col-max-10 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-max-11 {\n    display: block;\n    max-width: 68.75%;\n    flex: 0 0 68.75%; }\n  .bx--col-max-12 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-max-13 {\n    display: block;\n    max-width: 81.25%;\n    flex: 0 0 81.25%; }\n  .bx--col-max-14 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-max-15 {\n    display: block;\n    max-width: 93.75%;\n    flex: 0 0 93.75%; }\n  .bx--col-max-16 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-max-0 {\n    margin-left: 0; }\n  .bx--offset-max-1 {\n    margin-left: 6.25%; }\n  .bx--offset-max-2 {\n    margin-left: 12.5%; }\n  .bx--offset-max-3 {\n    margin-left: 18.75%; }\n  .bx--offset-max-4 {\n    margin-left: 25%; }\n  .bx--offset-max-5 {\n    margin-left: 31.25%; }\n  .bx--offset-max-6 {\n    margin-left: 37.5%; }\n  .bx--offset-max-7 {\n    margin-left: 43.75%; }\n  .bx--offset-max-8 {\n    margin-left: 50%; }\n  .bx--offset-max-9 {\n    margin-left: 56.25%; }\n  .bx--offset-max-10 {\n    margin-left: 62.5%; }\n  .bx--offset-max-11 {\n    margin-left: 68.75%; }\n  .bx--offset-max-12 {\n    margin-left: 75%; }\n  .bx--offset-max-13 {\n    margin-left: 81.25%; }\n  .bx--offset-max-14 {\n    margin-left: 87.5%; }\n  .bx--offset-max-15 {\n    margin-left: 93.75%; } }\n\n.bx--no-gutter,\n.bx--row.bx--no-gutter [class*='bx--col'] {\n  padding-right: 0;\n  padding-left: 0; }\n\n.bx--no-gutter--start,\n.bx--row.bx--no-gutter--start [class*='bx--col'] {\n  padding-left: 0; }\n\n.bx--no-gutter--end,\n.bx--row.bx--no-gutter--end [class*='bx--col'] {\n  padding-right: 0; }\n\n.bx--no-gutter--left,\n.bx--row.bx--no-gutter--left [class*='bx--col'] {\n  padding-left: 0; }\n\n.bx--no-gutter--right,\n.bx--row.bx--no-gutter--right [class*='bx--col'] {\n  padding-right: 0; }\n\n.bx--hang--start {\n  padding-left: 1rem; }\n\n.bx--hang--end {\n  padding-right: 1rem; }\n\n.bx--hang--left {\n  padding-left: 1rem; }\n\n.bx--hang--right {\n  padding-right: 1rem; }\n\n.bx--aspect-ratio {\n  position: relative; }\n\n.bx--aspect-ratio::before {\n  width: 1px;\n  height: 0;\n  margin-left: -1px;\n  content: '';\n  float: left; }\n\n.bx--aspect-ratio::after {\n  display: table;\n  clear: both;\n  content: ''; }\n\n.bx--aspect-ratio--16x9::before {\n  padding-top: 56.25%; }\n\n.bx--aspect-ratio--9x16::before {\n  padding-top: 177.77778%; }\n\n.bx--aspect-ratio--2x1::before {\n  padding-top: 50%; }\n\n.bx--aspect-ratio--1x2::before {\n  padding-top: 200%; }\n\n.bx--aspect-ratio--4x3::before {\n  padding-top: 75%; }\n\n.bx--aspect-ratio--3x4::before {\n  padding-top: 133.33333%; }\n\n.bx--aspect-ratio--3x2::before {\n  padding-top: 66.66667%; }\n\n.bx--aspect-ratio--2x3::before {\n  padding-top: 150%; }\n\n.bx--aspect-ratio--1x1::before {\n  padding-top: 100%; }\n\n.bx--aspect-ratio--object {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n:host(dds-masthead-composite),\n:host(dds-cloud-masthead-container) {\n  z-index: 900;\n  padding-top: 3rem; }\n\n.bx--masthead,\n:host(dds-masthead) {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 99;\n  transition-delay: 200ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  transition-duration: 300ms;\n  background-color: var(--cds-ui-background, #ffffff); }\n  .bx--masthead[with-banner],\n  :host(dds-masthead)[with-banner] {\n    top: var(--cds-spacing-13, 10rem); }\n\n:host(dds-megamenu-overlay),\n.bx--masthead__overlay {\n  position: fixed;\n  left: 0;\n  top: 48px;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n  visibility: hidden;\n  background-color: none;\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n:host(dds-megamenu-overlay)[active],\n.bx--masthead__overlay-show {\n  background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));\n  visibility: visible;\n  opacity: 1;\n  height: 100vh; }\n\n.bx--masthead--sticky.bx--masthead--sticky__l1 {\n  top: -98px; }\n  @media (min-width: 800px) {\n    .bx--masthead--sticky.bx--masthead--sticky__l1 {\n      top: -48px; } }\n\n.bx--masthead--sticky__l1 + .bx--dotcom-shell .bx--tableofcontents__sidebar {\n  top: 98px; }\n\n.bx--masthead--sticky__l1.bx--masthead--sticky + .bx--dotcom-shell .bx--tableofcontents__sidebar {\n  top: 0; }\n  @media (min-width: 800px) {\n    .bx--masthead--sticky__l1.bx--masthead--sticky + .bx--dotcom-shell .bx--tableofcontents__sidebar {\n      top: 48px; } }\n\n.bx--masthead__l0 {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  position: relative;\n  background: var(--cds-ui-background, #ffffff); }\n  .bx--masthead__l0::after {\n    content: '';\n    position: absolute;\n    width: 100vw;\n    height: 1px;\n    bottom: -1px;\n    left: 0;\n    background-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--header, :host(bx-header),\n.bx--masthead__l0 bx-header {\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  background: var(--cds-ui-background, #ffffff);\n  border: none;\n  max-width: 99rem;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 1px;\n  position: relative;\n  z-index: 5999; }\n  .bx--header::before, :host(bx-header)::before,\n  .bx--masthead__l0 bx-header::before {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: calc(-50vw + 50%);\n    right: 100%;\n    z-index: 1; }\n  .bx--header::after, :host(bx-header)::after,\n  .bx--masthead__l0 bx-header::after {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: 100%;\n    right: calc(-50vw + 50%); }\n  .bx--header .bx--header__menu-arrow, :host(bx-header) .bx--header__menu-arrow,\n  .bx--masthead__l0 bx-header .bx--header__menu-arrow {\n    fill: var(--cds-icon-02, #525252); }\n    .bx--header .bx--header__menu-arrow:hover, :host(bx-header) .bx--header__menu-arrow:hover,\n    .bx--masthead__l0 bx-header .bx--header__menu-arrow:hover {\n      fill: var(--cds-icon-02, #525252); }\n\n.bx--skip-to-content:focus {\n  height: 3.0625rem; }\n\n.bx--header__logo {\n  height: 100%;\n  z-index: 2;\n  background-color: var(--cds-ui-background, #ffffff); }\n  .bx--header__logo a {\n    position: relative;\n    display: flex;\n    height: 100%;\n    align-items: center;\n    padding: 0 2rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    outline: none; }\n    .bx--header__logo a:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    .bx--header__logo a:active, .bx--header__logo a:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (min-width: 99rem) {\n      .bx--header__logo a {\n        padding: 0 2.5rem; } }\n    @media (max-width: 81.98rem) {\n      .bx--header__logo a {\n        padding: 0 2rem; } }\n    @media (max-width: 65.98rem) {\n      .bx--header__logo a {\n        padding: 0 1rem; } }\n    .bx--header__logo a svg {\n      width: 58px;\n      height: 23px; }\n      .bx--header__logo a svg g,\n      .bx--header__logo a svg path {\n        fill: var(--cds-layer-selected-inverse, #161616);\n        /* stylelint-disable-next-line media-feature-name-no-unknown */ }\n        @media (prefers-contrast: more) {\n          .bx--header__logo a svg g,\n          .bx--header__logo a svg path {\n            fill: ButtonText; } }\n    @media (min-width: 800px) {\n      .bx--header__logo a::after {\n        content: '';\n        display: block;\n        position: absolute;\n        right: -0.1875rem;\n        top: 50%;\n        transform: translateY(-50%);\n        height: 1.5rem;\n        width: 0.0625rem;\n        background-color: var(--cds-ui-03, #e0e0e0); } }\n  .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition, .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip),\n  .bx--header__logo .bx--tooltip--definition,\n  .bx--header__logo :host(bx-tooltip-definition) {\n    border: none; }\n    .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition .bx--tooltip__trigger, .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip) .bx--tooltip__trigger, .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition :host(bx-tooltip), .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip) :host(bx-tooltip),\n    .bx--header__logo .bx--tooltip--definition .bx--tooltip__trigger,\n    .bx--header__logo :host(bx-tooltip-definition) .bx--tooltip__trigger,\n    .bx--header__logo .bx--tooltip--definition :host(bx-tooltip),\n    .bx--header__logo :host(bx-tooltip-definition) :host(bx-tooltip) {\n      border: none; }\n    .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--a11y, .bx--header__logo .bx--tooltip__trigger--definition.bx--tooltip--a11y:host(bx-tooltip), .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip):host(bx-tooltip-definition), .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition:host(bx-tooltip-definition),\n    .bx--header__logo .bx--tooltip--definition.bx--tooltip--a11y,\n    .bx--header__logo :host(bx-tooltip-definition) {\n      height: 100%; }\n  .bx--header__logo.bx--search-active {\n    display: none; }\n    @media (min-width: 42rem) {\n      .bx--header__logo.bx--search-active {\n        display: block; } }\n\n.bx--header__global, :host(dds-masthead-global-bar), :host(dds-cloud-masthead-global-bar) {\n  flex: 0; }\n\n.bx--header__nav-container {\n  height: 100%;\n  overflow-x: visible;\n  position: relative;\n  display: flex;\n  flex: 1; }\n\n/* Set to zero-slecificity so it can be overridden by dynamic stylesheet */\n/* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n:where(.bx--header__nav-content) {\n  position: absolute;\n  height: 100%;\n  inset-inline-start: 0;\n  transition: inset 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--header__submenu .bx--text-truncate--end, :host(bx-header-menu) .bx--text-truncate--end, :host(dds-top-nav-menu) .bx--text-truncate--end, :host(dds-megamenu-top-nav-menu) .bx--text-truncate--end, :host(dds-masthead-profile) .bx--text-truncate--end, :host(dds-cloud-masthead-profile) .bx--text-truncate--end,\n:host(dds-top-nav-menu-item) .bx--text-truncate--end {\n  white-space: normal; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item,\n:host(dds-top-nav-menu) a.bx--header__menu-item,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item,\n.bx--header__nav a.bx--header__menu-item,\n:host(bx-header-nav) a.bx--header__menu-item {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  border: none;\n  padding: 0.8125rem var(--cds-spacing-05, 1rem);\n  color: var(--cds-text-02, #525252);\n  white-space: nowrap; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover,\n  .bx--header__nav a.bx--header__menu-item:hover,\n  :host(bx-header-nav) a.bx--header__menu-item:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    cursor: pointer;\n    color: var(--cds-text-01, #161616); }\n    :host(dds-top-nav-item) a.bx--header__menu-item:hover > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    .bx--header__nav a.bx--header__menu-item:hover > svg,\n    :host(bx-header-nav) a.bx--header__menu-item:hover > svg {\n      fill: currentColor; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:active, :host(dds-top-nav-item) a.bx--header__menu-item:focus,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:focus,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus,\n  .bx--header__nav a.bx--header__menu-item:active,\n  :host(bx-header-nav) a.bx--header__menu-item:active,\n  .bx--header__nav a.bx--header__menu-item:focus,\n  :host(bx-header-nav) a.bx--header__menu-item:focus {\n    outline: 2px solid var(--cds-interactive-01, #0f62fe);\n    outline-offset: -2px; }\n    :host(dds-top-nav-item) a.bx--header__menu-item:active > svg, :host(dds-top-nav-item) a.bx--header__menu-item:focus > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    .bx--header__nav a.bx--header__menu-item:active > svg,\n    :host(bx-header-nav) a.bx--header__menu-item:active > svg,\n    .bx--header__nav a.bx--header__menu-item:focus > svg,\n    :host(bx-header-nav) a.bx--header__menu-item:focus > svg {\n      fill: var(--cds-text-01, #161616); }\n  :host(dds-top-nav-item) a.bx--header__menu-item:focus[data-selected='true'], :host(dds-top-nav-item) a.bx--header__menu-item:active[data-selected='true'],\n  :host(dds-top-nav-menu) a.bx--header__menu-item:focus[data-selected='true'],\n  :host(dds-top-nav-menu) a.bx--header__menu-item:active[data-selected='true'],\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus[data-selected='true'],\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active[data-selected='true'],\n  .bx--header__nav a.bx--header__menu-item:focus[data-selected='true'],\n  :host(bx-header-nav) a.bx--header__menu-item:focus[data-selected='true'],\n  .bx--header__nav a.bx--header__menu-item:active[data-selected='true'],\n  :host(bx-header-nav) a.bx--header__menu-item:active[data-selected='true'] {\n    border-bottom-color: transparent; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'], :host(dds-top-nav-item) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n:host(dds-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n:host(dds-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n.bx--header__nav a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n:host(bx-header-nav) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n.bx--header__nav a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n:host(bx-header-nav) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'] {\n  border-bottom-color: transparent; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item[data-selected='true'],\n:host(dds-top-nav-menu) a.bx--header__menu-item[data-selected='true'],\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item[data-selected='true'],\n.bx--header__nav a.bx--header__menu-item[data-selected='true'],\n:host(bx-header-nav) a.bx--header__menu-item[data-selected='true'] {\n  color: var(--cds-text-01, #161616); }\n\n:host(dds-top-nav-item) a.bx--header__menu-item[data-selected='true']::after,\n:host(dds-top-nav-item) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n:host(dds-top-nav-menu) a.bx--header__menu-item[data-selected='true']::after,\n:host(dds-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item[data-selected='true']::after,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n.bx--header__nav a.bx--header__menu-item[data-selected='true']::after,\n:host(bx-header-nav) a.bx--header__menu-item[data-selected='true']::after,\n.bx--header__nav a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n:host(bx-header-nav) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after {\n  content: '';\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.1875rem;\n  background-color: var(--cds-link-01, #0f62fe); }\n\n:host(dds-top-nav-menu) a.bx--header__menu-item,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item {\n  border-bottom: var(--cds-spacing-01, 0.125rem) solid transparent;\n  padding: 0.8125rem var(--cds-spacing-05, 1rem) 0.6875rem; }\n\n:host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'],\n.bx--header__nav .bx--header__menu-title[aria-expanded='true'],\n:host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] {\n  z-index: 0;\n  background-color: var(--cds-ui-01, #f4f4f4); }\n  :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n  .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n  :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n    background-color: var(--cds-ui-02, #ffffff);\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n    bottom: -1px;\n    width: 16rem; }\n    :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li,\n    .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li,\n    :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li {\n      position: relative;\n      height: 100%; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li::before {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        border-top: 1px solid var(--cds-ui-03, #e0e0e0); }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:first-of-type::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:first-of-type::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:first-of-type::before {\n        border-top: none; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover {\n        background-color: var(--cds-ui-01, #f4f4f4); }\n        :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover::before,\n        .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover::before,\n        :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover::before {\n          border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n        :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover + li::before,\n        .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover + li::before,\n        :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover + li::before {\n          border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:focus::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:focus::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:focus::before {\n        border: 2px solid var(--cds-interactive-01, #0f62fe);\n        box-sizing: border-box; }\n    :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item,\n    .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item,\n    :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item {\n      border: none;\n      position: relative;\n      height: 100%; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover {\n        color: var(--cds-text-01, #161616);\n        background-color: var(--cds-hover-ui, #e5e5e5); }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:focus::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:focus::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:focus::before {\n        border: 2px solid var(--cds-interactive-01, #0f62fe);\n        box-sizing: border-box; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item::before {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0; }\n\n:host(dds-top-nav-menu) .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-top-nav-menu) .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  width: 100%; }\n\n:host(dds-top-nav-menu)::before, .bx--header__nav::before, :host(bx-header-nav)::before {\n  display: none; }\n\n.bx--header__action {\n  border: 2px solid transparent;\n  background-color: var(--cds-ui-background, #ffffff);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center; }\n  .bx--header__action > svg {\n    position: relative;\n    fill: var(--cds-icon-02, #525252); }\n  .bx--header__action:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition-duration: 95ms; }\n    .bx--header__action:hover > svg {\n      fill: var(--cds-icon-01, #161616); }\n  .bx--header__action:focus, .bx--header__action:active {\n    border-color: var(--cds-focus, #0f62fe);\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--header__action .bx--overflow-menu {\n    width: 100%;\n    height: 100%; }\n    .bx--header__action .bx--overflow-menu.bx--overflow-menu--open {\n      box-shadow: none;\n      outline: 2px solid var(--cds-interactive-01, #0f62fe);\n      outline-offset: 0; }\n    .bx--header__action .bx--overflow-menu:hover {\n      background: none; }\n    .bx--header__action .bx--overflow-menu:focus {\n      outline: none;\n      box-shadow: none; }\n\n.bx--sub-content-left {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 100%; }\n\n.bx--sub-content-right {\n  position: absolute;\n  top: 0;\n  right: 1px;\n  width: 1px;\n  height: 100%; }\n\n.bx--header__nav-caret-left,\n.bx--header__nav-caret-right {\n  width: 2.5rem;\n  height: 100%;\n  display: none;\n  position: absolute;\n  top: 0;\n  background-color: var(--cds-ui-background, #ffffff);\n  border: none; }\n  .bx--header__nav-caret-left > svg,\n  .bx--header__nav-caret-right > svg {\n    position: absolute;\n    fill: currentColor;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%); }\n  .bx--header__nav-caret-left:hover,\n  .bx--header__nav-caret-right:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition-duration: 95ms; }\n    .bx--header__nav-caret-left:hover > svg,\n    .bx--header__nav-caret-right:hover > svg {\n      fill: var(--cds-text-01, #161616); }\n  .bx--header__nav-caret-left:focus, .bx--header__nav-caret-left:active,\n  .bx--header__nav-caret-right:focus,\n  .bx--header__nav-caret-right:active {\n    display: block;\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    outline: 2px solid var(--cds-interactive-01, #0f62fe);\n    outline-offset: -2px; }\n    .bx--header__nav-caret-left:focus::before, .bx--header__nav-caret-left:focus::after, .bx--header__nav-caret-left:active::before, .bx--header__nav-caret-left:active::after,\n    .bx--header__nav-caret-right:focus::before,\n    .bx--header__nav-caret-right:focus::after,\n    .bx--header__nav-caret-right:active::before,\n    .bx--header__nav-caret-right:active::after {\n      display: none; }\n  @media (min-width: 800px) {\n    .bx--header__nav-caret-left,\n    .bx--header__nav-caret-right {\n      display: block; } }\n\n.bx--header__nav-caret-left-container[hidden],\n.bx--header__nav-caret-right-container[hidden] {\n  display: none; }\n\n.bx--header__nav-caret-left {\n  left: 0; }\n  .bx--header__nav-caret-left::before {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5rem;\n    width: 0.0625rem;\n    background-color: #dcdcdc; }\n\n.bx--header__nav-caret-left-gradient {\n  display: block;\n  position: absolute;\n  left: 2.5rem;\n  top: 0;\n  height: 100%;\n  width: 0.5rem;\n  background: linear-gradient(to right, var(--cds-ui-background, #ffffff), rgba(255, 255, 255, 0));\n  z-index: 1; }\n\n.bx--header__nav-caret-right {\n  right: 0; }\n  .bx--header__nav-caret-right::after {\n    content: '';\n    display: block;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5rem;\n    width: 0.0625rem;\n    background-color: #dcdcdc; }\n\n.bx--header__nav-caret-right-gradient {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 2.5rem;\n  height: 100%;\n  width: 0.5rem;\n  background: linear-gradient(to left, var(--cds-ui-background, #ffffff), rgba(255, 255, 255, 0)); }\n\n.bx--header__action--active {\n  position: relative;\n  border: 2px solid var(--cds-interactive-01, #0f62fe);\n  background-color: var(--cds-hover-ui, #e5e5e5);\n  top: 0;\n  z-index: 6001; }\n\n.bx--header__menu li:hover {\n  background-color: var(--cds-ui-01, #f4f4f4); }\n\n.bx--header__menu li:last-of-type .bx--header__menu-item::after {\n  display: none; }\n\n.bx--header__menu .bx--header__menu-item {\n  position: relative; }\n\nbutton.bx--header__search--close.bx--header__action[part='close-button'] {\n  overflow: hidden;\n  width: 0;\n  border: none;\n  display: none; }\n  button.bx--header__search--close.bx--header__action[part='close-button'] svg {\n    position: relative; }\n\n.bx--header__search--search {\n  outline: none;\n  width: 3rem; }\n\n.bx--overflow-menu-options {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  background-color: var(--cds-ui-background, #ffffff);\n  position: fixed;\n  z-index: 99999;\n  /* !rtl:raw:\n    left: 0 !important;\n    */ }\n  .bx--overflow-menu-options:focus {\n    outline: none; }\n  .bx--overflow-menu-options::after {\n    display: none; }\n\n.bx--overflow-menu-options__btn {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  color: var(--cds-text-01, #161616);\n  text-decoration: none; }\n  .bx--overflow-menu-options__btn:hover {\n    background-color: var(--cds-ui-01, #f4f4f4); }\n\n.bx--overflow-menu-options__option {\n  height: var(--cds-layout-04, 3rem); }\n  .bx--overflow-menu-options__option:hover {\n    background-color: var(--cds-ui-01, #f4f4f4); }\n\n.bx--overflow-menu.bx--overflow-menu--open {\n  box-shadow: none;\n  background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--header__action.bx--overflow-menu {\n  height: var(--cds-spacing-09, 3rem); }\n\n@media (min-width: 800px) {\n  .bx--header__menu-toggle__hidden {\n    display: none; }\n  .bx--header__nav, :host(bx-header-nav) {\n    display: block; } }\n\n@media print {\n  :host(dds-masthead),\n  .bx--masthead {\n    display: none; } }\n\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--masthead__focus {\n  opacity: 0;\n  border: none;\n  position: absolute; }\n\n.bx--masthead .bx--side-nav__navigation, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav) {\n  height: calc(100% - 3rem); }\n  .bx--masthead .bx--side-nav__navigation > nav, .bx--masthead :host(bx-side-nav) > nav, .bx--masthead :host(dds-left-nav) > nav {\n    height: 100%; }\n  @media (min-width: 800px) {\n    .bx--masthead .bx--side-nav__navigation, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav) {\n      display: none; } }\n\n.bx--header__menu-trigger {\n  margin-right: 0; }\n  .bx--header__menu-trigger .bx--side-nav__close {\n    display: none; }\n  .bx--header__menu-trigger.bx--header__action--active {\n    border-color: transparent;\n    background-color: var(--cds-ui-background, #ffffff); }\n    .bx--header__menu-trigger.bx--header__action--active:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    .bx--header__menu-trigger.bx--header__action--active + .bx--header__logo {\n      z-index: 6001;\n      margin-left: 3rem; }\n    .bx--header__menu-trigger.bx--header__action--active .bx--side-nav__close {\n      display: inline; }\n    .bx--header__menu-trigger.bx--header__action--active .bx--side-nav__open {\n      display: none; }\n  @media (max-width: 41.98rem) {\n    .bx--header__menu-trigger.bx--masthead__header--search-active {\n      display: none; } }\n  @media (min-width: 42.02rem) and (max-width: 65.98rem) {\n    .bx--header__menu-trigger + .bx--header__logo a {\n      padding: 0 1rem; } }\n\n.bx--side-nav__header-navigation {\n  height: 100%;\n  margin-bottom: 0; }\n\n.bx--masthead .bx--side-nav, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav) {\n  inset-inline-start: -100vw;\n  visibility: hidden;\n  transform: translateZ(0.0001px);\n  /* stylelint-disable-next-line  time-min-milliseconds */\n  transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 110ms, inset-inline-start 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n  @media (max-width: 41.98rem) {\n    .bx--masthead .bx--side-nav:not(.bx--side-nav--fixed):hover, .bx--masthead :not(.bx--side-nav--fixed):hover:host(bx-side-nav), .bx--masthead :not(.bx--side-nav--fixed):hover:host(dds-left-nav) {\n      max-width: 100vw;\n      width: 100vw; } }\n  .bx--masthead .bx--side-nav .bx--header__logo, .bx--masthead :host(bx-side-nav) .bx--header__logo, .bx--masthead :host(dds-left-nav) .bx--header__logo {\n    height: 3rem;\n    padding-left: 3rem; }\n\n.bx--masthead .bx--side-nav, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav),\n.bx--masthead .bx--side-nav--expanded,\n.bx--masthead :host(bx-side-nav[expanded]) {\n  max-width: 16rem;\n  width: 16rem; }\n\n.bx--masthead .bx--side-nav__items, .bx--masthead :host(bx-side-nav-items), .bx--masthead :host(dds-left-nav-items) {\n  padding-top: 0;\n  height: 100%; }\n\n.bx--masthead .bx--side-nav__item, .bx--masthead :host(bx-side-nav-link), .bx--masthead :host(dds-left-nav-item), .bx--masthead :host(dds-cloud-left-nav-item), .bx--masthead :host(bx-side-nav-menu), .bx--masthead :host(dds-left-nav-menu) {\n  height: auto;\n  min-height: var(--cds-container-04, 3rem); }\n  .bx--masthead .bx--side-nav__item .bx--side-nav__submenu, .bx--masthead :host(bx-side-nav-link) .bx--side-nav__submenu, .bx--masthead :host(dds-left-nav-item) .bx--side-nav__submenu, .bx--masthead :host(dds-cloud-left-nav-item) .bx--side-nav__submenu, .bx--masthead :host(bx-side-nav-menu) .bx--side-nav__submenu, .bx--masthead :host(dds-left-nav-menu) .bx--side-nav__submenu {\n    height: 100%; }\n\n.bx--masthead .bx--side-nav__overlay, .bx--masthead :host(dds-left-nav-overlay) {\n  top: 0;\n  z-index: 1000; }\n  @media (max-width: 41.98rem) {\n    .bx--masthead .bx--side-nav__overlay, .bx--masthead :host(dds-left-nav-overlay) {\n      background-color: var(--cds-ui-background, #ffffff); } }\n\n.bx--masthead .bx--side-nav__overlay-active {\n  display: none; }\n  @media (max-width: 800px) {\n    .bx--masthead .bx--side-nav__overlay-active {\n      display: block;\n      background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5)); } }\n\n\n.bx--masthead .bx--side-nav--expanded,\n.bx--masthead :host(bx-side-nav[expanded]) {\n  overflow-y: auto;\n  inset-inline-start: 0;\n  visibility: visible;\n  transform: translateZ(0.0001px);\n  /* stylelint-disable-next-line time-min-milliseconds */\n  transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 0ms, inset-inline-start 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n\n@media (max-width: 41.98rem) {\n  .bx--masthead .bx--side-nav--ux, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav), .bx--masthead .bx--side-nav, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav),\n  .bx--masthead .bx--side-nav--expanded,\n  .bx--masthead :host(bx-side-nav[expanded]) {\n    max-width: 100vw;\n    width: 100vw;\n    border-top: 1px solid var(--cds-ui-03, #e0e0e0); } }\n\n:host(dds-left-nav-menu-section),\n.bx--side-nav__menu-section {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  z-index: 0;\n  inset-inline-start: -100%;\n  background-color: var(--cds-ui-background, #ffffff);\n  padding-bottom: var(--cds-spacing-09, 3rem);\n  transform: translateZ(0.0001px);\n  transition: inset-inline-start 150ms cubic-bezier(0.2, 0, 1, 0.9); }\n  :host(dds-left-nav-menu-section) a,\n  .bx--side-nav__menu-section a {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    padding-left: 1rem;\n    height: 3rem; }\n    :host(dds-left-nav-menu-section) a:hover,\n    .bx--side-nav__menu-section a:hover {\n      text-decoration: none;\n      background-color: #e5e5e5; }\n  :host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-title,\n  .bx--side-nav__menu-section .bx--masthead__side-nav--submemu-title {\n    font-size: var(--cds-productive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-productive-heading-02-font-weight, 600);\n    line-height: var(--cds-productive-heading-02-line-height, 1.375);\n    letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);\n    display: flex;\n    color: var(--cds-text-01, #161616);\n    padding: 0.8rem 1rem;\n    height: auto;\n    min-height: 3rem;\n    border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n    align-items: center;\n    text-decoration: none; }\n    :host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-title:focus,\n    .bx--side-nav__menu-section .bx--masthead__side-nav--submemu-title:focus {\n      outline: 2px solid var(--cds-focus, #0f62fe);\n      outline-offset: -2px; }\n  :host(dds-left-nav-menu-section) .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title {\n    height: auto;\n    min-height: 3rem;\n    padding: 0; }\n    :host(dds-left-nav-menu-section) .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title span {\n      font-size: var(--cds-productive-heading-02-font-size, 1rem);\n      font-weight: var(--cds-productive-heading-02-font-weight, 600);\n      line-height: var(--cds-productive-heading-02-line-height, 1.375);\n      letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);\n      display: flex;\n      width: 100%;\n      padding: 0.8rem 1rem;\n      color: var(--cds-text-01, #161616);\n      border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n  :host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-section-title__icon,\n  .bx--side-nav__menu-section .bx--masthead__side-nav--submemu-section-title__icon {\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n    align-items: center;\n    align-self: flex-start;\n    margin-top: 0.125rem; }\n\na.bx--side-nav__link,\nbutton.bx--side-nav__link {\n  height: 3rem;\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n  a.bx--side-nav__link > .bx--side-nav__link-text,\n  button.bx--side-nav__link > .bx--side-nav__link-text {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    display: flex;\n    align-items: center;\n    color: var(--cds-text-02, #525252);\n    width: 100%;\n    height: 100%;\n    border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);\n    text-overflow: ellipsis; }\n  a.bx--side-nav__link:hover > .bx--side-nav__link-text, a.bx--side-nav__link:focus > .bx--side-nav__link-text,\n  button.bx--side-nav__link:hover > .bx--side-nav__link-text,\n  button.bx--side-nav__link:focus > .bx--side-nav__link-text {\n    color: var(--cds-text-01, #161616); }\n\na.bx--side-nav__link--current,\nbutton.bx--side-nav__link--current {\n  background-color: var(--cds-ui-background, #ffffff); }\n  a.bx--side-nav__link--current > .bx--side-nav__link-text,\n  button.bx--side-nav__link--current > .bx--side-nav__link-text {\n    color: var(--cds-text-01, #161616); }\n\n.bx--masthead__side-nav--submemu-back {\n  position: sticky;\n  top: 0;\n  background-color: var(--cds-ui-background, #ffffff);\n  z-index: 1; }\n  .bx--masthead__side-nav--submemu-back button {\n    width: 100%;\n    border: none;\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 2rem;\n    padding: 0 1rem;\n    background-color: var(--cds-ui-background, #ffffff); }\n    .bx--masthead__side-nav--submemu-back button:focus {\n      outline: 2px solid var(--cds-focus, #0f62fe);\n      outline-offset: -2px; }\n    .bx--masthead__side-nav--submemu-back button > .bx--side-nav__link-text {\n      font-size: var(--cds-body-short-02-font-size, 1rem);\n      font-weight: var(--cds-body-short-02-font-weight, 400);\n      line-height: var(--cds-body-short-02-line-height, 1.375);\n      letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n      color: var(--cds-link-01, #0f62fe);\n      display: flex;\n      border-bottom: none;\n      align-items: center; }\n    .bx--masthead__side-nav--submemu-back button svg {\n      margin-right: 5px; }\n      .bx--masthead__side-nav--submemu-back button svg path {\n        fill: currentColor; }\n      :host([dir='rtl']) .bx--masthead__side-nav--submemu-back button svg {\n        transform: rotate(180deg); }\n\n.bx--masthead__side-nav--submemu-back button:focus > .bx--side-nav__link-text {\n  color: var(--cds-link-01, #0f62fe); }\n\n:host(dds-left-nav-menu-section)[expanded],\n.bx--side-nav__menu-section--expanded {\n  z-index: 1;\n  inset-inline-start: 0; }\n\n:host(dds-left-nav-menu-section)[is-submenu],\n.bx--side-nav__menu-section-submenu {\n  inset-inline-start: 100%; }\n\n:host(dds-left-nav-menu-section)[is-submenu][expanded],\n.bx--side-nav__menu-section-submenu.bx--side-nav__menu-section--expanded {\n  inset-inline-start: 0; }\n\n:host(dds-left-nav-menu-section)[is-submenu][transition],\n.bx--side-nav__menu-section-submenu--expanded {\n  inset-inline-start: -100%; }\n\n.bx--side-nav__menu {\n  transform: translateX(100%); }\n\n.bx--side-nav__menu--hasactivechildren {\n  overflow: hidden; }\n\n.bx--side-nav__submenu {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem; }\n  .bx--side-nav__submenu .bx--side-nav__submenu-content {\n    width: 100%;\n    height: auto;\n    min-height: 3rem;\n    display: flex;\n    border-bottom: 1px solid var(--cds-ui-03, #e0e0e0); }\n  .bx--side-nav__submenu .bx--side-nav__submenu-title {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    color: var(--cds-text-02, #525252);\n    align-self: center; }\n  .bx--side-nav__submenu[aria-haspopup='true'] {\n    height: var(--cds-container-04, 3rem); }\n    .bx--side-nav__submenu[aria-haspopup='true'].bx--side-nav__submenu-platform {\n      border-top: 1px solid var(--cds-ui-03, #e0e0e0);\n      border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n      text-decoration: none;\n      color: var(--cds-text-01, #161616);\n      height: var(--cds-container-04, 3rem);\n      font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n      font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n      line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n      letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0); }\n  .bx--side-nav__submenu:hover .bx--side-nav__submenu-title, .bx--side-nav__submenu:focus .bx--side-nav__submenu-title {\n    color: var(--cds-text-01, #161616); }\n\n.bx--side-nav__submenu-title,\na.bx--side-nav__link > .bx--side-nav__link-text,\nbutton.bx--side-nav__link > .bx--side-nav__link-text {\n  text-overflow: initial;\n  white-space: normal;\n  padding: 0.8rem 0; }\n\n.bx--masthead__side-nav--submemu-heading,\n:host(dds-left-nav-menu-category-heading) {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  font-size: 1rem;\n  line-height: 1.5rem;\n  letter-spacing: normal;\n  display: block;\n  color: var(--cds-text-02, #525252);\n  padding: var(--cds-spacing-02, 0.25rem) 0;\n  margin: 0 var(--cds-spacing-05, 1rem);\n  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0); }\n\n.bx--masthead__side-nav--submemu--selected {\n  border-inline-start: 3px solid var(--cds-interactive-01, #0f62fe); }\n  .bx--masthead__side-nav--submemu--selected .bx--side-nav__submenu-title,\n  .bx--masthead__side-nav--submemu--selected.bx--side-nav__link .bx--side-nav__link-text {\n    font-weight: 600; }\n\n.bx--side-nav__submenu-chevron > svg,\n.bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron > svg {\n  transform: rotate(-90deg) scale(1.25);\n  fill: var(--cds-text-01, #161616); }\n  :host([dir='rtl']) .bx--side-nav__submenu-chevron > svg, :host([dir='rtl'])\n  .bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron > svg {\n    transform: rotate(90deg) scale(1.25); }\n\n.bx--side-nav__item .bx--side-nav__link, :host(bx-side-nav-link) .bx--side-nav__link, :host(dds-left-nav-item) .bx--side-nav__link, :host(dds-cloud-left-nav-item) .bx--side-nav__link, :host(bx-side-nav-menu) .bx--side-nav__link, :host(dds-left-nav-menu) .bx--side-nav__link,\n.bx--side-nav__menu-item .bx--side-nav__link:not([isbackbutton='true']),\n:host(bx-side-nav-menu-item) .bx--side-nav__link:not([isbackbutton='true']),\n:host(dds-left-nav-menu-item) .bx--side-nav__link:not([isbackbutton='true']),\n:host(dds-left-nav-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-item) a.bx--side-nav__link,\n:host(dds-cloud-left-nav-item) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link {\n  display: flex;\n  padding-left: 1rem;\n  height: auto;\n  min-height: 3rem;\n  width: 100%; }\n\n.bx--masthead__side-nav__last-highlighted,\n:host(dds-left-nav-menu-item[last-highlighted]),\n:host(dds-left-nav-menu[last-highlighted]) {\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n\n:host(dds-left-nav-menu[last-highlighted]) .bx--side-nav__submenu .bx--side-nav__submenu-content,\n.bx--masthead__side-nav__last-highlighted .bx--side-nav__submenu-content,\n.bx--side-nav__menu-item.bx--masthead__side-nav__last-highlighted .bx--side-nav__link,\n.bx--masthead__side-nav__last-highlighted:host(bx-side-nav-menu-item) .bx--side-nav__link,\n.bx--masthead__side-nav__last-highlighted:host(dds-left-nav-menu-item) .bx--side-nav__link,\n:host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-back .bx--side-nav__link .bx--side-nav__link-text,\n:host(dds-left-nav-menu-item[last-highlighted]) .bx--side-nav__link {\n  border-bottom: none; }\n\n.bx--side-nav__submenu-platform {\n  flex-direction: row; }\n  .bx--side-nav__submenu-platform::after {\n    content: none; }\n\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--list-box__wrapper--inline, :host(bx-dropdown[type='inline']) {\n  display: inline-grid;\n  align-items: center;\n  grid-gap: 0.25rem;\n  grid-template: auto auto / auto auto; }\n  .bx--list-box__wrapper--inline .bx--label, :host(bx-dropdown[type='inline']) .bx--label {\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  .bx--list-box__wrapper--inline .bx--label, :host(bx-dropdown[type='inline']) .bx--label,\n  .bx--list-box__wrapper--inline .bx--form__helper-text,\n  :host(bx-dropdown[type='inline']) .bx--form__helper-text,\n  .bx--list-box__wrapper--inline .bx--form-requirement,\n  :host(bx-dropdown[type='inline']) .bx--form-requirement {\n    margin: 0; }\n  \n  .bx--list-box__wrapper--inline .bx--form__helper-text,\n  :host(bx-dropdown[type='inline']) .bx--form__helper-text {\n    max-width: none; }\n  \n  .bx--list-box__wrapper--inline .bx--form-requirement,\n  :host(bx-dropdown[type='inline']) .bx--form-requirement {\n    grid-column: 2; }\n\n.bx--list-box {\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  width: 100%;\n  height: 2.5rem;\n  max-height: 2.5rem;\n  border: none;\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n  background-color: var(--cds-field-01, #f4f4f4);\n  color: var(--cds-text-01, #161616);\n  cursor: pointer;\n  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--list-box *,\n  .bx--list-box *::before,\n  .bx--list-box *::after {\n    box-sizing: inherit; }\n  .bx--list-box:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--list-box--xl,\n.bx--list-box--lg {\n  height: 3rem;\n  max-height: 3rem; }\n\n.bx--list-box--sm {\n  height: 2rem;\n  max-height: 2rem; }\n\n.bx--list-box--expanded {\n  border-bottom-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box--expanded:hover {\n  background-color: var(--cds-field-01, #f4f4f4); }\n\n.bx--list-box--expanded:hover.bx--list-box--light:hover {\n  background-color: var(--cds-field-02, #ffffff); }\n\n.bx--list-box .bx--text-input {\n  min-width: 0;\n  height: 100%; }\n\n.bx--list-box__invalid-icon {\n  position: absolute;\n  top: 50%;\n  right: 2.5rem;\n  fill: var(--cds-support-01, #da1e28);\n  transform: translateY(-50%); }\n\n.bx--list-box__invalid-icon--warning {\n  fill: var(--cds-support-03, #f1c21b); }\n\n.bx--list-box__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1; }\n\n.bx--list-box[data-invalid] .bx--list-box__field,\n.bx--list-box.bx--list-box--warning .bx--list-box__field {\n  padding-right: 4rem;\n  border-bottom: 0; }\n\n.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {\n  padding-right: 3.5rem; }\n\n.bx--list-box--light {\n  background-color: var(--cds-field-02, #ffffff); }\n  .bx--list-box--light:hover {\n    background-color: var(--cds-hover-light-ui, #e5e5e5); }\n\n.bx--list-box--light .bx--list-box__menu {\n  background: var(--cds-field-02, #ffffff); }\n\n.bx--list-box--light .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-decorative-01, #e0e0e0); }\n\n.bx--list-box--light.bx--list-box--expanded {\n  border-bottom-color: transparent; }\n\n.bx--list-box--disabled:hover {\n  background-color: var(--cds-field-01, #f4f4f4); }\n\n.bx--list-box--light.bx--list-box--disabled {\n  background-color: var(--cds-field-02, #ffffff); }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__field:focus {\n  border-bottom-color: transparent;\n  outline: none; }\n\n.bx--list-box--disabled .bx--list-box__label,\n.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--list-box--disabled .bx--list-box__menu-icon > svg,\n.bx--list-box--disabled .bx--list-box__selection > svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__menu-icon {\n  cursor: not-allowed; }\n\n.bx--list-box--disabled .bx--list-box__menu-item, .bx--list-box--disabled :host(bx-dropdown-item),\n.bx--list-box--disabled .bx--list-box__menu-item:hover,\n.bx--list-box--disabled :hover:host(bx-dropdown-item),\n.bx--list-box--disabled .bx--list-box__menu-item--highlighted,\n.bx--list-box--disabled :host(bx-dropdown-item[highlighted]),\n.bx--list-box--disabled :host(bx-dropdown-item[selected]) {\n  color: var(--cds-disabled-02, #c6c6c6);\n  text-decoration: none; }\n\n.bx--list-box--disabled .bx--list-box__selection:hover {\n  cursor: not-allowed; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {\n  padding-right: 3rem; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {\n  padding-right: 2rem; }\n\n.bx--list-box.bx--list-box--inline {\n  border-width: 0;\n  background-color: transparent; }\n  .bx--list-box.bx--list-box--inline:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded {\n  border-bottom-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded='true'] {\n  border-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover {\n  background-color: transparent; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {\n  background-color: var(--cds-field-02, #ffffff); }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__field {\n  padding: 0 2rem 0 0.5rem; }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {\n  right: 0.5rem; }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {\n  right: 2rem; }\n\n.bx--list-box--inline .bx--list-box__label {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box--inline .bx--list-box__field {\n  height: 100%; }\n\n.bx--dropdown--inline .bx--list-box__field {\n  max-width: 30rem; }\n\n.bx--dropdown--inline .bx--list-box__menu {\n  min-width: 18rem;\n  max-width: 30rem; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  position: relative;\n  display: inline-flex;\n  overflow: hidden;\n  height: calc(100% + 1px);\n  align-items: center;\n  padding: 0 3rem 0 1rem;\n  cursor: pointer;\n  outline: none;\n  text-overflow: ellipsis;\n  vertical-align: top;\n  white-space: nowrap; }\n  .bx--list-box__field *,\n  .bx--list-box__field *::before,\n  .bx--list-box__field *::after {\n    box-sizing: inherit; }\n  .bx--list-box__field::-moz-focus-inner {\n    border: 0; }\n\n.bx--list-box__field:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--list-box__field:focus {\n      outline-style: dotted; } }\n\n.bx--list-box__field[disabled] {\n  color: var(--cds-disabled-02, #c6c6c6);\n  outline: none; }\n\n.bx--list-box__field .bx--text-input {\n  padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input,\n.bx--list-box--warning .bx--list-box__field .bx--text-input {\n  padding-right: 6.125rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon,\n.bx--list-box--warning .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon {\n  right: 4.125rem; }\n\n.bx--list-box__field .bx--text-input--empty {\n  padding-right: 3rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty,\n.bx--list-box--warning .bx--list-box__field .bx--text-input--empty {\n  padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon,\n.bx--list-box--warning .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon {\n  right: 2.5rem; }\n\n.bx--list-box__label {\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  overflow: hidden;\n  color: var(--cds-text-01, #161616);\n  text-overflow: ellipsis;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  white-space: nowrap; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  position: absolute;\n  right: 1rem;\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  outline: none;\n  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--list-box__menu-icon *,\n  .bx--list-box__menu-icon *::before,\n  .bx--list-box__menu-icon *::after {\n    box-sizing: inherit; }\n  .bx--list-box__menu-icon::-moz-focus-inner {\n    border: 0; }\n\n.bx--list-box__menu-icon > svg {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--list-box__menu-icon--open {\n  width: 1.5rem;\n  justify-content: center;\n  transform: rotate(180deg); }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */\n  right: 2.5rem;\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transform: translateY(-50%);\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--list-box__selection *,\n  .bx--list-box__selection *::before,\n  .bx--list-box__selection *::after {\n    box-sizing: inherit; }\n  .bx--list-box__selection::-moz-focus-inner {\n    border: 0; }\n  .bx--list-box__selection:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--list-box__selection:focus {\n        outline-style: dotted; } }\n    .bx--list-box__selection:focus:hover {\n      outline: 2px solid var(--cds-focus, #0f62fe);\n      outline-offset: -2px; }\n      @media screen and (prefers-contrast) {\n        .bx--list-box__selection:focus:hover {\n          outline-style: dotted; } }\n\n.bx--list-box__selection > svg {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--list-box--disabled .bx--list-box__selection:focus {\n  outline: none; }\n\n.bx--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  top: auto;\n  display: flex;\n  width: auto;\n  height: 1.5rem;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5rem;\n  padding-right: 0.125rem;\n  margin-right: 0.625rem;\n  background-color: var(--cds-inverse-02, #393939);\n  border-radius: 0.75rem;\n  color: var(--cds-inverse-01, #ffffff);\n  line-height: 0;\n  transform: none; }\n\n.bx--list-box__selection--multi > svg {\n  width: 1.25rem;\n  height: 1.25rem;\n  padding: 0.125rem;\n  margin-left: 0.25rem;\n  fill: var(--cds-inverse-01, #ffffff); }\n  .bx--list-box__selection--multi > svg:hover {\n    background-color: var(--cds-hover-secondary, #4c4c4c);\n    border-radius: 50%; }\n\n.bx--list-box--disabled .bx--list-box__selection--multi {\n  background-color: var(--cds-disabled-02, #c6c6c6);\n  color: var(--cds-disabled-01, #f4f4f4); }\n  .bx--list-box--disabled .bx--list-box__selection--multi.bx--tag--interactive:hover,\n  .bx--list-box--disabled .bx--list-box__selection--multi .bx--tag__close-icon:hover {\n    background-color: var(--cds-disabled-02, #c6c6c6); }\n  .bx--list-box--disabled .bx--list-box__selection--multi > svg {\n    fill: var(--cds-disabled-01, #f4f4f4); }\n    .bx--list-box--disabled .bx--list-box__selection--multi > svg:hover {\n      background-color: initial; }\n\n.bx--list-box__selection--multi:hover {\n  outline: none; }\n\n.bx--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  right: 0;\n  left: 0;\n  width: 100%;\n  background-color: var(--cds-ui-01, #f4f4f4);\n  overflow-y: auto;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--list-box__menu:focus {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--list-box__menu:focus {\n        outline-style: dotted; } }\n\n.bx--list-box .bx--list-box__field[aria-expanded='false'] + .bx--list-box__menu {\n  max-height: 0; }\n\n.bx--list-box--expanded .bx--list-box__menu {\n  max-height: 13.75rem; }\n\n.bx--list-box--expanded.bx--list-box--xl .bx--list-box__menu,\n.bx--list-box--expanded.bx--list-box--lg .bx--list-box__menu {\n  max-height: 16.5rem; }\n\n.bx--list-box--expanded.bx--list-box--sm .bx--list-box__menu {\n  max-height: 11rem; }\n\n.bx--list-box__menu-item, :host(bx-dropdown-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  position: relative;\n  height: 2.5rem;\n  color: var(--cds-text-02, #525252);\n  cursor: pointer;\n  transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--list-box__menu-item:hover, :hover:host(bx-dropdown-item) {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--list-box__menu-item:active, :active:host(bx-dropdown-item) {\n    background-color: var(--cds-selected-ui, #e0e0e0); }\n\n.bx--list-box--light .bx--list-box__menu-item:hover, .bx--list-box--light :hover:host(bx-dropdown-item) {\n  background-color: var(--cds-hover-light-ui, #e5e5e5); }\n\n.bx--list-box--sm .bx--list-box__menu-item, .bx--list-box--sm :host(bx-dropdown-item) {\n  height: 2rem; }\n\n.bx--list-box--xl .bx--list-box__menu-item, .bx--list-box--xl :host(bx-dropdown-item),\n.bx--list-box--lg .bx--list-box__menu-item,\n.bx--list-box--lg :host(bx-dropdown-item) {\n  height: 3rem; }\n\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover,\n.bx--list-box--disabled :hover:host(bx-dropdown-item) {\n  background-color: transparent; }\n\n.bx--list-box--light .bx--list-box__menu-item:active, .bx--list-box--light :active:host(bx-dropdown-item) {\n  background-color: var(--cds-selected-light-ui, #e0e0e0); }\n\n.bx--list-box--disabled .bx--list-box__menu-item__option:hover {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option, :first-of-type:host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box__menu-item:hover .bx--list-box__menu-item__option, :hover:host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option, :hover:host(bx-dropdown-item) + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box__menu-item:hover + :host(bx-dropdown-item) .bx--list-box__menu-item__option, :hover:host(bx-dropdown-item) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box--disabled :hover:host(bx-dropdown-item) + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box--disabled .bx--list-box__menu-item:hover + :host(bx-dropdown-item) .bx--list-box__menu-item__option, .bx--list-box--disabled :hover:host(bx-dropdown-item) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box__menu-item__option {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  overflow: hidden;\n  height: 2.5rem;\n  padding: 0.6875rem 0;\n  padding-right: 1.5rem;\n  border-top: 1px solid transparent;\n  border-top-color: var(--cds-ui-03, #e0e0e0);\n  border-bottom: 1px solid transparent;\n  margin: 0 1rem;\n  color: var(--cds-text-02, #525252);\n  font-weight: normal;\n  line-height: 1rem;\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  .bx--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    @media screen and (prefers-contrast) {\n      .bx--list-box__menu-item__option:focus {\n        outline-style: dotted; } }\n  .bx--list-box__menu-item__option:hover {\n    border-color: transparent;\n    color: var(--cds-text-01, #161616); }\n\n.bx--list-box--sm .bx--list-box__menu-item__option {\n  height: 2rem;\n  padding-top: 0.4375rem;\n  padding-bottom: 0.4375rem; }\n\n.bx--list-box--xl .bx--list-box__menu-item__option,\n.bx--list-box--lg .bx--list-box__menu-item__option {\n  height: 3rem;\n  padding-top: 0.9375rem;\n  padding-bottom: 0.9375rem; }\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option, .bx--list-box--disabled :hover:host(bx-dropdown-item) .bx--list-box__menu-item__option,\n.bx--list-box--disabled .bx--list-box__menu-item__option {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--list-box__menu-item[disabled], [disabled]:host(bx-dropdown-item),\n.bx--list-box__menu-item[disabled] *,\n[disabled]:host(bx-dropdown-item) *,\n.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,\n[disabled]:host(bx-dropdown-item) .bx--list-box__menu-item__option,\n.bx--list-box__menu-item[disabled]:hover,\n[disabled]:hover:host(bx-dropdown-item) {\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed;\n  outline: none; }\n\n\n.bx--list-box__menu-item[disabled]:hover,\n[disabled]:hover:host(bx-dropdown-item) {\n  background-color: revert; }\n\n.bx--list-box__menu-item[disabled] .bx--checkbox-label::before, [disabled]:host(bx-dropdown-item) .bx--checkbox-label::before {\n  border-color: var(--cds-disabled-02, #c6c6c6); }\n\n\n.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,\n[disabled]:host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box__menu-item[disabled]:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option, [disabled]:hover:host(bx-dropdown-item) + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box__menu-item[disabled]:hover + :host(bx-dropdown-item) .bx--list-box__menu-item__option, [disabled]:hover:host(bx-dropdown-item) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {\n  margin: 0 0.5rem; }\n  .bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n    margin: 0; }\n\n.bx--list-box__menu-item--highlighted, :host(bx-dropdown-item[highlighted]), :host(bx-dropdown-item[selected]) {\n  border-color: transparent;\n  background-color: var(--cds-hover-ui, #e5e5e5);\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, :host(bx-dropdown-item[highlighted]) .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option,\n.bx--list-box__menu-item--highlighted + .bx--list-box__menu-item .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[highlighted]) + .bx--list-box__menu-item .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[selected]) + .bx--list-box__menu-item .bx--list-box__menu-item__option,\n.bx--list-box__menu-item--highlighted + :host(bx-dropdown-item) .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[highlighted]) + :host(bx-dropdown-item) .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[selected]) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, :host(bx-dropdown-item[highlighted]) .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item--active, :host(bx-dropdown-item[selected]) {\n  border-bottom-color: var(--cds-selected-ui, #e0e0e0);\n  background-color: var(--cds-selected-ui, #e0e0e0);\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box--light .bx--list-box__menu-item--active, .bx--list-box--light :host(bx-dropdown-item[selected]) {\n  border-bottom-color: var(--cds-selected-light-ui, #e0e0e0);\n  background-color: var(--cds-selected-light-ui, #e0e0e0); }\n\n.bx--list-box__menu-item--active:hover, :hover:host(bx-dropdown-item[selected]),\n.bx--list-box__menu-item--active.bx--list-box__menu-item--highlighted,\n.bx--list-box__menu-item--active:host(bx-dropdown-item[highlighted]),\n:host(bx-dropdown-item[selected]) {\n  border-bottom-color: var(--cds-hover-selected-ui, #cacaca);\n  background-color: var(--cds-hover-selected-ui, #cacaca); }\n\n.bx--list-box__menu-item--active .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item--active + .bx--list-box__menu-item > .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) + .bx--list-box__menu-item > .bx--list-box__menu-item__option, .bx--list-box__menu-item--active + :host(bx-dropdown-item) > .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) + :host(bx-dropdown-item) > .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box__menu-item__selected-icon {\n  position: absolute;\n  top: 50%;\n  right: 1rem;\n  display: none;\n  fill: var(--cds-icon-01, #161616);\n  transform: translateY(-50%); }\n\n.bx--list-box--inline .bx--list-box__menu-item__selected-icon {\n  right: 0.5rem; }\n\n.bx--list-box__menu-item--active .bx--list-box__menu-item__selected-icon, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__selected-icon {\n  display: block; }\n\n.bx--list-box__menu-item .bx--checkbox-label, :host(bx-dropdown-item) .bx--checkbox-label {\n  width: 100%; }\n\n.bx--list-box__menu-item .bx--checkbox-label-text, :host(bx-dropdown-item) .bx--checkbox-label-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.bx--list-box--up .bx--list-box__menu {\n  bottom: 2.5rem; }\n\n.bx--list-box--up.bx--dropdown--sm .bx--list-box__menu,\n.bx--list-box--up.bx--list-box--sm .bx--list-box__menu,\n.bx--list-box--up .bx--list-box--sm .bx--list-box__menu {\n  bottom: 2rem; }\n\n.bx--list-box--up.bx--dropdown--xl .bx--list-box__menu,\n.bx--list-box--up.bx--list-box--xl .bx--list-box__menu,\n.bx--list-box--up.bx--dropdown--lg .bx--list-box__menu,\n.bx--list-box--up.bx--list-box--lg .bx--list-box__menu,\n.bx--list-box--up .bx--list-box--lg .bx--list-box__menu {\n  bottom: 3rem; }\n\n.bx--list-box input[role='combobox'],\n.bx--list-box input[type='text'] {\n  min-width: 0;\n  background-color: inherit; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--list-box__field,\n  .bx--list-box__menu,\n  .bx--multi-select .bx--tag--filter {\n    outline: 1px solid transparent; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--list-box__field:focus,\n  .bx--multi-select .bx--tag__close-icon:focus, .bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, :host(bx-dropdown-item[highlighted]) .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--list-box__menu-icon > svg,\n  .bx--list-box__selection > svg,\n  .bx--list-box__selection--multi > svg {\n    fill: ButtonText; } }\n\n.bx--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  margin-bottom: 2rem; }\n  .bx--fieldset *,\n  .bx--fieldset *::before,\n  .bx--fieldset *::after {\n    box-sizing: inherit; }\n\n.bx--fieldset--no-margin {\n  margin-bottom: 0; }\n\n.bx--form-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: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: flex-start; }\n\n.bx--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  display: inline-block;\n  margin-bottom: 0.5rem;\n  color: var(--cds-text-02, #525252);\n  font-weight: 400;\n  line-height: 1rem;\n  vertical-align: baseline; }\n  .bx--label *,\n  .bx--label *::before,\n  .bx--label *::after {\n    box-sizing: inherit; }\n\n.bx--label .bx--tooltip__trigger, .bx--label :host(bx-tooltip) {\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.bx--label.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 4.6875rem;\n  height: 0.875rem; }\n  .bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--label.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--label.bx--skeleton::before {\n        animation: none; } }\n\ninput[type='number'] {\n  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\ninput[data-invalid]:not(:focus),\n.bx--number[data-invalid] input[type='number']:not(:focus),\n.bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),\n.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),\n.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),\n.bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),\n.bx--combo-box[data-invalid] .bx--text-input:not(:focus) {\n  outline: 2px solid var(--cds-support-01, #da1e28);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    input[data-invalid]:not(:focus),\n    .bx--number[data-invalid] input[type='number']:not(:focus),\n    .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),\n    .bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),\n    .bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),\n    .bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),\n    .bx--combo-box[data-invalid] .bx--text-input:not(:focus) {\n      outline-style: dotted; } }\n\ninput[data-invalid] ~ .bx--form-requirement,\n.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement,\n.bx--number__input-wrapper--warning ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper--warn ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,\n.bx--time-picker--invalid ~ .bx--form-requirement,\n.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--text-input__field-wrapper--warning ~ .bx--form-requirement,\n.bx--text-input__field-wrapper--warning > .bx--text-input ~ .bx--form-requirement,\n.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select--warning .bx--select-input__wrapper ~ .bx--form-requirement,\n.bx--time-picker[data-invalid] ~ .bx--form-requirement,\n.bx--list-box[data-invalid] ~ .bx--form-requirement,\n.bx--list-box--warning ~ .bx--form-requirement {\n  display: block;\n  overflow: visible;\n  max-height: 12.5rem;\n  font-weight: 400; }\n\ninput[data-invalid] ~ .bx--form-requirement,\n.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,\n.bx--time-picker--invalid ~ .bx--form-requirement,\n.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--time-picker[data-invalid] ~ .bx--form-requirement,\n.bx--list-box[data-invalid] ~ .bx--form-requirement {\n  color: var(--cds-text-error, #da1e28); }\n\n.bx--form--fluid .bx--text-input__field-wrapper[data-invalid],\n.bx--form--fluid .bx--text-input__field-wrapper--warning {\n  display: block; }\n\n.bx--form--fluid .bx--fieldset {\n  margin: 0; }\n\n.bx--form--fluid input[data-invalid] {\n  outline: none; }\n\n.bx--form--fluid .bx--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0; }\n\ninput:not(output):not([data-invalid]):-moz-ui-invalid {\n  box-shadow: none; }\n\n.bx--form-requirement {\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-caption-01-font-size, 0.75rem);\n  font-weight: var(--cds-caption-01-font-weight, 400);\n  line-height: var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);\n  display: none;\n  overflow: hidden;\n  max-height: 0;\n  margin: 0.25rem 0 0; }\n  .bx--form-requirement *,\n  .bx--form-requirement *::before,\n  .bx--form-requirement *::after {\n    box-sizing: inherit; }\n\n.bx--select--inline .bx--form__helper-text {\n  margin-top: 0; }\n\n.bx--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  width: 100%;\n  margin-top: 0.25rem;\n  color: var(--cds-text-02, #525252);\n  opacity: 1; }\n\n.bx--label--disabled,\n.bx--form__helper-text--disabled {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\nfieldset[disabled] .bx--label,\nfieldset[disabled] .bx--form__helper-text {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--form-item.bx--checkbox-wrapper {\n  position: relative;\n  margin-bottom: 0.25rem; }\n\n.bx--form-item.bx--checkbox-wrapper:first-of-type {\n  margin-top: 0.1875rem; }\n\n.bx--label + .bx--form-item.bx--checkbox-wrapper {\n  margin-top: -0.125rem; }\n\n.bx--form-item.bx--checkbox-wrapper:last-of-type {\n  margin-bottom: 0.1875rem; }\n\n.bx--checkbox {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap;\n  top: 1.25rem;\n  left: 0.7rem; }\n\n.bx--checkbox-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-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  position: relative;\n  display: flex;\n  min-height: 1.5rem;\n  padding-top: 0.1875rem;\n  padding-left: 1.25rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--checkbox-label *,\n  .bx--checkbox-label *::before,\n  .bx--checkbox-label *::after {\n    box-sizing: inherit; }\n\n.bx--checkbox-label-text {\n  padding-left: 0.375rem; }\n\n.bx--checkbox-label::before,\n.bx--checkbox-label::after {\n  box-sizing: border-box; }\n\n.bx--checkbox-label::before {\n  position: absolute;\n  top: 0.125rem;\n  left: 0;\n  width: 1rem;\n  height: 1rem;\n  border: 1px solid var(--cds-icon-01, #161616);\n  margin: 0.125rem 0.125rem 0.125rem 0.1875rem;\n  background-color: transparent;\n  border-radius: 1px;\n  content: ''; }\n\n.bx--checkbox-label::after {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.4375rem;\n  width: 0.5625rem;\n  height: 0.3125rem;\n  border-bottom: 2px solid var(--cds-inverse-01, #ffffff);\n  border-left: 2px solid var(--cds-inverse-01, #ffffff);\n  margin-top: -0.1875rem /*rtl:0rem*/;\n  background: none;\n  content: '';\n  transform: scale(0) rotate(-45deg);\n  transform-origin: bottom right /*rtl:center*/; }\n\n.bx--checkbox:checked + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::before {\n  border-width: 1px;\n  border-color: var(--cds-icon-01, #161616);\n  background-color: var(--cds-icon-01, #161616); }\n\n.bx--checkbox:checked + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='true']::after {\n  transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/; }\n\n.bx--checkbox:indeterminate + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::after {\n  top: 0.6875rem;\n  width: 0.5rem;\n  border-bottom: 2px solid var(--cds-inverse-01, #ffffff);\n  border-left: 0 solid var(--cds-inverse-01, #ffffff);\n  transform: scale(1) rotate(0deg); }\n\n.bx--checkbox:focus + .bx--checkbox-label::before,\n.bx--checkbox-label__focus::before,\n.bx--checkbox:checked:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'].bx--checkbox-label__focus::before,\n.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'].bx--checkbox-label__focus::before {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1px; }\n\n.bx--checkbox:disabled + .bx--checkbox-label,\n.bx--checkbox-label[data-contained-checkbox-disabled='true'] {\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed; }\n\n.bx--checkbox:disabled + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-disabled='true']::before {\n  border-color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--checkbox:checked:disabled + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate:disabled + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'][data-contained-checkbox-disabled='true']::before {\n  background-color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--checkbox-label-text.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 6.25rem;\n  height: var(--cds-spacing-05, 1rem);\n  margin: 0.0625rem 0 0 0.375rem; }\n  .bx--checkbox-label-text.bx--skeleton:hover, .bx--checkbox-label-text.bx--skeleton:focus, .bx--checkbox-label-text.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--checkbox-label-text.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--checkbox-label-text.bx--skeleton::before {\n        animation: none; } }\n\n.bx--checkbox--inline {\n  position: relative; }\n\n.bx--tag {\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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\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, #393939);\n  display: inline-flex;\n  min-width: 2rem;\n  max-width: 100%;\n  min-height: 1.5rem;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem 0.5rem;\n  margin: 0.25rem;\n  border-radius: 0.9375rem;\n  cursor: default;\n  vertical-align: middle;\n  word-break: break-word; }\n  .bx--tag *,\n  .bx--tag *::before,\n  .bx--tag *::after {\n    box-sizing: inherit; }\n  .bx--tag::-moz-focus-inner {\n    border: 0; }\n  .bx--tag.bx--tag--interactive:hover,\n  .bx--tag .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-gray, #c6c6c6); }\n  .bx--tag:not(:first-child) {\n    margin-left: 0; }\n\n.bx--tag--red {\n  background-color: var(--cds-tag-background-red, #ffd7d9);\n  color: var(--cds-tag-color-red, #750e13); }\n  .bx--tag--red.bx--tag--interactive:hover,\n  .bx--tag--red .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-red, #ffb3b8); }\n\n.bx--tag--magenta {\n  background-color: var(--cds-tag-background-magenta, #ffd6e8);\n  color: var(--cds-tag-color-magenta, #740937); }\n  .bx--tag--magenta.bx--tag--interactive:hover,\n  .bx--tag--magenta .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-magenta, #ffafd2); }\n\n.bx--tag--purple {\n  background-color: var(--cds-tag-background-purple, #e8daff);\n  color: var(--cds-tag-color-purple, #491d8b); }\n  .bx--tag--purple.bx--tag--interactive:hover,\n  .bx--tag--purple .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-purple, #d4bbff); }\n\n.bx--tag--blue {\n  background-color: var(--cds-tag-background-blue, #d0e2ff);\n  color: var(--cds-tag-color-blue, #002d9c); }\n  .bx--tag--blue.bx--tag--interactive:hover,\n  .bx--tag--blue .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-blue, #a6c8ff); }\n\n.bx--tag--cyan {\n  background-color: var(--cds-tag-background-cyan, #bae6ff);\n  color: var(--cds-tag-color-cyan, #003a6d); }\n  .bx--tag--cyan.bx--tag--interactive:hover,\n  .bx--tag--cyan .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-cyan, #82cfff); }\n\n.bx--tag--teal {\n  background-color: var(--cds-tag-background-teal, #9ef0f0);\n  color: var(--cds-tag-color-teal, #004144); }\n  .bx--tag--teal.bx--tag--interactive:hover,\n  .bx--tag--teal .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-teal, #3ddbd9); }\n\n.bx--tag--green {\n  background-color: var(--cds-tag-background-green, #a7f0ba);\n  color: var(--cds-tag-color-green, #044317); }\n  .bx--tag--green.bx--tag--interactive:hover,\n  .bx--tag--green .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-green, #6fdc8c); }\n\n.bx--tag--gray {\n  background-color: var(--cds-tag-background-gray, #e0e0e0);\n  color: var(--cds-tag-color-gray, #393939); }\n  .bx--tag--gray.bx--tag--interactive:hover,\n  .bx--tag--gray .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-gray, #c6c6c6); }\n\n.bx--tag--cool-gray {\n  background-color: var(--cds-tag-background-cool-gray, #dde1e6);\n  color: var(--cds-tag-color-cool-gray, #343a3f); }\n  .bx--tag--cool-gray.bx--tag--interactive:hover,\n  .bx--tag--cool-gray .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-cool-gray, #c1c7cd); }\n\n.bx--tag--warm-gray {\n  background-color: var(--cds-tag-background-warm-gray, #e5e0df);\n  color: var(--cds-tag-color-warm-gray, #3c3838); }\n  .bx--tag--warm-gray.bx--tag--interactive:hover,\n  .bx--tag--warm-gray .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-warm-gray, #cac5c4); }\n\n.bx--tag--high-contrast {\n  background-color: var(--cds-inverse-02, #393939);\n  color: var(--cds-inverse-01, #ffffff); }\n  .bx--tag--high-contrast.bx--tag--interactive:hover,\n  .bx--tag--high-contrast .bx--tag__close-icon:hover {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n\n.bx--tag--outline {\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-01, #161616);\n  box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939); }\n  .bx--tag--outline.bx--tag--interactive:hover,\n  .bx--tag--outline .bx--tag__close-icon:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--tag--disabled,\n.bx--tag--filter.bx--tag--disabled,\n.bx--tag--interactive.bx--tag--disabled {\n  background-color: var(--cds-disabled-01, #f4f4f4);\n  color: var(--cds-disabled-02, #c6c6c6); }\n  .bx--tag--disabled.bx--tag--interactive:hover,\n  .bx--tag--disabled .bx--tag__close-icon:hover,\n  .bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,\n  .bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,\n  .bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,\n  .bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover {\n    background-color: var(--cds-disabled-01, #f4f4f4); }\n  .bx--tag--disabled:hover,\n  .bx--tag--filter.bx--tag--disabled:hover,\n  .bx--tag--interactive.bx--tag--disabled:hover {\n    cursor: not-allowed; }\n\n.bx--tag__label {\n  overflow: hidden;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.bx--tag--interactive:focus {\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n  outline: none; }\n\n.bx--tag--interactive:hover {\n  cursor: pointer; }\n\n.bx--tag--filter {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  cursor: pointer; }\n  .bx--tag--filter:hover {\n    outline: none; }\n\n.bx--tag--interactive {\n  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--tag__close-icon {\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  margin: 0 0 0 0.125rem;\n  background-color: transparent;\n  border-radius: 50%;\n  color: currentColor;\n  cursor: pointer;\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  .bx--tag__close-icon svg {\n    fill: currentColor; }\n\n.bx--tag__custom-icon {\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  margin-right: var(--cds-spacing-02, 0.25rem);\n  background-color: transparent;\n  color: currentColor;\n  outline: none; }\n  .bx--tag__custom-icon svg {\n    fill: currentColor; }\n\n.bx--tag--disabled .bx--tag__close-icon {\n  cursor: not-allowed; }\n\n.bx--tag__close-icon:focus {\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n  outline: none; }\n\n.bx--tag--high-contrast .bx--tag__close-icon:focus {\n  box-shadow: inset 0 0 0 1px var(--cds-inverse-focus-ui, #ffffff); }\n\n.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover {\n  background-color: transparent; }\n\n.bx--tag--filter.bx--tag--disabled svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tag--sm {\n  min-height: 1.125rem;\n  padding: 0 0.5rem; }\n\n.bx--tag--sm.bx--tag--filter {\n  padding-right: 0; }\n\n.bx--tag--sm .bx--tag__close-icon {\n  width: 1.125rem;\n  height: 1.125rem;\n  margin-left: 0.3125rem; }\n\n.bx--tag.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  background-color: var(--cds-skeleton-01, #e5e5e5);\n  color: var(--cds-text-01, #161616);\n  overflow: hidden;\n  width: 3.75rem; }\n  .bx--tag.bx--skeleton:hover, .bx--tag.bx--skeleton:focus, .bx--tag.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--tag.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--tag.bx--skeleton::before {\n        animation: none; } }\n  .bx--tag.bx--skeleton.bx--tag--interactive:hover,\n  .bx--tag.bx--skeleton .bx--tag__close-icon:hover {\n    background-color: var(--cds-skeleton-01, #e5e5e5); }\n  @media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      .bx--tag.bx--skeleton {\n        transform: translateZ(0); } } }\n\n/* stylelint-disable */\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tag {\n    outline: 1px solid transparent; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tag__close-icon svg,\n  .bx--tag__custom-icon svg {\n    fill: ButtonText; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tag__close-icon:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n/* stylelint-enable */\n:host(bx-dropdown) {\n  outline: none; }\n  :host(bx-dropdown) .bx--assistive-text {\n    left: -100%;\n    top: -100%; }\n  :host(bx-dropdown) .bx--label[hidden] {\n    display: none; }\n  :host(bx-dropdown) .bx--list-box__menu {\n    top: 100%;\n    margin-top: 1px; }\n\n:host(bx-dropdown-item) {\n  display: block; }\n  :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n    height: 100%; }\n\n:host(bx-dropdown-item[size='sm']) {\n  height: 2rem; }\n  :host(bx-dropdown-item[size='sm']) .bx--list-box__menu-item__option {\n    padding-top: 0.4375rem;\n    padding-bottom: 0.4375rem; }\n\n:host(bx-dropdown-item[size='xl']) {\n  height: 3rem; }\n  :host(bx-dropdown-item[size='xl']) .bx--list-box__menu-item__option {\n    padding-top: 0.9375rem;\n    padding-bottom: 0.9375rem; }\n\n:host(bx-dropdown-item[disabled]) .bx--list-box__menu-item__option {\n  color: var(--cds-disabled-02, #c6c6c6);\n  text-decoration: none; }\n\n:host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n:host(bx-dropdown-item[selected]) .bx--list-box__menu-item__selected-icon {\n  display: block; }\n\n:host(bx-dropdown-skeleton) .bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none; }\n  :host(bx-dropdown-skeleton) .bx--skeleton:hover, :host(bx-dropdown-skeleton) .bx--skeleton:focus, :host(bx-dropdown-skeleton) .bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  :host(bx-dropdown-skeleton) .bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      :host(bx-dropdown-skeleton) .bx--skeleton::before {\n        animation: none; } }\n\n.bx--select, :host(bx-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  width: 100%;\n  flex-direction: column;\n  align-items: flex-start; }\n  .bx--select *, :host(bx-select) *,\n  .bx--select *::before,\n  :host(bx-select) *::before,\n  .bx--select *::after,\n  :host(bx-select) *::after {\n    box-sizing: inherit; }\n\n.bx--select-input__wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center; }\n\n.bx--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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  width: 100%;\n  height: 2.5rem;\n  padding: 0 var(--cds-spacing-09, 3rem) 0 var(--cds-spacing-05, 1rem);\n  border: none;\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: var(--cds-field-01, #f4f4f4);\n  border-radius: 0;\n  color: var(--cds-text-01, #161616);\n  cursor: pointer;\n  font-family: inherit;\n  opacity: 1;\n  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--select-input:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--select-input::-ms-expand {\n    display: none; }\n\n@-moz-document url-prefix() {\n  .bx--select-input:-moz-focusring, .bx--select-input::-moz-focus-inner {\n    background-image: none;\n    color: transparent;\n    text-shadow: 0 0 0 #000000; } }\n  .bx--select-input:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px;\n    color: var(--cds-text-01, #161616); }\n    @media screen and (prefers-contrast) {\n      .bx--select-input:focus {\n        outline-style: dotted; } }\n  .bx--select-input:disabled, .bx--select-input:hover:disabled {\n    border-bottom-color: var(--cds-disabled-01, #f4f4f4);\n    background-color: var(--cds-disabled-01, #f4f4f4);\n    color: var(--cds-disabled-02, #c6c6c6);\n    cursor: not-allowed; }\n\n.bx--select-input--sm {\n  height: 2rem;\n  max-height: 2rem; }\n\n.bx--select-input--xl,\n.bx--select-input--lg {\n  height: 3rem;\n  max-height: 3rem; }\n\n.bx--select--disabled .bx--label, :host(bx-select)[disabled] .bx--label,\n.bx--select--disabled .bx--form__helper-text,\n:host(bx-select)[disabled] .bx--form__helper-text {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input,\n.bx--select--warning .bx--select-input {\n  padding-right: 4.5rem; }\n\n.bx--select-input:disabled ~ .bx--select__arrow {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--select--light .bx--select-input, :host(bx-select)[color-scheme='light'] .bx--select-input {\n  background-color: var(--cds-field-02, #ffffff); }\n  .bx--select--light .bx--select-input:hover, :host(bx-select)[color-scheme='light'] .bx--select-input:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--select--light .bx--select-input:disabled, :host(bx-select)[color-scheme='light'] .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled, :host(bx-select)[color-scheme='light'] .bx--select-input:hover:disabled {\n    background-color: var(--cds-field-02, #ffffff);\n    color: var(--cds-disabled-02, #c6c6c6);\n    cursor: not-allowed; }\n\n.bx--select__arrow {\n  position: absolute;\n  top: 0;\n  right: var(--cds-spacing-05, 1rem);\n  height: 100%;\n  fill: var(--cds-ui-05, #161616);\n  pointer-events: none; }\n  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n    .bx--select__arrow path {\n      fill: ButtonText; } }\n\n.bx--select__invalid-icon {\n  position: absolute;\n  right: var(--cds-spacing-08, 2.5rem); }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {\n  fill: var(--cds-support-01, #da1e28); }\n\n.bx--select__invalid-icon--warning {\n  fill: var(--cds-support-03, #f1c21b); }\n\n.bx--select__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1; }\n\noptgroup.bx--select-optgroup,\n.bx--select-option {\n  background-color: var(--cds-background-hover, #e5e5e5);\n  color: var(--cds-text-01, #161616); }\n  optgroup.bx--select-optgroup:disabled,\n  .bx--select-option:disabled {\n    color: var(--cds-text-disabled, #c6c6c6); }\n\n.bx--select--inline {\n  display: flex;\n  flex-direction: row;\n  align-items: center; }\n\n.bx--select--inline.bx--select--invalid .bx--label, .bx--select--inline:host(bx-select)[invalid] .bx--label,\n.bx--select--inline.bx--select--invalid .bx--form__helper-text,\n.bx--select--inline:host(bx-select)[invalid] .bx--form__helper-text {\n  align-self: flex-start;\n  margin-top: 0.8125rem; }\n\n.bx--select--inline .bx--form__helper-text {\n  margin-bottom: 0;\n  margin-left: var(--cds-spacing-03, 0.5rem); }\n\n.bx--select--inline .bx--label {\n  margin: 0 0.5rem 0 0;\n  white-space: nowrap; }\n\n.bx--select--inline .bx--select-input {\n  width: auto;\n  padding-right: var(--cds-spacing-07, 2rem);\n  padding-left: 0.5rem;\n  border-bottom: none;\n  background-color: transparent;\n  color: var(--cds-text-01, #161616); }\n\n.bx--select--inline .bx--select-input:focus,\n.bx--select--inline .bx--select-input:focus option,\n.bx--select--inline .bx--select-input:focus optgroup {\n  background-color: var(--cds-background, #ffffff); }\n\n.bx--select--inline .bx--select-input[disabled],\n.bx--select--inline .bx--select-input[disabled]:hover {\n  background-color: var(--cds-disabled-01, #f4f4f4); }\n\n.bx--select--inline .bx--select__arrow {\n  right: 0.5rem; }\n\n.bx--select--inline.bx--select--invalid .bx--select-input, .bx--select--inline:host(bx-select)[invalid] .bx--select-input {\n  padding-right: 3.5rem; }\n\n.bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon, .bx--select--inline:host(bx-select)[invalid] .bx--select-input ~ .bx--select__invalid-icon {\n  right: var(--cds-spacing-07, 2rem); }\n\n.bx--select--inline .bx--select-input:disabled {\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed; }\n  .bx--select--inline .bx--select-input:disabled ~ * {\n    cursor: not-allowed; }\n\n.bx--select.bx--skeleton, .bx--skeleton:host(bx-select) {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 100%;\n  height: 2.5rem; }\n  .bx--select.bx--skeleton:hover, .bx--skeleton:hover:host(bx-select), .bx--select.bx--skeleton:focus, .bx--skeleton:focus:host(bx-select), .bx--select.bx--skeleton:active, .bx--skeleton:active:host(bx-select) {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--select.bx--skeleton::before, .bx--skeleton:host(bx-select)::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--select.bx--skeleton::before, .bx--skeleton:host(bx-select)::before {\n        animation: none; } }\n\n.bx--select.bx--skeleton .bx--select-input, .bx--skeleton:host(bx-select) .bx--select-input {\n  display: none; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--select__arrow {\n    fill: ButtonText; } }\n\n:host(bx-select) {\n  outline: none; }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-search-with-typeahead-item) span {\n  white-space: pre; }\n\n:host(dds-search-with-typeahead-item)[groupTitle] {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  color: var(--cds-text-05, #6f6f6f); }\n  :host(dds-search-with-typeahead-item)[groupTitle]:active {\n    outline: none; }\n  :host(dds-search-with-typeahead-item)[groupTitle]:hover {\n    cursor: auto;\n    background: none; }\n\n:host(dds-search-with-typeahead-item)[lastBeforeGroup] .bx--container-class {\n  border-bottom-color: var(--cds-ui-04, #8d8d8d); }\n\n:host(dds-scoped-search-dropdown),\n:host(dds-scoped-search-dropdown-mobile) {\n  display: flex;\n  border-right: 1px solid var(--cds-ui-03, #e0e0e0); }\n  :host(dds-scoped-search-dropdown) .bx--list-box,\n  :host(dds-scoped-search-dropdown-mobile) .bx--list-box {\n    height: 3rem;\n    max-height: none; }\n  :host(dds-scoped-search-dropdown) .bx--list-box__field:focus,\n  :host(dds-scoped-search-dropdown-mobile) .bx--list-box__field:focus {\n    outline: none; }\n\n@media (max-width: 65.98rem) {\n  :host(dds-scoped-search-dropdown) {\n    display: none; } }\n\n:host(dds-scoped-search-dropdown) .bx--list-box__menu {\n  width: -moz-fit-content;\n  width: fit-content; }\n\n:host(dds-scoped-search-dropdown-mobile) {\n  width: 3rem; }\n  :host(dds-scoped-search-dropdown-mobile) .bx--select-input {\n    padding: 0;\n    color: transparent; }\n  :host(dds-scoped-search-dropdown-mobile) .bx--select__arrow {\n    position: absolute;\n    margin-left: auto;\n    margin-right: auto;\n    left: 0;\n    right: 0;\n    text-align: center; }\n  :host(dds-scoped-search-dropdown-mobile) .bx--form__helper-text {\n    width: 0; }\n  @media (min-width: 66rem) {\n    :host(dds-scoped-search-dropdown-mobile) {\n      display: none; } }\n\n:host(dds-top-nav),\n.bx--header__search {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  position: relative;\n  height: 100%; }\n  :host(dds-top-nav).bx--masthead__platform .bx--header__nav, :host(dds-top-nav).bx--masthead__platform :host(bx-header-nav),\n  .bx--header__search.bx--masthead__platform .bx--header__nav,\n  .bx--header__search.bx--masthead__platform :host(bx-header-nav) {\n    padding-left: 0; }\n    :host(dds-top-nav).bx--masthead__platform .bx--header__nav::before, :host(dds-top-nav).bx--masthead__platform :host(bx-header-nav)::before,\n    .bx--header__search.bx--masthead__platform .bx--header__nav::before,\n    .bx--header__search.bx--masthead__platform :host(bx-header-nav)::before {\n      display: none; }\n  :host(dds-top-nav).bx--masthead__platform .bx--masthead__platform-name,\n  .bx--header__search.bx--masthead__platform .bx--masthead__platform-name {\n    z-index: 1;\n    height: 100%;\n    background: var(--cds-ui-background, #ffffff); }\n  :host(dds-top-nav).bx--masthead__header--search-active .bx--header__nav-container,\n  .bx--header__search.bx--masthead__header--search-active .bx--header__nav-container {\n    display: none; }\n  :host(dds-top-nav).bx--masthead__header--search-active + .bx--header__profile,\n  .bx--header__search.bx--masthead__header--search-active + .bx--header__profile {\n    display: none; }\n    @media (min-width: 42rem) {\n      :host(dds-top-nav).bx--masthead__header--search-active + .bx--header__profile,\n      .bx--header__search.bx--masthead__header--search-active + .bx--header__profile {\n        display: flex; } }\n\n@media (min-width: 42rem) {\n  .bx--header__search:not(\n  .bx--masthead__header--search-active) {\n    overflow-x: visible; } }\n\n.bx--header__action {\n  border: 2px solid transparent;\n  background-color: var(--cds-ui-background, #ffffff);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center; }\n  .bx--header__action > svg {\n    position: relative;\n    fill: var(--cds-icon-02, #525252); }\n  .bx--header__action:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition-duration: 95ms; }\n    .bx--header__action:hover > svg {\n      fill: var(--cds-icon-01, #161616); }\n  .bx--header__action:focus, .bx--header__action:active {\n    border-color: var(--cds-focus, #0f62fe);\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--header__search--actions {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex; }\n  .bx--header__search--actions .bx--header__search--search,\n  .bx--header__search--actions .bx--header__search--close {\n    color: var(--cds-icon-02, #525252);\n    background-color: var(--cds-ui-background, #ffffff);\n    padding: 0; }\n    .bx--header__search--actions .bx--header__search--search:hover,\n    .bx--header__search--actions .bx--header__search--close:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n      .bx--header__search--actions .bx--header__search--search:hover svg[focusable='false'][aria-hidden='true'],\n      .bx--header__search--actions .bx--header__search--close:hover svg[focusable='false'][aria-hidden='true'] {\n        fill: var(--cds-icon-01, #161616); }\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--visible::before,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--visible .bx--assistive-text, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger::before, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only:host(bx-tooltip):host(bx-tooltip-definition) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--visible::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--visible .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only:host(bx-tooltip):host(bx-tooltip-definition) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition) .bx--assistive-text {\n      display: none; }\n\n.bx--header__profile .bx--header__action:focus,\n.bx--header__search--actions .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus,\n.bx--header__search--actions .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n  border-color: var(--cds-focus, #0f62fe); }\n\nbutton.bx--header__search--close.bx--header__action[part='close-button'] {\n  overflow: hidden;\n  width: 0;\n  border: none;\n  display: none; }\n  button.bx--header__search--close.bx--header__action[part='close-button'] svg {\n    position: relative; }\n\n.bx--header__search--search {\n  outline: none;\n  width: 3rem; }\n\n:host(dds-search-with-typeahead) {\n  display: block;\n  position: relative;\n  outline: none;\n  height: var(--cds-spacing-09, 3rem);\n  margin-left: 3rem; }\n  :host(dds-search-with-typeahead) .dds-ce__search__list {\n    height: 0;\n    overflow: hidden; }\n  :host(dds-search-with-typeahead)[open] .dds-ce__search__list {\n    height: auto; }\n  :host(dds-search-with-typeahead)[active] {\n    z-index: 999;\n    width: 100%;\n    margin-left: 0; }\n    :host(dds-search-with-typeahead)[active] button.bx--header__search--close.bx--header__action[part='close-button'] {\n      display: inline-flex; }\n    :host(dds-search-with-typeahead)[active] button.bx--header__search--close.bx--header__action.bx--header__search--hide {\n      display: none; }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--actions {\n      z-index: 10001; }\n    :host(dds-search-with-typeahead)[active] .react-autosuggest__container::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: block;\n      border-bottom: 2px solid var(--cds-interactive-01, #0f62fe);\n      width: 100%;\n      height: 2px;\n      z-index: 10002; }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--input {\n      display: flex;\n      flex: 1;\n      padding: 0 var(--cds-spacing-05, 1rem);\n      outline: 2px solid transparent;\n      outline-offset: -2px;\n      background-color: var(--cds-ui-01, #f4f4f4);\n      height: 3rem;\n      z-index: 10000; }\n      :host(dds-search-with-typeahead)[active] .bx--header__search--input::-moz-placeholder {\n        left: 0;\n        opacity: 1;\n        transition-duration: 112ms;\n        transition-delay: 200ms;\n        color: var(--cds-text-03, #a8a8a8); }\n      :host(dds-search-with-typeahead)[active] .bx--header__search--input::placeholder {\n        left: 0;\n        opacity: 1;\n        transition-duration: 112ms;\n        transition-delay: 200ms;\n        color: var(--cds-text-03, #a8a8a8); }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--close {\n      width: var(--cds-spacing-09, 3rem);\n      display: inline-flex; }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--close,\n    :host(dds-search-with-typeahead)[active] .bx--header__search--search {\n      border: 2px solid transparent; }\n      :host(dds-search-with-typeahead)[active] .bx--header__search--close:focus, :host(dds-search-with-typeahead)[active] .bx--header__search--close:active,\n      :host(dds-search-with-typeahead)[active] .bx--header__search--search:focus,\n      :host(dds-search-with-typeahead)[active] .bx--header__search--search:active {\n        border: 2px solid var(--cds-focus, #0f62fe); }\n    :host(dds-search-with-typeahead)[active] .bx--header__action {\n      background-color: var(--cds-ui-01, #f4f4f4);\n      transition-property: width;\n      transition-delay: 380ms;\n      transition-duration: 112ms; }\n  @media (max-width: 65.98rem) {\n    :host(dds-search-with-typeahead)[scope-value] .react-autosuggest__suggestions-container {\n      left: var(--cds-spacing-09, 3rem);\n      width: calc(100% - var(--cds-spacing-09, 3rem)); } }\n  :host(dds-search-with-typeahead)[leadspace-search] {\n    background: var(--cds-ui-01, #f4f4f4);\n    outline: 2px solid transparent;\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), top 110ms cubic-bezier(0, 0, 0.38, 0.9);\n    top: 0; }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search] {\n        height: var(--cds-spacing-10, 4rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search]:focus {\n      outline: 2px solid var(--cds-focus, #0f62fe); }\n      :host(dds-search-with-typeahead)[leadspace-search]:focus .bx--header__search--actions {\n        border-bottom: none; }\n    :host(dds-search-with-typeahead)[leadspace-search][unfocused] {\n      outline: none; }\n      :host(dds-search-with-typeahead)[leadspace-search][unfocused] .bx--header__search--actions {\n        border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n    :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--actions {\n      display: flex;\n      width: 100%;\n      border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n    :host(dds-search-with-typeahead)[leadspace-search] .bx--search-magnifier-icon {\n      position: absolute;\n      z-index: 2;\n      top: 50%;\n      left: var(--cds-spacing-05, 1rem);\n      fill: var(--cds-icon-02, #525252);\n      pointer-events: none;\n      transform: translateY(-50%); }\n    :host(dds-search-with-typeahead)[leadspace-search] form {\n      width: 100%;\n      padding-left: var(--cds-spacing-09, 3rem); }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search] form {\n          height: var(--cds-spacing-10, 4rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__container::after {\n      content: none; }\n    :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__suggestions-container {\n      top: 3.125rem; }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__suggestions-container {\n          top: 4.125rem; } }\n    :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__suggestions-list {\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--input {\n      color: var(--cds-text-01, #161616);\n      border-bottom: none; }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--input {\n          height: var(--cds-spacing-10, 4rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--close {\n        height: var(--cds-spacing-10, 4rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search][large] {\n        height: var(--cds-spacing-09, 3rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search][large] form {\n      width: 100%;\n      padding-left: var(--cds-spacing-09, 3rem); }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search][large] form {\n          height: var(--cds-spacing-09, 3rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search][large] .bx--header__search--input {\n        height: var(--cds-spacing-09, 3rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search][large] .bx--header__search--close {\n        height: var(--cds-spacing-09, 3rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search][large] .react-autosuggest__suggestions-container {\n      top: 3.125rem; }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search][large] .react-autosuggest__suggestions-container {\n          top: 3.125rem; } }\n  :host(dds-search-with-typeahead)[sticky-search] {\n    top: 5rem; }\n  :host(dds-search-with-typeahead)[theme-sticky] {\n    top: var(--cds-spacing-05, 1rem); }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[theme-sticky] {\n        top: var(--cds-spacing-07, 2rem); } }\n    @media (min-width: 66rem) {\n      :host(dds-search-with-typeahead)[theme-sticky] {\n        top: var(--cds-spacing-09, 3rem); } }\n\n.react-autosuggest__container {\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n  height: 3rem; }\n\n.react-autosuggest__suggestions-container {\n  position: absolute;\n  top: 3rem;\n  left: 0;\n  width: 100%;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n  max-height: 80vh;\n  overflow-y: auto; }\n\n.react-autosuggest__suggestions-list {\n  background-color: var(--cds-ui-background, #ffffff); }\n\n.react-autosuggest__section-title {\n  height: 3rem;\n  display: flex;\n  align-items: center;\n  color: var(--cds-text-02, #525252);\n  padding: 0 1rem;\n  border-top: solid 1px var(--cds-ui-04, #8d8d8d);\n  border-bottom: solid 1px var(--cds-ui-01, #f4f4f4);\n  background-color: var(--cds-ui-background, #ffffff);\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.react-autosuggest__suggestion, :host(dds-search-with-typeahead-item), :host(dds-masthead-search-item) {\n  color: var(--cds-text-01, #161616);\n  height: 3rem;\n  display: flex; }\n  .react-autosuggest__suggestion span, :host(dds-search-with-typeahead-item) span, :host(dds-masthead-search-item) span {\n    font-weight: 600; }\n  .react-autosuggest__suggestion .bx--container-class, :host(dds-search-with-typeahead-item) .bx--container-class, :host(dds-masthead-search-item) .bx--container-class {\n    display: flex;\n    border-bottom: 1px solid var(--cds-ui-01, #f4f4f4);\n    flex: 1;\n    padding: 0 1rem;\n    align-items: center; }\n    .react-autosuggest__suggestion .bx--container-class:focus, :host(dds-search-with-typeahead-item) .bx--container-class:focus, :host(dds-masthead-search-item) .bx--container-class:focus {\n      outline: none; }\n  .react-autosuggest__suggestion:hover, :hover:host(dds-search-with-typeahead-item), :hover:host(dds-masthead-search-item) {\n    cursor: pointer;\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition: 95ms; }\n  .react-autosuggest__suggestion .bx--container-highlight-class:not(:hover), :host(dds-search-with-typeahead-item) .bx--container-highlight-class:not(:hover), :host(dds-masthead-search-item) .bx--container-highlight-class:not(:hover), .react-autosuggest__suggestion:focus, :focus:host(dds-search-with-typeahead-item), :focus:host(dds-masthead-search-item), .react-autosuggest__suggestion:active, :active:host(dds-search-with-typeahead-item), :active:host(dds-masthead-search-item) {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n  .react-autosuggest__suggestion:last-of-type .bx--container-class, :last-of-type:host(dds-search-with-typeahead-item) .bx--container-class, :last-of-type:host(dds-masthead-search-item) .bx--container-class {\n    border-bottom: none; }\n\n.bx--header__search--input {\n  font-size: 1rem;\n  line-height: 1.375rem;\n  border: none;\n  width: 0;\n  transition: 120ms;\n  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);\n  padding: 0; }\n  .bx--header__search--input::-moz-placeholder {\n    position: relative;\n    left: 5rem;\n    opacity: 0; }\n  .bx--header__search--input::placeholder {\n    position: relative;\n    left: 5rem;\n    opacity: 0; }\n\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--masthead__l1,\n:host(dds-masthead-l1) {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  display: flex;\n  position: relative;\n  max-width: 98rem;\n  margin-left: auto;\n  margin-right: auto;\n  height: var(--cds-layout-04, 3rem);\n  background-color: var(--cds-ui-02, #ffffff);\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  overflow: visible; }\n  .bx--masthead__l1::after,\n  :host(dds-masthead-l1)::after {\n    content: '';\n    position: absolute;\n    height: 0.0625rem;\n    bottom: -0.0625rem;\n    left: calc(-50vw + 50%);\n    right: calc(-50vw + 50%);\n    background-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--masthead__l1-inner-container {\n  width: 100%;\n  display: flex; }\n  .bx--masthead__l1-inner-container::before {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: calc(-50vw + 50%);\n    right: 100%;\n    z-index: 1; }\n  .bx--masthead__l1-inner-container::after {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: 100%;\n    right: calc(-50vw + 50%); }\n\n.bx--masthead__l1-name,\n:host(dds-masthead-l1-name) {\n  display: flex;\n  height: 100%;\n  z-index: 1;\n  background-color: var(--cds-ui-02, #ffffff);\n  color: var(--cds-text-04, #ffffff);\n  padding: 0 0 0 0.75rem;\n  align-items: stretch;\n  white-space: nowrap; }\n  @media (max-width: 65.98rem) {\n    .bx--masthead__l1-name,\n    :host(dds-masthead-l1-name) {\n      padding-left: 0; } }\n  .bx--masthead__l1-name[aria-selected='true'] span::after,\n  :host(dds-masthead-l1-name)[aria-selected='true'] span::after {\n    content: '';\n    display: block;\n    position: absolute;\n    box-sizing: border-box;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 0.1875rem;\n    background-color: var(--cds-link-01, #0f62fe); }\n\n.bx--masthead__l1-name-title {\n  display: flex;\n  align-items: stretch;\n  min-width: 4.1875rem;\n  white-space: nowrap;\n  position: relative; }\n  .bx--masthead__l1-name-title a {\n    font-size: var(--cds-productive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-productive-heading-02-font-weight, 600);\n    line-height: var(--cds-productive-heading-02-line-height, 1.375);\n    letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);\n    display: flex;\n    align-items: center;\n    color: var(--cds-text-01, #161616);\n    position: relative;\n    text-decoration: none;\n    padding: 0 1rem; }\n    .bx--masthead__l1-name-title a:active, .bx--masthead__l1-name-title a:focus {\n      outline: 2px solid var(--cds-interactive-01, #0f62fe);\n      outline-offset: -2px; }\n  .bx--masthead__l1-name-title:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--masthead__l1-nav {\n  padding-left: 0; }\n  .bx--masthead__l1-nav li:not([role='none']) > a {\n    align-items: flex-end; }\n  .bx--masthead__l1-nav a.bx--header__menu-item:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--masthead__l1-nav a.bx--header__menu-item:focus {\n    border-color: var(--cds-interactive-01, #0f62fe); }\n  .bx--masthead__l1-nav a.bx--header__menu-item svg {\n    position: relative;\n    top: -2px;\n    fill: var(--cds-text-01, #161616); }\n  .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] {\n    background-color: var(--cds-ui-03, #e0e0e0); }\n    .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li {\n      background-color: var(--cds-ui-background, #ffffff); }\n      .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover {\n        background-color: var(--cds-hover-ui, #e5e5e5); }\n      .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li a.bx--header__menu-item:hover {\n        color: var(--cds-text-01, #161616);\n        background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--tooltip__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-flex;\n  align-items: center;\n  color: var(--cds-text-02, #525252); }\n  .bx--tooltip__label:focus {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__label:focus {\n        outline-style: dotted; } }\n\n.bx--tooltip__trigger svg, :host(bx-tooltip) svg {\n  fill: var(--cds-icon-02, #525252); }\n\n.bx--tooltip__trigger:not(.bx--btn--icon-only), :not(.bx--btn--icon-only):host(bx-tooltip) {\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  font-size: 1rem; }\n  .bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner, :host(bx-tooltip):not(.bx--btn--icon-only)::-moz-focus-inner {\n    border: 0; }\n  .bx--tooltip__trigger:not(.bx--btn--icon-only):focus, :not(.bx--btn--icon-only):focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe);\n    fill: var(--cds-hover-primary, #0353e9); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger:not(.bx--btn--icon-only):focus, :not(.bx--btn--icon-only):focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n\n.bx--tooltip__trigger:not(.bx--btn--icon-only)[disabled] svg, :not(.bx--btn--icon-only)[disabled]:host(bx-tooltip) svg {\n  fill: var(--cds-icon-disabled, #c6c6c6); }\n\n.bx--tooltip__label .bx--tooltip__trigger, .bx--tooltip__label :host(bx-tooltip) {\n  margin-left: 0.5rem; }\n\n.bx--tooltip__label--bold {\n  font-weight: 600; }\n\n.bx--tooltip, :host(bx-tooltip-body) {\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  min-width: 13rem;\n  max-width: 18rem;\n  padding: 1rem;\n  margin-top: 0.25rem;\n  background: var(--cds-inverse-02, #393939);\n  border-radius: 0.125rem;\n  color: var(--cds-inverse-01, #ffffff);\n  word-wrap: break-word; }\n  .bx--tooltip:focus, :focus:host(bx-tooltip-body) {\n    box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939), inset 0 0 0 2px var(--cds-ui-background, #ffffff);\n    outline: 0; }\n  .bx--tooltip.bx--tooltip--top.bx--tooltip--align-start, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip-body), .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-start, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip-body) {\n    transform: translate(calc(50% - 22px), 0); }\n    .bx--tooltip.bx--tooltip--top.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret, .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret {\n      margin-left: 15px; }\n  .bx--tooltip.bx--tooltip--top.bx--tooltip--align-end, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip-body), .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-end, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip-body) {\n    transform: translate(calc(22px - 50%), 0); }\n    .bx--tooltip.bx--tooltip--top.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret, .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret {\n      margin-right: 15px; }\n  .bx--tooltip.bx--tooltip--left.bx--tooltip--align-start, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip-body) {\n    transform: translate(0, calc(-15px + 50%)); }\n    .bx--tooltip.bx--tooltip--left.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 14px; }\n  .bx--tooltip.bx--tooltip--left.bx--tooltip--align-end, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip-body) {\n    transform: translate(0, calc(31px - 50%)); }\n    .bx--tooltip.bx--tooltip--left.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: initial;\n      bottom: 25px; }\n  .bx--tooltip.bx--tooltip--right.bx--tooltip--align-start, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip-body) {\n    transform: translate(0, calc(-26px + 50%)); }\n    .bx--tooltip.bx--tooltip--right.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 26px; }\n  .bx--tooltip.bx--tooltip--right.bx--tooltip--align-end, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip-body) {\n    transform: translate(0, calc(20px - 50%)); }\n    .bx--tooltip.bx--tooltip--right.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: initial;\n      bottom: 12px; }\n  .bx--tooltip p, :host(bx-tooltip-body) p {\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    text-align: left; }\n  .bx--tooltip button, :host(bx-tooltip-body) button {\n    padding-right: 2rem; }\n  .bx--tooltip .bx--btn:focus, :host(bx-tooltip-body) .bx--btn:focus {\n    border-color: var(--cds-inverse-focus-ui, #ffffff);\n    outline-color: var(--cds-inverse-02, #393939); }\n  .bx--tooltip .bx--link, :host(bx-tooltip-body) .bx--link {\n    color: var(--cds-inverse-link, #78a9ff);\n    font-size: 0.875rem; }\n    .bx--tooltip .bx--link:focus, :host(bx-tooltip-body) .bx--link:focus {\n      outline: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n      outline-offset: 2px; }\n    .bx--tooltip .bx--link:active, :host(bx-tooltip-body) .bx--link:active, .bx--tooltip .bx--link:active:visited, :host(bx-tooltip-body) .bx--link:active:visited, .bx--tooltip .bx--link:active:visited:hover, :host(bx-tooltip-body) .bx--link:active:visited:hover {\n      color: var(--cds-inverse-01, #ffffff); }\n    .bx--tooltip .bx--link:visited, :host(bx-tooltip-body) .bx--link:visited {\n      color: var(--cds-inverse-link, #78a9ff); }\n  .bx--tooltip .bx--tooltip__content[tabindex='-1']:focus, :host(bx-tooltip-body) .bx--tooltip__content[tabindex='-1']:focus {\n    outline: none; }\n  .bx--tooltip .bx--tooltip__caret, :host(bx-tooltip-body) .bx--tooltip__caret {\n    position: absolute;\n    top: calc(-0.42969rem + 1px);\n    right: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    border-right: 0.42969rem solid transparent;\n    border-bottom: 0.42969rem solid var(--cds-inverse-02, #393939);\n    border-left: 0.42969rem solid transparent;\n    margin: 0 auto;\n    content: ''; }\n  .bx--tooltip .bx--tooltip__footer, :host(bx-tooltip-body) .bx--tooltip__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 1rem; }\n  .bx--tooltip[data-floating-menu-direction='left'], [data-floating-menu-direction='left']:host(bx-tooltip-body) {\n    margin-left: calc(var(--cds-spacing-03, 0.5rem) * -1); }\n    .bx--tooltip[data-floating-menu-direction='left'] .bx--tooltip__caret, [data-floating-menu-direction='left']:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 50%;\n      right: calc(-0.42969rem + 1px);\n      left: auto;\n      transform: rotate(90deg) translate(50%, -50%); }\n  .bx--tooltip[data-floating-menu-direction='top'], [data-floating-menu-direction='top']:host(bx-tooltip-body) {\n    margin-top: calc(var(--cds-spacing-03, 0.5rem) * -1); }\n    .bx--tooltip[data-floating-menu-direction='top'] .bx--tooltip__caret, [data-floating-menu-direction='top']:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: auto;\n      bottom: calc(-0.42969rem + 1px);\n      transform: rotate(180deg); }\n  .bx--tooltip[data-floating-menu-direction='right'], [data-floating-menu-direction='right']:host(bx-tooltip-body) {\n    margin-left: var(--cds-spacing-03, 0.5rem); }\n    .bx--tooltip[data-floating-menu-direction='right'] .bx--tooltip__caret, [data-floating-menu-direction='right']:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 50%;\n      right: auto;\n      left: calc(-0.42969rem + 1px);\n      transform: rotate(270deg) translate(50%, -50%); }\n  .bx--tooltip[data-floating-menu-direction='bottom'], [data-floating-menu-direction='bottom']:host(bx-tooltip-body) {\n    margin-top: var(--cds-spacing-03, 0.5rem); }\n\n.bx--tooltip__heading {\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n  margin-bottom: var(--cds-spacing-03, 0.5rem); }\n\n.bx--tooltip--shown, :host(bx-tooltip-body[open]) {\n  display: block;\n  margin-top: 0; }\n\n/* begin legacy definition tooltip TODO: deprecate */\n.bx--tooltip--definition, :host(bx-tooltip-definition) {\n  position: relative; }\n  .bx--tooltip--definition .bx--tooltip__trigger, :host(bx-tooltip-definition) .bx--tooltip__trigger, .bx--tooltip--definition :host(bx-tooltip), :host(bx-tooltip-definition) :host(bx-tooltip) {\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: relative;\n    display: inline-flex;\n    border-bottom: 1px dotted var(--cds-interactive-01, #0f62fe);\n    color: var(--cds-text-01, #161616); }\n    .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top, :host(bx-tooltip-definition) .bx--tooltip__trigger:hover + .bx--tooltip--definition__top, .bx--tooltip--definition :hover:host(bx-tooltip) + .bx--tooltip--definition__top, :host(bx-tooltip-definition) :hover:host(bx-tooltip) + .bx--tooltip--definition__top,\n    .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom,\n    :host(bx-tooltip-definition) .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom,\n    .bx--tooltip--definition :hover:host(bx-tooltip) + .bx--tooltip--definition__bottom,\n    :host(bx-tooltip-definition) :hover:host(bx-tooltip) + .bx--tooltip--definition__bottom {\n      display: block; }\n    .bx--tooltip--definition .bx--tooltip__trigger:focus, :host(bx-tooltip-definition) .bx--tooltip__trigger:focus, .bx--tooltip--definition :focus:host(bx-tooltip), :host(bx-tooltip-definition) :focus:host(bx-tooltip) {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip--definition .bx--tooltip__trigger:focus, :host(bx-tooltip-definition) .bx--tooltip__trigger:focus, .bx--tooltip--definition :focus:host(bx-tooltip), :host(bx-tooltip-definition) :focus:host(bx-tooltip) {\n          outline-style: dotted; } }\n      .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top, :host(bx-tooltip-definition) .bx--tooltip__trigger:focus + .bx--tooltip--definition__top, .bx--tooltip--definition :focus:host(bx-tooltip) + .bx--tooltip--definition__top, :host(bx-tooltip-definition) :focus:host(bx-tooltip) + .bx--tooltip--definition__top,\n      .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom,\n      :host(bx-tooltip-definition) .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom,\n      .bx--tooltip--definition :focus:host(bx-tooltip) + .bx--tooltip--definition__bottom,\n      :host(bx-tooltip-definition) :focus:host(bx-tooltip) + .bx--tooltip--definition__bottom {\n        display: block; }\n\n.bx--tooltip--definition__bottom,\n.bx--tooltip--definition__top {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  position: absolute;\n  z-index: 1;\n  display: none;\n  width: 13rem;\n  padding: 0.5rem 1rem;\n  margin-top: 0.75rem;\n  background: var(--cds-inverse-02, #393939);\n  border-radius: 0.125rem;\n  pointer-events: none; }\n  .bx--tooltip--definition__bottom p,\n  .bx--tooltip--definition__top p {\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    color: var(--cds-inverse-01, #ffffff); }\n  .bx--tooltip--definition__bottom .bx--tooltip__caret,\n  .bx--tooltip--definition__top .bx--tooltip__caret {\n    position: absolute;\n    right: 0;\n    left: 0;\n    width: 0.6rem;\n    height: 0.6rem;\n    margin-left: 1rem;\n    background: var(--cds-inverse-02, #393939); }\n\n.bx--tooltip--definition__bottom .bx--tooltip__caret {\n  top: -0.2rem;\n  transform: rotate(-135deg); }\n\n.bx--tooltip--definition__top {\n  margin-top: -2rem;\n  transform: translateY(-100%); }\n  .bx--tooltip--definition__top .bx--tooltip__caret {\n    bottom: -0.2rem;\n    transform: rotate(45deg); }\n\n.bx--tooltip--definition__align-end {\n  right: 0; }\n\n.bx--tooltip--definition__align-center {\n  margin-left: 50%;\n  transform: translateX(-50%); }\n\n.bx--tooltip--definition__top.bx--tooltip--definition__align-center {\n  margin-left: 50%;\n  transform: translate(-50%, -100%); }\n\n.bx--tooltip--definition__align-center .bx--tooltip__caret {\n  left: auto;\n  margin-right: calc(50% - 6px);\n  margin-left: auto; }\n\n.bx--tooltip--definition__align-end .bx--tooltip__caret {\n  left: auto;\n  margin-right: 1rem;\n  margin-left: auto; }\n\n/* end legacy definition tooltip */\n.bx--tooltip--definition.bx--tooltip--a11y, :host(bx-tooltip-definition) {\n  display: inline-flex; }\n\n.bx--tooltip--definition button.bx--tooltip--a11y, :host(bx-tooltip-definition) button.bx--tooltip--a11y, .bx--tooltip--definition button:host(bx-tooltip-definition), :host(bx-tooltip-definition) button:host(bx-tooltip-definition) {\n  margin: 0; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition, .bx--tooltip__trigger--definition:host(bx-tooltip) {\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  border-bottom: 0.0625rem dotted var(--cds-text-02, #525252);\n  transition: border-color 110ms; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition:hover, .bx--tooltip__trigger--definition:hover:host(bx-tooltip),\n.bx--tooltip__trigger.bx--tooltip__trigger--definition:focus,\n.bx--tooltip__trigger--definition:focus:host(bx-tooltip) {\n  border-bottom-color: var(--cds-interactive-04, #0f62fe); }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: default; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.5rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: default; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.5rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(0, 100%); }\n\n/* begin tooltip icon (TODO: deprecate) */\n.bx--tooltip--icon {\n  display: inline-flex;\n  align-items: center; }\n\n.bx--tooltip--icon__top,\n.bx--tooltip--icon__bottom {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,\n  .bx--tooltip--icon__bottom::before,\n  .bx--tooltip--icon__bottom::after {\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    position: absolute;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,\n      .bx--tooltip--icon__bottom::before,\n      .bx--tooltip--icon__bottom::after {\n        transition: none; } }\n  .bx--tooltip--icon__top::before,\n  .bx--tooltip--icon__bottom::before {\n    right: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-style: solid;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    margin: 0 auto;\n    margin-top: 1px;\n    margin-left: 50%;\n    content: ''; }\n  .bx--tooltip--icon__top::after,\n  .bx--tooltip--icon__bottom::after {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: 1.5rem;\n    padding: 0 1rem;\n    margin-left: 50%;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    content: attr(aria-label);\n    font-weight: 400;\n    pointer-events: none;\n    transform: translateX(-50%);\n    white-space: nowrap; }\n  .bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after,\n  .bx--tooltip--icon__bottom:hover::before,\n  .bx--tooltip--icon__bottom:hover::after,\n  .bx--tooltip--icon__bottom:focus::before,\n  .bx--tooltip--icon__bottom:focus::after {\n    opacity: 1; }\n  .bx--tooltip--icon__top:hover svg, .bx--tooltip--icon__top:focus svg,\n  .bx--tooltip--icon__bottom:hover svg,\n  .bx--tooltip--icon__bottom:focus svg {\n    fill: var(--cds-icon-02, #525252); }\n  .bx--tooltip--icon__top:focus,\n  .bx--tooltip--icon__bottom:focus {\n    outline: 1px solid transparent; }\n    .bx--tooltip--icon__top:focus svg,\n    .bx--tooltip--icon__bottom:focus svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip--icon__top:focus svg,\n        .bx--tooltip--icon__bottom:focus svg {\n          outline-style: dotted; } }\n\n.bx--tooltip--icon__top::before {\n  transform: translate(-50%, calc(-100% - 9px)) rotate(180deg);\n  top: 1px; }\n\n.bx--tooltip--icon__top::after {\n  transform: translate(-50%, calc(-100% - 12px));\n  top: 0; }\n\n.bx--tooltip--icon__bottom::before {\n  transform: translate(-50%, 10px) rotate(0);\n  bottom: 0; }\n\n.bx--tooltip--icon__bottom::after {\n  transform: translate(-50%, calc(100% + 10px));\n  bottom: 0; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::before {\n  transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n  top: 1px;\n  margin-left: 4px; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::after {\n  transform: translate(0, calc(-100% - 12px));\n  top: 0;\n  margin-left: 0; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::before {\n  transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n  top: 1px;\n  right: 0;\n  left: auto;\n  margin-right: 4px; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::after {\n  transform: translate(0, calc(-100% - 12px));\n  top: 0;\n  margin-left: 0;\n  right: 0; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::before {\n  transform: translate(0, 10px) rotate(0);\n  bottom: 0;\n  margin-left: 4px; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::after {\n  transform: translate(0, calc(100% + 10px));\n  bottom: 0;\n  margin-left: 0; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::before {\n  transform: translate(0, 10px) rotate(0);\n  bottom: 0;\n  right: 0;\n  left: auto;\n  margin-right: 4px; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::after {\n  transform: translate(0, calc(100% + 10px));\n  bottom: 0;\n  margin-left: 0;\n  right: 0; }\n\n.bx--tooltip--icon .bx--tooltip__trigger svg, .bx--tooltip--icon :host(bx-tooltip) svg {\n  margin-left: 0; }\n\n/* end legacy tooltip icon */\n.bx--tooltip__trigger:hover svg, :hover:host(bx-tooltip) svg, .bx--tooltip__trigger:focus svg, :focus:host(bx-tooltip) svg {\n  fill: var(--cds-icon-02, #525252); }\n\n.bx--tooltip__trigger.bx--tooltip--top, .bx--tooltip--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--top:focus, .bx--tooltip--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--top:focus, .bx--tooltip--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--top:focus, .bx--tooltip--top:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--top:focus svg, .bx--tooltip--top:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--top:focus svg, .bx--tooltip--top:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible::before, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible::after, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--top:hover::before, .bx--tooltip--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--top:hover::after, .bx--tooltip--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--top:focus::before, .bx--tooltip--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--top:focus::after, .bx--tooltip--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text::after, .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--tooltip--right, .bx--tooltip--right:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--right:focus, .bx--tooltip--right:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--right:focus, .bx--tooltip--right:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--right:focus, .bx--tooltip--right:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--right:focus svg, .bx--tooltip--right:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--right:focus svg, .bx--tooltip--right:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip--right.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after, .bx--tooltip--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after, .bx--tooltip--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible::before, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible::after, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--right:hover::before, .bx--tooltip--right:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--right:hover::after, .bx--tooltip--right:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--right:focus::before, .bx--tooltip--right:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--right:focus::after, .bx--tooltip--right:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n  .bx--tooltip--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text,\n  .bx--tooltip--right:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--right.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n  .bx--tooltip--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text,\n  .bx--tooltip--right:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--right.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text::after, .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n\n.bx--tooltip__trigger.bx--tooltip--bottom, .bx--tooltip--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus, .bx--tooltip--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--bottom:focus, .bx--tooltip--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus, .bx--tooltip--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--bottom:focus svg, .bx--tooltip--bottom:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--bottom:focus svg, .bx--tooltip--bottom:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible::before, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible::after, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--bottom:hover::before, .bx--tooltip--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover::after, .bx--tooltip--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--bottom:focus::before, .bx--tooltip--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus::after, .bx--tooltip--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text::after, .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n\n.bx--tooltip__trigger.bx--tooltip--left, .bx--tooltip--left:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--left:focus, .bx--tooltip--left:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--left:focus, .bx--tooltip--left:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--left:focus, .bx--tooltip--left:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--left:focus svg, .bx--tooltip--left:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--left:focus svg, .bx--tooltip--left:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip--left.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after, .bx--tooltip--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after, .bx--tooltip--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible::before, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible::after, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--left:hover::before, .bx--tooltip--left:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--left:hover::after, .bx--tooltip--left:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--left:focus::before, .bx--tooltip--left:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--left:focus::after, .bx--tooltip--left:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n  .bx--tooltip--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text,\n  .bx--tooltip--left:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--left.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n  .bx--tooltip--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text,\n  .bx--tooltip--left:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--left.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text::after, .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n\n.bx--tooltip__trigger:not(.bx--tooltip--hidden) .bx--assistive-text, :not(.bx--tooltip--hidden):host(bx-tooltip) .bx--assistive-text {\n  pointer-events: all; }\n\n/* stylelint-disable */\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tooltip__trigger svg, :host(bx-tooltip) svg, .bx--tooltip__trigger:hover svg, :hover:host(bx-tooltip) svg, .bx--tooltip__trigger:focus svg, :focus:host(bx-tooltip) svg {\n    fill: ButtonText; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tooltip__trigger:focus svg, :focus:host(bx-tooltip) svg {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tooltip, :host(bx-tooltip-body) {\n    outline: 1px solid transparent; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--assistive-text {\n    outline: 1px solid transparent; } }\n\n:host(bx-tooltip-body) ::slotted(bx-tooltip-footer) {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1rem; }\n\n:host(bx-tooltip-body) ::slotted(p) {\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  text-align: left; }\n\n:host(bx-tooltip-body[direction='top']) {\n  margin-bottom: var(--cds-spacing-03, 0.5rem); }\n  :host(bx-tooltip-body[direction='top']) .bx--tooltip__caret {\n    top: auto;\n    bottom: -0.375rem;\n    transform: rotate(180deg); }\n\n:host(bx-tooltip-body[direction='right']) {\n  margin-left: var(--cds-spacing-03, 0.5rem); }\n  :host(bx-tooltip-body[direction='right']) .bx--tooltip__caret {\n    right: auto;\n    left: calc(-6.875px + 1px);\n    transform: rotate(270deg) translate(25%, -50%); }\n\n:host(bx-tooltip-body[direction='bottom']) {\n  margin-top: var(--cds-spacing-03, 0.5rem); }\n\n:host(bx-tooltip-body[direction='left']) {\n  margin-right: var(--cds-spacing-03, 0.5rem); }\n  :host(bx-tooltip-body[direction='left']) .bx--tooltip__caret {\n    right: calc(-6.875px + 1px);\n    left: auto;\n    transform: rotate(90deg) translate(-25%, -50%); }\n\n:host(bx-tooltip-body[direction='top'])[alignment='start'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='bottom'])[alignment='start'] .bx--tooltip__caret {\n  margin-left: 1.0625rem; }\n\n:host(bx-tooltip-body[direction='top'])[alignment='end'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='bottom'])[alignment='end'] .bx--tooltip__caret {\n  margin-right: 1.0625rem; }\n\n:host(bx-tooltip-body[direction='left']) .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='right']) .bx--tooltip__caret {\n  top: 50%; }\n\n:host(bx-tooltip-body[direction='left'])[alignment='start'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='right'])[alignment='start'] .bx--tooltip__caret {\n  top: calc(6.875px + rem(17px)); }\n\n:host(bx-tooltip-body[direction='left'])[alignment='end'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='right'])[alignment='end'] .bx--tooltip__caret {\n  top: auto;\n  bottom: 1.0625rem; }\n\n:host(bx-tooltip-definition) {\n  outline: none; }\n\n:host(bx-tooltip-icon) {\n  outline: none; }\n  :host(bx-tooltip-icon) .bx--tooltip__trigger:focus ::slotted(svg), :host(bx-tooltip-icon) :focus:host(bx-tooltip) ::slotted(svg) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n\n:host(bx-header-nav) .bx-ce--header__divider {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 1.5rem;\n  width: 0.0625rem;\n  background-color: #393939; }\n\n:host(bx-header-nav-item), :host(dds-top-nav-item) {\n  outline: none; }\n\n:host(bx-header-menu), :host(dds-top-nav-menu),\n:host(dds-megamenu-top-nav-menu),\n:host(dds-masthead-profile),\n:host(dds-cloud-masthead-profile) {\n  outline: none; }\n\n:host(bx-header-menu-item), :host(dds-top-nav-menu-item),\n:host(dds-masthead-profile-item) {\n  outline: none; }\n  :host(bx-header-menu-item) a.bx--header__menu-item, :host(dds-top-nav-menu-item) a.bx--header__menu-item, :host(dds-masthead-profile-item) a.bx--header__menu-item {\n    height: 3rem; }\n    :host(bx-header-menu-item) a.bx--header__menu-item:hover, :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover, :host(dds-masthead-profile-item) a.bx--header__menu-item:hover {\n      background-color: #353535;\n      color: #f4f4f4; }\n    :host(bx-header-menu-item) a.bx--header__menu-item:active, :host(dds-top-nav-menu-item) a.bx--header__menu-item:active, :host(dds-masthead-profile-item) a.bx--header__menu-item:active {\n      background-color: #393939; }\n\n:host(bx-header-menu-button), :host(dds-masthead-menu-button) {\n  display: content;\n  outline: none; }\n  @media (min-width: 66rem) {\n    :host(bx-header-menu-button), :host(dds-masthead-menu-button) {\n      display: none; } }\n\n:host(bx-header-menu-button[collapse-mode='fixed']) {\n  display: none; }\n\n@media (min-width: 66rem) {\n  :host(bx-header-menu-button[collapse-mode='rail']) {\n    display: block; } }\n\n:host(bx-header-name), :host(dds-masthead-logo) {\n  display: content;\n  height: 100%; }\n\n:host(bx-side-nav), :host(dds-left-nav) {\n  top: 0; }\n\n:host(bx-side-nav[collapse-mode='fixed']) {\n  width: 16rem; }\n\n:host(bx-side-nav[collapse-mode='rail']) {\n  width: 3rem; }\n  :host(bx-side-nav[collapse-mode='rail']):hover {\n    width: 16rem; }\n\n:host(bx-side-nav[usage-mode='header-nav']),\n:host(bx-side-nav[collapse-mode][usage-mode='header-nav']) {\n  width: 0; }\n\n@media (max-width: 65.98rem) {\n  :host(bx-side-nav[expanded][usage-mode='header-nav']),\n  :host(bx-side-nav[collapse-mode][expanded][usage-mode='header-nav']) {\n    width: 16rem; } }\n\n:host(bx-side-nav-link), :host(dds-left-nav-item), :host(dds-cloud-left-nav-item) {\n  display: block;\n  outline: none;\n  width: auto;\n  height: auto; }\n  :host(bx-side-nav-link) .bx--side-nav__icon, :host(dds-left-nav-item) .bx--side-nav__icon, :host(dds-cloud-left-nav-item) .bx--side-nav__icon {\n    color: #525252; }\n    :host(bx-side-nav-link) .bx--side-nav__icon[hidden], :host(dds-left-nav-item) .bx--side-nav__icon[hidden], :host(dds-cloud-left-nav-item) .bx--side-nav__icon[hidden] {\n      display: none; }\n\n:host(bx-side-nav-divider) {\n  display: block; }\n\n:host(bx-side-nav-menu), :host(dds-left-nav-menu) {\n  display: block;\n  outline: none;\n  width: auto;\n  height: auto; }\n  :host(bx-side-nav-menu) .bx--side-nav__icon[hidden], :host(dds-left-nav-menu) .bx--side-nav__icon[hidden] {\n    display: none; }\n\n:host(bx-side-nav-menu[active]) {\n  background-color: #e5e5e5;\n  color: #161616;\n  position: relative; }\n  :host(bx-side-nav-menu[active])::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 4px;\n    background-color: #0f62fe; }\n\n:host(bx-side-nav-menu[active][expanded]) {\n  background-color: inherit;\n  color: inherit;\n  position: inherit; }\n  :host(bx-side-nav-menu[active][expanded])::before {\n    content: none; }\n\n:host(bx-side-nav-menu-item), :host(dds-left-nav-menu-item) {\n  display: block;\n  outline: none;\n  width: auto;\n  height: auto; }\n  :host(bx-side-nav-menu-item) a.bx--side-nav__link, :host(dds-left-nav-menu-item) a.bx--side-nav__link {\n    height: 2rem;\n    min-height: 2rem;\n    padding-left: 2rem;\n    font-weight: 400; }\n\n:host(bx-side-nav-menu-item[parent-has-icon]) a.bx--side-nav__link {\n  padding-left: 4.5rem; }\n\n:host(bx-side-nav-item) .bx--side-nav__link:hover,\n:host(bx-side-nav-menu) .bx--side-nav__submenu:hover,\n:host(dds-left-nav-menu) .bx--side-nav__submenu:hover,\n:host(bx-side-nav-menu-item) .bx--side-nav__link:hover,\n:host(dds-left-nav-menu-item) .bx--side-nav__link:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@keyframes expand {\n  0% {\n    overflow-y: hidden;\n    max-height: 0; }\n  100% {\n    max-height: 100%; } }\n\n@keyframes collapse {\n  0% {\n    max-height: 100vh; }\n  100% {\n    max-height: 0; } }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  background-color: transparent;\n  bottom: 0;\n  box-shadow: none; }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu,\n.bx--masthead__megamenu__l1-nav .bx--header__menu {\n  position: fixed;\n  display: block;\n  visibility: hidden;\n  margin-bottom: var(--cds-layout-05, 4rem);\n  left: 0;\n  width: 100vw;\n  transform: translateZ(0.0001px);\n  transition: visibility 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-megamenu),\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu .bx--masthead__megamenu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-megamenu),\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu .bx--masthead__megamenu,\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-megamenu),\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu .bx--masthead__megamenu {\n  animation: 240ms cubic-bezier(0.4, 0.14, 0.3, 1) collapse; }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  position: fixed;\n  left: 0;\n  height: calc(100vh - var(--cds-spacing-10, 4rem) - var(--cds-spacing-09, 3rem));\n  transform: translateZ(0);\n  visibility: visible;\n  margin-bottom: var(--cds-layout-05, 4rem);\n  width: var(--dds-ce--viewport-width, 100vw);\n  min-height: 20rem; }\n  :host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-megamenu),\n  :host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n  :host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--masthead__megamenu,\n  .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-megamenu),\n  .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n  .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--masthead__megamenu,\n  .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-megamenu),\n  .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n  .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--masthead__megamenu {\n    animation: 240ms cubic-bezier(0.4, 0.14, 0.3, 1) expand; }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  top: var(--cds-spacing-09, 3rem); }\n\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  top: 6.125rem; }\n\n:host(dds-megamenu),\n:host(dds-cloud-megamenu),\n.bx--masthead__megamenu {\n  display: block;\n  overflow-y: overlay;\n  overflow-x: hidden;\n  background-color: var(--cds-ui-background, #ffffff);\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); }\n  :host(dds-megamenu):focus,\n  :host(dds-cloud-megamenu):focus,\n  .bx--masthead__megamenu:focus {\n    outline: none; }\n  :host(dds-megamenu) .bx--masthead__megamenu__container,\n  :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n  .bx--masthead__megamenu .bx--masthead__megamenu__container {\n    width: 100vw;\n    margin-right: auto;\n    margin-left: auto;\n    max-width: 99rem;\n    padding-right: 1rem;\n    padding-left: 1rem; }\n    @media (min-width: 42rem) {\n      :host(dds-megamenu) .bx--masthead__megamenu__container,\n      :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n      .bx--masthead__megamenu .bx--masthead__megamenu__container {\n        padding-right: 2rem;\n        padding-left: 2rem; } }\n    @media (min-width: 99rem) {\n      :host(dds-megamenu) .bx--masthead__megamenu__container,\n      :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n      .bx--masthead__megamenu .bx--masthead__megamenu__container {\n        padding-right: 2.5rem;\n        padding-left: 2.5rem; } }\n    :host(dds-megamenu) .bx--masthead__megamenu__container .bx--masthead__megamenu__container--row,\n    :host(dds-cloud-megamenu) .bx--masthead__megamenu__container .bx--masthead__megamenu__container--row,\n    .bx--masthead__megamenu .bx--masthead__megamenu__container .bx--masthead__megamenu__container--row {\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -1rem;\n      margin-left: -1rem;\n      flex-wrap: nowrap; }\n\n:host(dds-megamenu-right-navigation),\n.bx--masthead__megamenu__categories-section {\n  display: flex;\n  flex-direction: column;\n  padding-top: 1.125rem;\n  width: 100%; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu__categories,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu__categories {\n    padding: 0 0 var(--cds-layout-03, 2rem) 0;\n    -moz-column-count: 4;\n         column-count: 4;\n    -moz-column-gap: 0;\n         column-gap: 0; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu--hasViewAllLink,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu--hasViewAllLink {\n    padding-bottom: 0; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu--hasHighlights,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu--hasHighlights {\n    -moz-column-count: 3;\n         column-count: 3; }\n\n.bx--masthead__megamenu__copy,\n:host(dds-megamenu-category-group-copy) {\n  display: block;\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  color: var(--cds-text-02, #525252);\n  padding: 0.375rem var(--cds-spacing-05, 1rem) 0.625rem; }\n\n:host(dds-megamenu-category-group),\n.bx--masthead__megamenu__category-group {\n  display: block; }\n  :host(dds-megamenu-category-group) .bx--masthead__megamenu__category-group-content,\n  .bx--masthead__megamenu__category-group .bx--masthead__megamenu__category-group-content {\n    width: 100%;\n    display: inline-block;\n    padding-bottom: var(--cds-spacing-07, 2rem); }\n  :host(dds-megamenu-category-group) .bx--masthead__megamenu__copy,\n  :host(dds-megamenu-category-group) ::slotted(dds-megamenu-category-group-copy),\n  .bx--masthead__megamenu__category-group .bx--masthead__megamenu__copy,\n  .bx--masthead__megamenu__category-group ::slotted(dds-megamenu-category-group-copy) {\n    font-size: var(--cds-body-long-01-font-size, 0.875rem);\n    font-weight: var(--cds-body-long-01-font-weight, 400);\n    line-height: var(--cds-body-long-01-line-height, 1.42857);\n    letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n    color: var(--cds-text-01, #161616);\n    margin-top: -0.375rem;\n    padding: 0 var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem); }\n\n:host(dds-megamenu-link-with-icon) span {\n  flex: inherit; }\n\n:host(dds-megamenu-link-with-icon) ::slotted([slot='icon']) {\n  transform: none;\n  /* stylelint-disable-next-line comment-whitespace-inside */\n  /* !rtl:raw:\n      transform: scaleX(-1);\n      */ }\n\n:host(dds-megamenu-link-with-icon)[style-scheme='category-headline'],\n.bx--masthead__megamenu__category-headline {\n  width: 100%; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] p,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] a,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] .bx--link-with-icon,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] :host(dds-megamenu-link-with-icon),\n  .bx--masthead__megamenu__category-headline p,\n  .bx--masthead__megamenu__category-headline a,\n  .bx--masthead__megamenu__category-headline .bx--link-with-icon,\n  .bx--masthead__megamenu__category-headline :host(dds-megamenu-link-with-icon) {\n    padding: 6px var(--cds-spacing-05, 1rem);\n    text-decoration: none;\n    width: 100%;\n    font-size: var(--cds-expressive-heading-01-font-size, 0.875rem);\n    font-weight: var(--cds-expressive-heading-01-font-weight, 600);\n    line-height: var(--cds-expressive-heading-01-line-height, 1.25);\n    letter-spacing: var(--cds-expressive-heading-01-letter-spacing, 0.16px); }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] ::slotted(span),\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] span,\n  .bx--masthead__megamenu__category-headline ::slotted(span),\n  .bx--masthead__megamenu__category-headline span {\n    color: var(--cds-text-01, #161616);\n    flex: inherit; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] svg,\n  .bx--masthead__megamenu__category-headline svg {\n    color: var(--cds-link-01, #0f62fe);\n    min-width: var(--cds-spacing-05, 1rem); }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline']:visited, :host(dds-megamenu-link-with-icon)[style-scheme='category-headline']:hover,\n  .bx--masthead__megamenu__category-headline:visited,\n  .bx--masthead__megamenu__category-headline:hover {\n    color: var(--cds-text-01, #161616); }\n\n:host(dds-megamenu-category-link) a,\n.bx--masthead__megamenu__category-sublink {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  color: var(--cds-text-02, #525252);\n  text-decoration: none;\n  padding: 6px var(--cds-spacing-05, 1rem);\n  display: block; }\n  :host(dds-megamenu-category-link) a:hover, :host(dds-megamenu-category-link) a:active,\n  .bx--masthead__megamenu__category-sublink:hover,\n  .bx--masthead__megamenu__category-sublink:active {\n    color: var(--cds-text-01, #161616); }\n\n.bx--masthead__megamenu__category-sublink--highlighted,\n:host(dds-megamenu-link-with-icon)[style-scheme='category-sublink'] {\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  width: 100%; }\n  .bx--masthead__megamenu__category-sublink--highlighted span,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-sublink'] span {\n    flex: inherit; }\n\n.bx--masthead__megamenu__category-sublink--highlighted,\n:host(dds-megamenu-link-with-icon)[style-scheme='category-sublink'] a {\n  width: 100%;\n  padding: 7px var(--cds-spacing-05, 1rem); }\n\n:host(dds-megamenu-link-with-icon)[style-scheme='view-all'],\n.bx--masthead__megamenu__view-all-cta {\n  margin-top: auto;\n  display: flex;\n  z-index: 1; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a,\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon,\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :host(dds-megamenu-link-with-icon),\n  .bx--masthead__megamenu__view-all-cta a,\n  .bx--masthead__megamenu__view-all-cta .bx--link-with-icon,\n  .bx--masthead__megamenu__view-all-cta :host(dds-megamenu-link-with-icon) {\n    text-decoration: none;\n    width: 100%;\n    margin: 0 var(--cds-spacing-05, 1rem);\n    border-top: 0.0625rem solid var(--cds-ui-03, #e0e0e0);\n    height: var(--cds-spacing-09, 3rem); }\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a:hover, :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a:focus,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon:hover,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :hover:host(dds-megamenu-link-with-icon),\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon:focus,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :focus:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta a:hover,\n    .bx--masthead__megamenu__view-all-cta a:focus,\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:hover,\n    .bx--masthead__megamenu__view-all-cta :hover:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:focus,\n    .bx--masthead__megamenu__view-all-cta :focus:host(dds-megamenu-link-with-icon) {\n      margin: 0;\n      padding: 0 var(--cds-spacing-05, 1rem); }\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a:hover,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon:hover,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :hover:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta a:hover,\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:hover,\n    .bx--masthead__megamenu__view-all-cta :hover:host(dds-megamenu-link-with-icon) {\n      border-top: 0.0625rem solid transparent;\n      color: var(--cds-hover-primary-text, #0043ce); }\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] ::slotted(span),\n  .bx--masthead__megamenu__view-all-cta ::slotted(span) {\n    vertical-align: middle;\n    align-self: center; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] span,\n  .bx--masthead__megamenu__view-all-cta span {\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    flex: inherit; }\n\n:host(dds-megamenu-category-link) a:focus, :host(dds-megamenu-category-link) a:active,\n:host(dds-megamenu-link-with-icon) a:focus,\n:host(dds-megamenu-link-with-icon) a:active,\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:focus,\n.bx--masthead__megamenu__category-headline :focus:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:active,\n.bx--masthead__megamenu__category-headline :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink--highlighted:focus,\n.bx--masthead__megamenu__category-sublink--highlighted:active,\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:focus,\n.bx--masthead__megamenu__view-all-cta :focus:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:active,\n.bx--masthead__megamenu__view-all-cta :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink:focus,\n.bx--masthead__megamenu__category-sublink:active {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n  outline-width: 2px;\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    :host(dds-megamenu-category-link) a:focus, :host(dds-megamenu-category-link) a:active,\n    :host(dds-megamenu-link-with-icon) a:focus,\n    :host(dds-megamenu-link-with-icon) a:active,\n    .bx--masthead__megamenu__category-headline .bx--link-with-icon:focus,\n    .bx--masthead__megamenu__category-headline :focus:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__category-headline .bx--link-with-icon:active,\n    .bx--masthead__megamenu__category-headline :active:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__category-sublink--highlighted:focus,\n    .bx--masthead__megamenu__category-sublink--highlighted:active,\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:focus,\n    .bx--masthead__megamenu__view-all-cta :focus:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:active,\n    .bx--masthead__megamenu__view-all-cta :active:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__category-sublink:focus,\n    .bx--masthead__megamenu__category-sublink:active {\n      outline-style: dotted; } }\n\n:host(dds-megamenu-category-link) a:active, :host(dds-megamenu-category-link) a:hover,\n:host(dds-megamenu-link-with-icon) a:active,\n:host(dds-megamenu-link-with-icon) a:hover,\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:active,\n.bx--masthead__megamenu__category-headline :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:hover,\n.bx--masthead__megamenu__category-headline :hover:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink--highlighted:active,\n.bx--masthead__megamenu__category-sublink--highlighted:hover,\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:active,\n.bx--masthead__megamenu__view-all-cta :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:hover,\n.bx--masthead__megamenu__view-all-cta :hover:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink:active,\n.bx--masthead__megamenu__category-sublink:hover {\n  background-color: var(--cds-hover-ui, #e5e5e5);\n  text-decoration: none; }\n\n:host(dds-megamenu-category-link) a svg,\n:host(dds-megamenu-link-with-icon) a svg,\n.bx--masthead__megamenu__category-headline .bx--link-with-icon svg,\n.bx--masthead__megamenu__category-headline :host(dds-megamenu-link-with-icon) svg,\n.bx--masthead__megamenu__category-sublink--highlighted svg,\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon svg,\n.bx--masthead__megamenu__view-all-cta :host(dds-megamenu-link-with-icon) svg,\n.bx--masthead__megamenu__category-sublink svg {\n  transform: none;\n  /* stylelint-disable-next-line comment-whitespace-inside */\n  /* !rtl:raw:\n      transform: scaleX(-1);\n      */ }\n\n:host(dds-megamenu-left-navigation),\n.bx--masthead__megamenu__highlight-section {\n  min-height: 100%;\n  padding-top: 1.125rem;\n  border-right: 0.0625rem solid var(--cds-ui-03, #e0e0e0);\n  display: block;\n  max-width: 25%;\n  flex: 0 0 25%; }\n\n@media (min-width: 800px) and (max-width: 1055px) {\n  .bx--masthead__megamenu__container--row {\n    flex-direction: column; }\n  :host(dds-megamenu-left-navigation),\n  .bx--masthead__megamenu__highlight-section {\n    border-right: none;\n    border-bottom: 0.0625rem solid var(--cds-ui-03, #e0e0e0);\n    -moz-column-count: 2;\n         column-count: 2;\n    -moz-column-gap: 0;\n         column-gap: 0;\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu__categories,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu__categories {\n    -moz-column-count: 2;\n         column-count: 2; } }\n\n* {\n  box-sizing: border-box; }\n\n:host(dds-masthead-menu-button) {\n  position: relative;\n  width: 3rem;\n  height: 3rem; }\n  @media (max-width: 41.98rem) {\n    :host(dds-masthead-menu-button)[hide-menu-button] {\n      display: none; } }\n  :host(dds-masthead-menu-button) .dds-ce--header__menu-trigger__container {\n    display: contents; }\n  @media (max-width: 41.98rem) {\n    :host(dds-masthead-menu-button) .dds-ce--header__menu-trigger__container--has-search-active {\n      display: none; } }\n\n:host(dds-masthead-logo) {\n  height: 100%;\n  z-index: 2;\n  background-color: var(--cds-ui-background, #ffffff); }\n  :host(dds-masthead-logo) a {\n    position: relative;\n    display: flex;\n    height: 100%;\n    align-items: center;\n    padding: 0 2rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    outline: none; }\n    :host(dds-masthead-logo) a:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    :host(dds-masthead-logo) a:active, :host(dds-masthead-logo) a:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (min-width: 99rem) {\n      :host(dds-masthead-logo) a {\n        padding: 0 2.5rem; } }\n    @media (max-width: 81.98rem) {\n      :host(dds-masthead-logo) a {\n        padding: 0 2rem; } }\n    @media (max-width: 65.98rem) {\n      :host(dds-masthead-logo) a {\n        padding: 0 1rem; } }\n    :host(dds-masthead-logo) a svg {\n      width: 58px;\n      height: 23px; }\n      :host(dds-masthead-logo) a svg g,\n      :host(dds-masthead-logo) a svg path {\n        fill: var(--cds-layer-selected-inverse, #161616);\n        /* stylelint-disable-next-line media-feature-name-no-unknown */ }\n        @media (prefers-contrast: more) {\n          :host(dds-masthead-logo) a svg g,\n          :host(dds-masthead-logo) a svg path {\n            fill: ButtonText; } }\n    @media (min-width: 800px) {\n      :host(dds-masthead-logo) a::after {\n        content: '';\n        display: block;\n        position: absolute;\n        right: -0.1875rem;\n        top: 50%;\n        transform: translateY(-50%);\n        height: 1.5rem;\n        width: 0.0625rem;\n        background-color: var(--cds-ui-03, #e0e0e0); } }\n  :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition, :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip),\n  :host(dds-masthead-logo) .bx--tooltip--definition,\n  :host(dds-masthead-logo) :host(bx-tooltip-definition) {\n    border: none; }\n    :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition .bx--tooltip__trigger, :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip) .bx--tooltip__trigger, :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition :host(bx-tooltip), :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip) :host(bx-tooltip),\n    :host(dds-masthead-logo) .bx--tooltip--definition .bx--tooltip__trigger,\n    :host(dds-masthead-logo) :host(bx-tooltip-definition) .bx--tooltip__trigger,\n    :host(dds-masthead-logo) .bx--tooltip--definition :host(bx-tooltip),\n    :host(dds-masthead-logo) :host(bx-tooltip-definition) :host(bx-tooltip) {\n      border: none; }\n    :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--a11y, :host(dds-masthead-logo) .bx--tooltip__trigger--definition.bx--tooltip--a11y:host(bx-tooltip), :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip):host(bx-tooltip-definition), :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition:host(bx-tooltip-definition),\n    :host(dds-masthead-logo) .bx--tooltip--definition.bx--tooltip--a11y,\n    :host(dds-masthead-logo) :host(bx-tooltip-definition) {\n      height: 100%; }\n  :host(dds-masthead-logo).bx--search-active {\n    display: none; }\n    @media (min-width: 42rem) {\n      :host(dds-masthead-logo).bx--search-active {\n        display: block; } }\n  :host(dds-masthead-logo)[hasTooltip] {\n    position: relative;\n    display: inline-flex;\n    overflow: visible;\n    align-items: center;\n    cursor: default; }\n    :host(dds-masthead-logo)[hasTooltip]:focus {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        :host(dds-masthead-logo)[hasTooltip]:focus {\n          outline-style: dotted; } }\n    :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      position: absolute;\n      z-index: 6000;\n      display: flex;\n      align-items: center;\n      opacity: 0;\n      pointer-events: none; }\n      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n        :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          display: inline-block; } }\n    :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after {\n      transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n      @media screen and (prefers-reduced-motion: reduce) {\n        :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after {\n          transition: none; } }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y::after, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]::after {\n      transition: none; }\n    :host(dds-masthead-logo)[hasTooltip]::before {\n      width: 0;\n      height: 0;\n      border-style: solid;\n      content: ''; }\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      box-sizing: content-box;\n      color: inherit;\n      opacity: 1;\n      white-space: normal;\n      word-break: break-word; }\n    :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n      z-index: 6000;\n      width: -moz-max-content;\n      width: max-content;\n      min-width: 1.5rem;\n      max-width: 13rem;\n      height: auto;\n      padding: 0.5rem 1rem;\n      background-color: var(--cds-inverse-02, #393939);\n      border-radius: 0.125rem;\n      color: var(--cds-inverse-01, #ffffff);\n      font-weight: 400;\n      text-align: left;\n      transform: translateX(-50%);\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      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          width: auto; } }\n      @supports (-ms-accelerator: true) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          width: auto; } }\n      @supports (-ms-ime-align: auto) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          width: auto; } }\n      @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          border: 1px solid transparent; } }\n    :host(dds-masthead-logo)[hasTooltip]::after {\n      content: attr(aria-label); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y::after, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]::after {\n      content: none; }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible::before, :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible::after, :host(dds-masthead-logo)[hasTooltip]:hover::before, :host(dds-masthead-logo)[hasTooltip]:hover::after, :host(dds-masthead-logo)[hasTooltip]:focus::before, :host(dds-masthead-logo)[hasTooltip]:focus::after {\n      opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:hover .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:hover + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:focus .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:focus + .bx--assistive-text {\n      overflow: visible;\n      margin: auto;\n      clip: auto; }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible::before, :host(dds-masthead-logo)[hasTooltip]:hover .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:hover + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:hover.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]:hover::before, :host(dds-masthead-logo)[hasTooltip]:focus .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:focus + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:focus.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]:focus::before {\n      animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden + .bx--assistive-text {\n      overflow: hidden;\n      margin: -1px;\n      clip: rect(0, 0, 0, 0); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden::before {\n      animation: none;\n      opacity: 0; }\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text::after {\n      position: absolute;\n      display: block;\n      content: '';\n      left: 0;\n      width: 100%;\n      height: 0.75rem;\n      top: -0.75rem; }\n    :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      bottom: 0;\n      left: 50%; }\n    :host(dds-masthead-logo)[hasTooltip]::before {\n      bottom: -0.25rem;\n      border-width: 0 0.25rem 0.3125rem 0.25rem;\n      border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n      transform: translate(-50%, 100%); }\n    :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      bottom: -0.5625rem;\n      left: 0;\n      transform: translate(0, 100%); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:host(bx-tooltip-definition) + .bx--assistive-text {\n      bottom: -0.5rem;\n      transform: translate(0, 100%); }\n  :host(dds-masthead-logo) a ::slotted(svg) {\n    width: 58px;\n    height: 23px; }\n  @media (max-width: 41.98rem) {\n    :host(dds-masthead-logo) .dds-ce--header__logo--has-search-active {\n      display: none; } }\n  :host(dds-masthead-logo):active, :host(dds-masthead-logo):focus {\n    border: none;\n    outline: none; }\n\n:host(dds-top-nav-name) {\n  outline: none;\n  z-index: 1;\n  background: var(--cds-ui-background, #ffffff); }\n  :host(dds-top-nav-name) a.bx--header__name {\n    font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n    line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n    letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0);\n    color: var(--cds-text-01, #161616);\n    padding-left: 1rem;\n    padding-right: 1rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    position: relative;\n    white-space: nowrap;\n    z-index: 1;\n    background-color: var(--cds-ui-background, #ffffff); }\n    @media (min-width: 66rem) {\n      :host(dds-top-nav-name) a.bx--header__name {\n        margin-left: 1rem; } }\n    :host(dds-top-nav-name) a.bx--header__name:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5);\n      color: var(--cds-text-01, #161616); }\n    :host(dds-top-nav-name) a.bx--header__name:active, :host(dds-top-nav-name) a.bx--header__name:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (max-width: 800px) {\n      :host(dds-top-nav-name) a.bx--header__name {\n        display: none; } }\n\n:host(dds-masthead-search) {\n  outline: none; }\n  :host(dds-masthead-search) .dds-ce--masthead__search__list {\n    height: 0;\n    overflow: hidden; }\n  :host(dds-masthead-search)[open] .dds-ce--masthead__search__list {\n    height: auto; }\n\n:host(dds-masthead-search-item) {\n  font-size: 1rem; }\n\n@media (max-width: 41.98rem) {\n  :host(dds-masthead-global-bar)[has-search-active], [has-search-active]:host(dds-cloud-masthead-global-bar) {\n    display: none; } }\n\n:host(dds-masthead-global-bar) .dds-ce--header__global__container, :host(dds-cloud-masthead-global-bar) .dds-ce--header__global__container {\n  display: contents; }\n\n@media (max-width: 41.98rem) {\n  :host(dds-masthead-global-bar) .dds-ce--header__global__container--has-search-active, :host(dds-cloud-masthead-global-bar) .dds-ce--header__global__container--has-search-active {\n    display: none; } }\n\n:host(dds-masthead-profile),\n:host(dds-cloud-masthead-profile) {\n  background-color: var(--cds-ui-background, #ffffff);\n  width: var(--cds-spacing-09, 3rem); }\n  :host(dds-masthead-profile) a.bx--header__menu-item,\n  :host(dds-cloud-masthead-profile) a.bx--header__menu-item {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    border: none;\n    padding: 0.8125rem var(--cds-spacing-05, 1rem);\n    color: var(--cds-text-02, #525252);\n    white-space: nowrap;\n    justify-content: center;\n    padding: 0; }\n    :host(dds-masthead-profile) a.bx--header__menu-item:hover,\n    :host(dds-cloud-masthead-profile) a.bx--header__menu-item:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5);\n      cursor: pointer;\n      color: var(--cds-text-01, #161616); }\n      :host(dds-masthead-profile) a.bx--header__menu-item:hover > svg,\n      :host(dds-cloud-masthead-profile) a.bx--header__menu-item:hover > svg {\n        fill: currentColor; }\n    :host(dds-masthead-profile) a.bx--header__menu-item:active, :host(dds-masthead-profile) a.bx--header__menu-item:focus,\n    :host(dds-cloud-masthead-profile) a.bx--header__menu-item:active,\n    :host(dds-cloud-masthead-profile) a.bx--header__menu-item:focus {\n      outline: 2px solid var(--cds-interactive-01, #0f62fe);\n      outline-offset: -2px; }\n      :host(dds-masthead-profile) a.bx--header__menu-item:active > svg, :host(dds-masthead-profile) a.bx--header__menu-item:focus > svg,\n      :host(dds-cloud-masthead-profile) a.bx--header__menu-item:active > svg,\n      :host(dds-cloud-masthead-profile) a.bx--header__menu-item:focus > svg {\n        fill: var(--cds-text-01, #161616); }\n  :host(dds-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n  :host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n    left: auto;\n    right: 0;\n    width: 10rem; }\n\n:host(dds-top-nav),\n:host(dds-top-nav-l1) {\n  display: none;\n  background-color: var(--cds-ui-background, #ffffff); }\n  @media (min-width: 800px) {\n    :host(dds-top-nav),\n    :host(dds-top-nav-l1) {\n      flex: 1;\n      display: flex;\n      align-items: stretch; } }\n  @media (min-width: 800px) {\n    :host(dds-top-nav) .bx--header__nav, :host(dds-top-nav) :host(bx-header-nav),\n    :host(dds-top-nav-l1) .bx--header__nav,\n    :host(dds-top-nav-l1) :host(bx-header-nav) {\n      display: block;\n      position: absolute; } }\n  :host(dds-top-nav)[hide-divider] .bx--header__nav, :host(dds-top-nav)[hide-divider] :host(bx-header-nav),\n  :host(dds-top-nav-l1)[hide-divider] .bx--header__nav,\n  :host(dds-top-nav-l1)[hide-divider] :host(bx-header-nav) {\n    padding-left: 0; }\n  :host(dds-top-nav) .dds-ce--header__nav-content-container,\n  :host(dds-top-nav-l1) .dds-ce--header__nav-content-container {\n    flex: 1;\n    position: relative; }\n  :host(dds-top-nav) .bx--header__nav-caret-left-container,\n  :host(dds-top-nav) .bx--header__nav-caret-right-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-left-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-right-container {\n    bottom: 0;\n    z-index: 1;\n    position: relative; }\n  :host(dds-top-nav) .bx--header__nav-caret-right-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-right-container {\n    right: 0;\n    /* stylelint-disable-next-line comment-whitespace-inside */\n    /* !rtl:raw:\n    position: absolute !important;\n    */ }\n  :host(dds-top-nav) .bx--header__nav-caret-left-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-left-container {\n    left: 0;\n    /* stylelint-disable-next-line comment-whitespace-inside */\n    /* !rtl:raw:\n    right: initial;\n    position: absolute !important;\n    */ }\n  :host(dds-top-nav) .bx--header__nav-caret-left,\n  :host(dds-top-nav) .bx--header__nav-caret-right,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-left,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-right {\n    position: relative;\n    height: 48px; }\n  :host(dds-top-nav) .dds-ce--header__nav-caret-container--hidden,\n  :host(dds-top-nav-l1) .dds-ce--header__nav-caret-container--hidden {\n    position: absolute;\n    visibility: hidden; }\n\n@media (min-width: 800px) {\n  :host(dds-top-nav)[cloud],\n  :host(dds-top-nav-l1)[cloud] {\n    display: none; } }\n\n@media (min-width: 960px) {\n  :host(dds-top-nav)[cloud],\n  :host(dds-top-nav-l1)[cloud] {\n    flex: 1;\n    display: flex;\n    align-items: stretch; } }\n\n@media (min-width: 800px) {\n  :host(dds-top-nav)[cloud] .bx--header__nav, :host(dds-top-nav)[cloud] :host(bx-header-nav),\n  :host(dds-top-nav-l1)[cloud] .bx--header__nav,\n  :host(dds-top-nav-l1)[cloud] :host(bx-header-nav) {\n    display: none; } }\n\n@media (min-width: 960px) {\n  :host(dds-top-nav)[cloud] .bx--header__nav, :host(dds-top-nav)[cloud] :host(bx-header-nav),\n  :host(dds-top-nav-l1)[cloud] .bx--header__nav,\n  :host(dds-top-nav-l1)[cloud] :host(bx-header-nav) {\n    display: block;\n    position: absolute; } }\n\n:host(dds-top-nav-l1) {\n  overflow: visible; }\n\n:host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'],\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'],\n:host(dds-masthead-profile) .bx--header__menu-title[aria-expanded='true'],\n:host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] {\n  background-color: var(--cds-ui-01, #f4f4f4);\n  z-index: 0; }\n\n:host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  background-color: var(--cds-ui-background, #ffffff);\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n  bottom: -1px; }\n\n:host(dds-top-nav-menu-item),\n:host(dds-masthead-profile-item) {\n  position: relative;\n  height: 100%; }\n  :host(dds-top-nav-menu-item)::before,\n  :host(dds-masthead-profile-item)::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    border-top: 1px solid var(--cds-ui-03, #e0e0e0); }\n  :host(dds-top-nav-menu-item):first-of-type::before,\n  :host(dds-masthead-profile-item):first-of-type::before {\n    border-top: none; }\n  :host(dds-top-nav-menu-item):hover,\n  :host(dds-masthead-profile-item):hover {\n    background-color: var(--cds-ui-01, #f4f4f4); }\n    :host(dds-top-nav-menu-item):hover::before,\n    :host(dds-masthead-profile-item):hover::before {\n      border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n    :host(dds-top-nav-menu-item):hover + li::before,\n    :host(dds-masthead-profile-item):hover + li::before {\n      border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n  :host(dds-top-nav-menu-item):focus::before,\n  :host(dds-masthead-profile-item):focus::before {\n    border: 2px solid var(--cds-interactive-01, #0f62fe);\n    box-sizing: border-box; }\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item {\n    height: 100%; }\n\n:host(dds-top-nav-item) .bx--header__menu-arrow,\n:host(dds-top-nav-menu) .bx--header__menu-arrow,\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-arrow,\n:host(dds-top-nav-menu-item) .bx--header__menu-arrow,\n:host(dds-masthead-profile-item) .bx--header__menu-arrow {\n  fill: var(--cds-text-01, #161616);\n  width: 20px;\n  height: 20px; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item,\n:host(dds-top-nav-menu) a.bx--header__menu-item,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item,\n:host(dds-top-nav-menu-item) a.bx--header__menu-item,\n:host(dds-masthead-profile-item) a.bx--header__menu-item {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  border: none;\n  padding: 0.8125rem var(--cds-spacing-05, 1rem);\n  color: var(--cds-text-02, #525252);\n  white-space: nowrap; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    cursor: pointer;\n    color: var(--cds-text-01, #161616); }\n    :host(dds-top-nav-item) a.bx--header__menu-item:hover > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover > svg,\n    :host(dds-masthead-profile-item) a.bx--header__menu-item:hover > svg {\n      fill: currentColor; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:active, :host(dds-top-nav-item) a.bx--header__menu-item:focus,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:focus,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:active,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:focus,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:active,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:focus {\n    outline: 2px solid var(--cds-interactive-01, #0f62fe);\n    outline-offset: -2px; }\n    :host(dds-top-nav-item) a.bx--header__menu-item:active > svg, :host(dds-top-nav-item) a.bx--header__menu-item:focus > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    :host(dds-top-nav-menu-item) a.bx--header__menu-item:active > svg,\n    :host(dds-top-nav-menu-item) a.bx--header__menu-item:focus > svg,\n    :host(dds-masthead-profile-item) a.bx--header__menu-item:active > svg,\n    :host(dds-masthead-profile-item) a.bx--header__menu-item:focus > svg {\n      fill: var(--cds-text-01, #161616); }\n  :host(dds-top-nav-item) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:hover {\n    color: var(--cds-text-01, #161616); }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  bottom: auto;\n  height: auto;\n  max-height: calc( 100vh - var(--cds-spacing-09, 3rem) - var(--cds-layout-05, 4rem));\n  min-height: 0; }\n\n:host(dds-left-nav) {\n  display: block;\n  overflow: hidden;\n  margin-top: calc(3rem + 1px);\n  height: calc(100% - 3rem - 1px);\n  width: 16rem; }\n  @media (max-width: 41.98rem) {\n    :host(dds-left-nav) {\n      width: 100vw;\n      max-width: 100vw; } }\n  :host(dds-left-nav)[usage-mode='header-nav'], :host(dds-left-nav)[collapse-mode][usage-mode='header-nav'] {\n    inset-inline-start: -100vw;\n    visibility: hidden;\n    /* stylelint-disable-next-line  time-min-milliseconds */\n    transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 110ms, left 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n  :host(dds-left-nav)[expanded][usage-mode='header-nav'], :host(dds-left-nav)[collapse-mode][expanded][usage-mode='header-nav'] {\n    overflow: hidden auto;\n    inset-inline-start: 0;\n    visibility: visible;\n    /* stylelint-disable-next-line time-min-milliseconds */\n    transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 0ms, inset-inline-start 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n  :host(dds-left-nav) .bx--side-nav__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%; }\n  :host(dds-left-nav) .bx--side-nav__platform-name {\n    flex-shrink: 0;\n    flex-grow: 0; }\n  :host(dds-left-nav) .bx--side-nav__menu-sections {\n    flex-basis: 100%;\n    flex-shrink: 1;\n    position: relative; }\n  :host(dds-left-nav) ::slotted(dds-left-nav-menu-section) {\n    overflow: hidden;\n    height: auto; }\n\n@media (min-width: 42rem) {\n  :host(dds-masthead-menu-button),\n  :host(dds-left-nav) {\n    display: block; } }\n\n@media (min-width: 800px) {\n  :host(dds-masthead-menu-button),\n  :host(dds-left-nav) {\n    display: none; } }\n\n@media (min-width: 42rem) {\n  :host(dds-masthead-menu-button)[cloud],\n  :host(dds-left-nav)[cloud] {\n    display: block; } }\n\n@media (min-width: 960px) {\n  :host(dds-masthead-menu-button)[cloud],\n  :host(dds-left-nav)[cloud] {\n    display: none; } }\n\n:host(dds-left-nav-name) .bx--side-nav__submenu-platform {\n  display: flex;\n  align-items: center;\n  height: 3rem;\n  padding: 0 1rem;\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n  text-decoration: none;\n  color: var(--cds-text-01, #161616);\n  flex-direction: row;\n  font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n  line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0); }\n  :host(dds-left-nav-name) .bx--side-nav__submenu-platform::after {\n    content: none; }\n\n:host(dds-left-nav-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-item) a.bx--side-nav__link,\n:host(dds-cloud-left-nav-item) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 1rem;\n  height: 3rem;\n  width: 100%; }\n\n:host(dds-left-nav-item) .bx--side-nav__link:hover, :host(dds-cloud-left-nav-item) .bx--side-nav__link:hover,\n:host(dds-left-nav-menu) .bx--side-nav__link:hover,\n:host(dds-left-nav-menu-item) .bx--side-nav__link:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n:host(dds-left-nav-menu) .bx--side-nav__link,\n:host(dds-left-nav-menu) .bx--side-nav__submenu,\n:host(dds-left-nav-menu) a.bx--side-nav__link,\n:host(dds-left-nav-menu) .bx--side-nav__submenu .bx--side-nav__submenu-content,\n:host(dds-left-nav-menu-item) .bx--side-nav__link,\n:host(dds-left-nav-menu-item) .bx--side-nav__submenu,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item) .bx--side-nav__submenu .bx--side-nav__submenu-content,\n:host(dds-left-nav-menu-section) .bx--side-nav__link,\n:host(dds-left-nav-menu-section) .bx--side-nav__submenu,\n:host(dds-left-nav-menu-section) a.bx--side-nav__link,\n:host(dds-left-nav-menu-section) .bx--side-nav__submenu .bx--side-nav__submenu-content {\n  height: auto;\n  min-height: 3rem; }\n\n:host(dds-left-nav-menu) .bx--side-nav__submenu-title,\n:host(dds-left-nav-menu) a.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu) button.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-item) .bx--side-nav__submenu-title,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-item) button.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-section) .bx--side-nav__submenu-title,\n:host(dds-left-nav-menu-section) a.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-section) button.bx--side-nav__link > .bx--side-nav__link-text {\n  height: auto;\n  white-space: normal;\n  padding: 0.8rem 0; }\n\n@media (max-width: 800px) {\n  :host(dds-left-nav-overlay)[active] {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    background-color: rgba(22, 22, 22, 0.5);\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n    top: 0;\n    left: 0;\n    z-index: calc(8000 - 1);\n    -webkit-clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/;\n            clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/; } }\n\n@media (max-width: 960px) {\n  :host(dds-left-nav-overlay)[cloud][active] {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    background-color: rgba(22, 22, 22, 0.5);\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n    top: 0;\n    left: 0;\n    z-index: calc(8000 - 1);\n    -webkit-clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/;\n            clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/; } }\n\n:host(dds-left-nav-overlay[dir='rtl']) {\n  -webkit-clip-path: polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%);\n          clip-path: polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%); }\n\n:host(dds-megamenu-link-with-icon):focus,\n:host(dds-megamenu-category-link):focus {\n  outline: none; }\n\n:host(dds-masthead-search-composite),\n:host(dds-masthead-search-container) {\n  display: contents; }\n\n/**\n* Copyright IBM Corp. 2016, 2023\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--btn {\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  position: relative;\n  display: inline-flex;\n  max-width: 20rem;\n  min-height: 3rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;\n  margin: 0;\n  border-radius: 0;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\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  .bx--btn:disabled, .bx--btn:hover:disabled, .bx--btn:focus:disabled, .bx--btn.bx--btn--disabled, .bx--btn.bx--btn--disabled:hover, .bx--btn.bx--btn--disabled:focus {\n    border-color: var(--cds-disabled-02, #c6c6c6);\n    background: var(--cds-disabled-02, #c6c6c6);\n    box-shadow: none;\n    color: var(--cds-disabled-03, #8d8d8d);\n    cursor: not-allowed; }\n  .bx--btn .bx--btn__icon {\n    position: absolute;\n    right: 1rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0; }\n\n.bx--btn::-moz-focus-inner {\n  padding: 0;\n  border: 0; }\n\n.bx--btn--primary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-01, #0f62fe);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--primary:hover {\n    background-color: var(--cds-hover-primary, #0353e9); }\n  .bx--btn--primary: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-ui-background, #ffffff); }\n  .bx--btn--primary:active {\n    background-color: var(--cds-active-primary, #002d9c); }\n  .bx--btn--primary .bx--btn__icon,\n  .bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--primary:hover {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-02, #393939);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--secondary:hover {\n    background-color: var(--cds-hover-secondary, #4c4c4c); }\n  .bx--btn--secondary: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-ui-background, #ffffff); }\n  .bx--btn--secondary:active {\n    background-color: var(--cds-active-secondary, #6f6f6f); }\n  .bx--btn--secondary .bx--btn__icon,\n  .bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--secondary:hover, .bx--btn--secondary:focus {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-interactive-03, #0f62fe);\n  background-color: transparent;\n  color: var(--cds-interactive-03, #0f62fe); }\n  .bx--btn--tertiary:hover {\n    background-color: var(--cds-hover-tertiary, #0353e9); }\n  .bx--btn--tertiary: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-ui-background, #ffffff); }\n  .bx--btn--tertiary:active {\n    background-color: var(--cds-active-tertiary, #002d9c); }\n  .bx--btn--tertiary .bx--btn__icon,\n  .bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--tertiary:hover {\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:focus {\n    background-color: var(--cds-interactive-03, #0f62fe);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:active {\n    border-color: transparent;\n    background-color: var(--cds-active-tertiary, #002d9c);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n\n.bx--btn--ghost {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-link-01, #0f62fe);\n  padding: calc(0.875rem - 3px) 16px; }\n  .bx--btn--ghost:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--btn--ghost: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-ui-background, #ffffff); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost .bx--btn__icon,\n  .bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--ghost .bx--btn__icon {\n    position: static;\n    margin-left: 0.5rem; }\n  .bx--btn--ghost:hover, .bx--btn--ghost:active {\n    color: var(--cds-hover-primary-text, #0043ce); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {\n    border-color: transparent;\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n  .bx--btn--ghost.bx--btn--sm {\n    padding: calc(0.375rem - 3px) 16px; }\n  .bx--btn--ghost.bx--btn--field, .bx--btn--ghost.bx--btn--md {\n    padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger, .bx--btn.bx--btn--icon-only:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::after, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger svg, .bx--btn.bx--btn--icon-only:host(bx-tooltip) svg,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) svg, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n    fill: currentColor; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip) .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n    opacity: 0; }\n\n.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) .bx--assistive-text {\n  pointer-events: all; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n  border-color: var(--cds-focus, #0f62fe); }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]), .bx--btn.bx--btn--icon-only:active:not([disabled]):host(bx-tooltip) {\n  border-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n  outline-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover, .bx--btn.bx--btn--icon-only[disabled]:hover:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus,\n.bx--btn.bx--btn--icon-only[disabled]:focus:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active,\n.bx--btn.bx--btn--icon-only[disabled]:active:host(bx-tooltip) {\n  cursor: not-allowed;\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--top, .bx--btn--icon-only--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::after, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::after, .bx--btn--icon-only--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text::after, .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--right, .bx--btn--icon-only--right:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::after, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::before, .bx--btn--icon-only--right:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::after, .bx--btn--icon-only--right:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::before, .bx--btn--icon-only--right:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::after, .bx--btn--icon-only--right:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text::after, .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--bottom, .bx--btn--icon-only--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::after, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::after, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::after, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text::after, .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--left, .bx--btn--icon-only--left:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::after, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::before, .bx--btn--icon-only--left:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::after, .bx--btn--icon-only--left:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::before, .bx--btn--icon-only--left:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::after, .bx--btn--icon-only--left:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text::after, .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n\n.bx--btn--icon-only {\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem; }\n  .bx--btn--icon-only .bx--btn__icon {\n    position: static; }\n  .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n  .bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon {\n    margin: 0; }\n\n.bx--btn--icon-only.bx--btn--selected {\n  background: var(--cds-selected-ui, #e0e0e0); }\n\n.bx--btn path[data-icon-path='inner-path'] {\n  fill: none; }\n\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,\n.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon {\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] {\n  cursor: not-allowed; }\n\n.bx--btn--field.bx--btn--icon-only,\n.bx--btn--md.bx--btn--icon-only {\n  padding-right: 0.6875rem;\n  padding-left: 0.6875rem; }\n\n.bx--btn--sm.bx--btn--icon-only {\n  padding-right: 0.4375rem;\n  padding-left: 0.4375rem; }\n\n.bx--btn--danger {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-danger-01, #da1e28);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger:hover {\n    background-color: var(--cds-hover-danger, #b81921); }\n  .bx--btn--danger: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-ui-background, #ffffff); }\n  .bx--btn--danger:active {\n    background-color: var(--cds-active-danger, #750e13); }\n  .bx--btn--danger .bx--btn__icon,\n  .bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--danger:hover {\n    color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger-tertiary, .bx--btn--danger--tertiary {\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--cds-danger-02, #da1e28);\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28); }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary: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-ui-background, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-tertiary .bx--btn__icon,\n    .bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--tertiary .bx--btn__icon,\n    .bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      border-color: var(--cds-hover-danger, #b81921);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary:focus {\n      background-color: var(--cds-danger-01, #da1e28);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      border-color: var(--cds-active-danger, #750e13);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:disabled, .bx--btn--danger-tertiary:hover:disabled, .bx--btn--danger-tertiary:focus:disabled, .bx--btn--danger-tertiary.bx--btn--disabled, .bx--btn--danger-tertiary.bx--btn--disabled:hover, .bx--btn--danger-tertiary.bx--btn--disabled:focus, .bx--btn--danger--tertiary:disabled, .bx--btn--danger--tertiary:hover:disabled, .bx--btn--danger--tertiary:focus:disabled, .bx--btn--danger--tertiary.bx--btn--disabled, .bx--btn--danger--tertiary.bx--btn--disabled:hover, .bx--btn--danger--tertiary.bx--btn--disabled:focus {\n      background: transparent;\n      color: var(--cds-disabled-03, #8d8d8d);\n      outline: none; }\n  .bx--btn--danger-ghost, .bx--btn--danger--ghost {\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28);\n    padding: calc(0.875rem - 3px) 16px; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger--ghost:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-ghost:focus, .bx--btn--danger--ghost: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-ui-background, #ffffff); }\n    .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-ghost .bx--btn__icon,\n    .bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--ghost .bx--btn__icon,\n    .bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-ghost .bx--btn__icon, .bx--btn--danger--ghost .bx--btn__icon {\n      position: static;\n      margin-left: 0.5rem; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:hover, .bx--btn--danger--ghost:active {\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-ghost:disabled, .bx--btn--danger-ghost:hover:disabled, .bx--btn--danger-ghost:focus:disabled, .bx--btn--danger-ghost.bx--btn--disabled, .bx--btn--danger-ghost.bx--btn--disabled:hover, .bx--btn--danger-ghost.bx--btn--disabled:focus, .bx--btn--danger--ghost:disabled, .bx--btn--danger--ghost:hover:disabled, .bx--btn--danger--ghost:focus:disabled, .bx--btn--danger--ghost.bx--btn--disabled, .bx--btn--danger--ghost.bx--btn--disabled:hover, .bx--btn--danger--ghost.bx--btn--disabled:focus {\n      border-color: transparent;\n      background: transparent;\n      color: var(--cds-disabled-02, #c6c6c6);\n      outline: none; }\n    .bx--btn--danger-ghost.bx--btn--sm, .bx--btn--danger--ghost.bx--btn--sm {\n      padding: calc(0.375rem - 3px) 16px; }\n    .bx--btn--danger-ghost.bx--btn--field, .bx--btn--danger-ghost.bx--btn--md, .bx--btn--danger--ghost.bx--btn--field, .bx--btn--danger--ghost.bx--btn--md {\n      padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn--sm {\n  min-height: 2rem;\n  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; }\n\n.bx--btn--xl:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 5rem; }\n\n.bx--btn--lg:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 4rem; }\n\n.bx--btn--field,\n.bx--btn--md {\n  min-height: 2.5rem;\n  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; }\n\n.bx--btn--expressive {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  min-height: 3rem; }\n\n.bx--btn--icon-only.bx--btn--expressive {\n  padding: 12px 13px; }\n\n.bx--btn.bx--btn--expressive .bx--btn__icon {\n  width: 1.25rem;\n  height: 1.25rem; }\n\n.bx--btn-set .bx--btn.bx--btn--expressive {\n  max-width: 20rem; }\n\n.bx--btn.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 9.375rem; }\n  .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--btn.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--skeleton::before {\n        animation: none; } }\n\n.bx--btn-set {\n  display: flex; }\n\n.bx--btn-set--stacked {\n  flex-direction: column; }\n\n.bx--btn-set .bx--btn {\n  width: 100%;\n  max-width: 12.25rem; }\n  .bx--btn-set .bx--btn:not(:focus) {\n    box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0); }\n  .bx--btn-set .bx--btn:first-of-type:not(:focus) {\n    box-shadow: inherit; }\n\n.bx--btn-set .bx--btn:focus + .bx--btn {\n  box-shadow: inherit; }\n\n.bx--btn-set--stacked .bx--btn:not(:focus) {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0); }\n\n.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus) {\n  box-shadow: inherit; }\n\n.bx--btn-set .bx--btn.bx--btn--disabled {\n  box-shadow: -0.0625rem 0 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n.bx--btn-set--stacked .bx--btn.bx--btn--disabled {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n    fill: ButtonText; } }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--modal {\n  position: fixed;\n  z-index: 9000;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));\n  content: '';\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;\n  visibility: hidden; }\n  .bx--modal.is-visible {\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;\n    visibility: inherit; }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--modal.is-visible {\n        transition: none; } }\n  .bx--modal .bx--pagination,\n  .bx--modal .bx--pagination__control-buttons,\n  .bx--modal .bx--text-input,\n  .bx--modal .bx--text-area,\n  .bx--modal .bx--search-input,\n  .bx--modal .bx--select-input,\n  .bx--modal .bx--dropdown,\n  .bx--modal .bx--dropdown-list,\n  .bx--modal .bx--number input[type='number'],\n  .bx--modal .bx--date-picker__input,\n  .bx--modal .bx--multi-select,\n  .bx--modal .bx--number__control-btn::before,\n  .bx--modal .bx--number__control-btn::after {\n    background-color: var(--cds-field-02, #ffffff); }\n  .bx--modal .bx--number__rule-divider {\n    background-color: var(--cds-decorative-01, #e0e0e0); }\n\n.bx--modal.is-visible .bx--modal-container {\n  transform: translate3d(0, 0, 0);\n  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1); }\n\n.bx--modal-container {\n  position: fixed;\n  top: 0;\n  display: grid;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  background-color: var(--cds-ui-01, #f4f4f4);\n  grid-template-columns: 100%;\n  grid-template-rows: auto 1fr auto;\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  @media (min-width: 42rem) {\n    .bx--modal-container {\n      position: static;\n      width: 84%;\n      height: auto;\n      max-height: 90%; } }\n  @media (min-width: 66rem) {\n    .bx--modal-container {\n      width: 60%;\n      max-height: 84%; } }\n  @media (min-width: 82rem) {\n    .bx--modal-container {\n      width: 48%; } }\n  .bx--modal-container .bx--modal-container-body {\n    display: contents; }\n\n.bx--modal-content {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  position: relative;\n  padding-top: var(--cds-spacing-03, 0.5rem);\n  padding-right: var(--cds-spacing-05, 1rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  margin-bottom: var(--cds-spacing-09, 3rem);\n  color: var(--cds-text-01, #161616);\n  font-weight: 400;\n  grid-column: 1/-1;\n  grid-row: 2/-2;\n  overflow-y: auto; }\n  .bx--modal-content:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--modal-content:focus {\n        outline-style: dotted; } }\n\n.bx--modal-content > p,\n.bx--modal-content__regular-content {\n  padding-right: 20%;\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px); }\n\n.bx--modal-content--with-form {\n  padding-right: var(--cds-spacing-05, 1rem); }\n\n.bx--modal-header {\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-09, 3rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  margin-bottom: var(--cds-spacing-03, 0.5rem);\n  grid-column: 1/-1;\n  grid-row: 1/1; }\n\n.bx--modal-header__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  margin-bottom: var(--cds-spacing-02, 0.25rem);\n  color: var(--cds-text-02, #525252); }\n\n.bx--modal-header__heading {\n  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-productive-heading-03-font-weight, 400);\n  line-height: var(--cds-productive-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);\n  color: var(--cds-text-01, #161616); }\n\n.bx--modal-container--xs .bx--modal-content__regular-content {\n  padding-right: var(--cds-spacing-05, 1rem); }\n\n.bx--modal-container--xs .bx--modal-content > p {\n  padding-right: 0; }\n\n@media (min-width: 42rem) {\n  .bx--modal-container--xs {\n    width: 48%; } }\n\n@media (min-width: 66rem) {\n  .bx--modal-container--xs {\n    width: 32%;\n    max-height: 48%; } }\n\n@media (min-width: 82rem) {\n  .bx--modal-container--xs {\n    width: 24%; } }\n\n.bx--modal-container--sm .bx--modal-content__regular-content {\n  padding-right: var(--cds-spacing-05, 1rem); }\n\n.bx--modal-container--sm .bx--modal-content > p {\n  padding-right: 0; }\n\n@media (min-width: 42rem) {\n  .bx--modal-container--sm {\n    width: 60%; } }\n\n@media (min-width: 66rem) {\n  .bx--modal-container--sm {\n    width: 42%;\n    max-height: 72%; }\n    .bx--modal-container--sm .bx--modal-content > p,\n    .bx--modal-container--sm .bx--modal-content__regular-content {\n      padding-right: 20%; } }\n\n@media (min-width: 82rem) {\n  .bx--modal-container--sm {\n    width: 36%; } }\n\n@media (min-width: 42rem) {\n  .bx--modal-container--lg {\n    width: 96%; } }\n\n@media (min-width: 66rem) {\n  .bx--modal-container--lg {\n    width: 84%;\n    max-height: 96%; } }\n\n@media (min-width: 82rem) {\n  .bx--modal-container--lg {\n    width: 72%; } }\n\n.bx--modal-scroll-content > *:last-child {\n  padding-bottom: var(--cds-spacing-07, 2rem); }\n\n.bx--modal-content--overflow-indicator {\n  position: absolute;\n  bottom: var(--cds-spacing-09, 3rem);\n  left: 0;\n  width: 100%;\n  height: 2rem;\n  background-image: linear-gradient(to bottom, rgba(var(--cds-ui-01, #f4f4f4), 0), var(--cds-ui-01, #f4f4f4));\n  content: '';\n  grid-column: 1/-1;\n  grid-row: 2/-2;\n  pointer-events: none; }\n\n@media not all and (min-resolution: 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    .bx--modal-content--overflow-indicator {\n      background-image: linear-gradient(to bottom, rgba(var(--cds-layer, #f4f4f4), 0), var(--cds-layer, #f4f4f4)); } } }\n\n.bx--modal-content:focus ~ .bx--modal-content--overflow-indicator {\n  width: calc(100% - 4px);\n  margin: 0 2px 2px; }\n\n@media screen and (-ms-high-contrast: active) {\n  .bx--modal-scroll-content > *:last-child {\n    padding-bottom: 0; }\n  .bx--modal-content--overflow-indicator {\n    display: none; } }\n\n.bx--modal-footer {\n  display: flex;\n  height: 4rem;\n  justify-content: flex-end;\n  margin-top: auto;\n  grid-column: 1/-1;\n  grid-row: -1/-1; }\n\n.bx--modal-footer .bx--btn {\n  max-width: none;\n  height: 4rem;\n  flex: 0 1 50%;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-bottom: var(--cds-spacing-07, 2rem);\n  margin: 0; }\n\n.bx--modal-footer--three-button .bx--btn {\n  flex: 0 1 25%;\n  align-items: flex-start; }\n\n.bx--modal-close {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 0;\n  overflow: hidden;\n  width: 3rem;\n  height: 3rem;\n  padding: 0.75rem;\n  border: 2px solid transparent;\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--modal-close:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--modal-close:focus {\n    border-color: var(--cds-focus, #0f62fe);\n    outline: none; }\n\n.bx--modal-close::-moz-focus-inner {\n  border: 0; }\n\n.bx--modal-close__icon {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--body--with-modal-open {\n  overflow: hidden; }\n\n.bx--body--with-modal-open .bx--tooltip, .bx--body--with-modal-open :host(bx-tooltip-body),\n.bx--body--with-modal-open .bx--overflow-menu-options {\n  z-index: 9000; }\n\n/* stylelint-disable */\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--modal-close__icon {\n    fill: ButtonText; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--modal-close:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n/* stylelint-enable */\n:host(dds-expressive-modal),\n.bx--modal--expressive {\n  color: var(--cds-text-01, #161616); }\n  :host(dds-expressive-modal) .bx--modal-container,\n  .bx--modal--expressive .bx--modal-container {\n    padding: 1rem;\n    min-height: 5.25rem; }\n    @media (min-width: 42rem) {\n      :host(dds-expressive-modal) .bx--modal-container,\n      .bx--modal--expressive .bx--modal-container {\n        padding: 2rem; } }\n  :host(dds-expressive-modal) .bx--modal-content,\n  .bx--modal--expressive .bx--modal-content {\n    display: flex;\n    padding-left: 0;\n    padding-right: 1.875rem;\n    margin-bottom: 0;\n    padding-top: 0; }\n\n:host(dds-expressive-modal-footer) .bx--modal-footer {\n  justify-content: flex-start;\n  height: 3rem; }\n\n:host(dds-expressive-modal-close-button) .bx--modal-close {\n  position: fixed; }\n\n:host(dds-expressive-modal-heading),\n.bx--modal--expressive .bx--modal-content h1 {\n  font-size: var(--cds-expressive-heading-04-font-size, 1.75rem);\n  font-weight: var(--cds-expressive-heading-04-font-weight, 400);\n  line-height: var(--cds-expressive-heading-04-line-height, 1.28572);\n  letter-spacing: var(--cds-expressive-heading-04-letter-spacing, 0); }\n\n@media (min-width: 42rem) {\n  :host(dds-expressive-modal)[expressive-size='full-width'] .bx--modal-container,\n  .bx--modal--expressive--fullwidth .bx--modal-container {\n    width: calc(100% - 2rem);\n    max-width: 96rem;\n    height: calc(100% - 2rem);\n    max-height: none; } }\n\n:host(dds-expressive-modal[size='full-width']) ::slotted(dds-expressive-modal-body),\n:host(dds-expressive-modal[size='full-width']) ::slotted(dds-lightbox-media-viewer-body),\n.bx--modal--expressive--fullwidth .bx--modal-content {\n  padding-right: 0;\n  height: auto;\n  min-height: 31.25rem; }\n\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-video-player),\n.bx--video-player {\n  color: var(--dds--video-caption--color, var(--cds-text-02, #525252)); }\n  :host(dds-video-player) .bx--image__img,\n  .bx--video-player .bx--image__img {\n    width: 100%;\n    height: 100%; }\n  :host(dds-video-player):focus,\n  .bx--video-player:focus {\n    outline: none; }\n    :host(dds-video-player):focus .bx--video-player__video-container::before,\n    .bx--video-player:focus .bx--video-player__video-container::before {\n      content: ' ';\n      position: absolute;\n      top: 0.125rem;\n      left: 0.125rem;\n      right: 0.125rem;\n      bottom: 0.125rem;\n      z-index: 1;\n      border: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n      outline: 2px solid var(--cds-focus, #0f62fe); }\n\n:host(dds-video-player[background-mode='true']) .bx--video-player__video-container,\n.bx--video-player[background-mode='true'] .bx--video-player__video-container {\n  height: 100%;\n  padding: 0; }\n\n.bx--video-player .bx--video-player__image-overlay:focus::before {\n  content: ' ';\n  position: absolute;\n  top: 0.125rem;\n  left: 0.125rem;\n  right: 0.125rem;\n  bottom: 0.125rem;\n  z-index: 1;\n  border: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n  outline: 2px solid var(--cds-focus, #0f62fe); }\n\n:host(dds-video-player) dds-image,\n.bx--video-player .bx--image {\n  position: relative;\n  width: 100%;\n  height: 100%; }\n  :host(dds-video-player) dds-image::before,\n  .bx--video-player .bx--image::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    z-index: 1;\n    background-color: var(--cds-ui-05, #161616);\n    transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  :host(dds-video-player) dds-image:hover::before,\n  .bx--video-player .bx--image:hover::before {\n    opacity: 0.08; }\n\n.bx--video-player__video-container {\n  width: 100%;\n  position: relative;\n  display: inline-block;\n  position: relative;\n  padding-top: 56.25%;\n  height: 0;\n  overflow: hidden; }\n  .bx--video-player__video-container:focus {\n    outline: none; }\n  .bx--video-player__video-container ::slotted(.bx--video-player__video),\n  .bx--video-player__video-container .bx--video-player__video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--16x9 {\n    position: relative;\n    padding-top: 56.25%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--9x16 {\n    position: relative;\n    padding-top: 177.77778%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--2x1 {\n    position: relative;\n    padding-top: 50%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--1x2 {\n    position: relative;\n    padding-top: 200%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--4x3 {\n    position: relative;\n    padding-top: 75%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--3x4 {\n    position: relative;\n    padding-top: 133.33333%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--1x1 {\n    position: relative;\n    padding-top: 100%;\n    height: 0;\n    overflow: hidden; }\n\n.bx--video-player__video-caption {\n  font-size: var(--cds-caption-02-font-size, 0.875rem);\n  font-weight: var(--cds-caption-02-font-weight, 400);\n  line-height: var(--cds-caption-02-line-height, 1.28572);\n  letter-spacing: var(--cds-caption-02-letter-spacing, 0.32px);\n  padding-top: var(--dds--video-caption--padding, var(--cds-spacing-03, 0.5rem));\n  max-width: 90%; }\n\n.bx--video-player__image-overlay {\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%; }\n  .bx--video-player__image-overlay:focus {\n    outline: 3px solid var(--cds-focus, #0f62fe);\n    outline-offset: 1px; }\n  .bx--video-player__image-overlay:hover svg circle, .bx--video-player__image-overlay:active svg circle {\n    opacity: 0.9;\n    fill: #161616; }\n  .bx--video-player__image-overlay:hover svg path, .bx--video-player__image-overlay:active svg path {\n    fill: var(--cds-icon-03, #ffffff); }\n  .bx--video-player__image-overlay svg circle,\n  .bx--video-player__image-overlay svg path {\n    transition: fill 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--video-player__image-overlay svg circle {\n    opacity: 0.8; }\n\n:host(dds-video-player) .bx--video-player__image-overlay:active dds-image::before,\n:host(dds-video-player) .bx--video-player__image-overlay:active .bx--image::before,\n.bx--video-player .bx--video-player__image-overlay:active dds-image::before,\n.bx--video-player .bx--video-player__image-overlay:active .bx--image::before {\n  opacity: 0.12; }\n\n.bx--modal--expressive--fullwidth .bx--modal-container .bx--modal-content {\n  min-height: 100%; }\n\n.bx--lightbox-media-viewer {\n  color: var(--cds-text-01, #161616); }\n  @media (max-width: 41.98rem) {\n    .bx--lightbox-media-viewer .bx--modal-container {\n      padding: 0 var(--cds-spacing-05, 1rem); } }\n  .bx--lightbox-media-viewer .bx--modal-container .bx--modal-content {\n    padding-right: 0; }\n  .bx--lightbox-media-viewer .bx--video-player {\n    width: 100%; }\n    .bx--lightbox-media-viewer .bx--video-player .bx--video-player__video-container {\n      /* stylelint-disable-next-line function-name-case */\n      padding-top: Min(calc(100vh - var(--cds-spacing-13, 10rem)), 56.25%); }\n  @media (min-width: 42rem) {\n    .bx--lightbox-media-viewer .bx--model-container {\n      padding-top: 4rem;\n      padding-bottom: 0; } }\n  @media (min-width: 66rem) {\n    .bx--lightbox-media-viewer .bx--model-container {\n      padding-top: 3rem;\n      padding-bottom: 1rem; } }\n\n:host(dds-lightbox-media-viewer-body),\n.bx--lightbox-media-viewer__container {\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto; }\n  :host(dds-lightbox-media-viewer-body)::before, :host(dds-lightbox-media-viewer-body)::after,\n  .bx--lightbox-media-viewer__container::before,\n  .bx--lightbox-media-viewer__container::after {\n    padding-top: 0;\n    content: '';\n    display: block;\n    position: sticky;\n    height: var(--cds-spacing-07, 2rem);\n    width: 100%;\n    z-index: 1;\n    flex: 0 0 auto; }\n  :host(dds-lightbox-media-viewer-body)::before,\n  .bx--lightbox-media-viewer__container::before {\n    top: 0;\n    background: linear-gradient(to bottom, var(--cds-ui-01, #f4f4f4), transparent); }\n  :host(dds-lightbox-media-viewer-body)::after,\n  .bx--lightbox-media-viewer__container::after {\n    bottom: 0;\n    background: linear-gradient(to top, var(--cds-ui-01, #f4f4f4), transparent); }\n  @media (min-width: 42rem) {\n    :host(dds-lightbox-media-viewer-body),\n    .bx--lightbox-media-viewer__container {\n      padding-left: var(--cds-spacing-05, 1rem);\n      padding-right: var(--cds-spacing-05, 1rem); } }\n  @media (min-width: 66rem) {\n    :host(dds-lightbox-media-viewer-body),\n    .bx--lightbox-media-viewer__container {\n      display: flex;\n      flex-direction: column;\n      padding: 0; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__row,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__row {\n    display: flex;\n    flex-wrap: wrap;\n    margin-right: 0;\n    margin-left: 0;\n    flex-flow: column nowrap;\n    width: 100%;\n    padding-top: calc(var(--cds-spacing-09, 3rem) - var(--cds-spacing-07, 2rem)); }\n    @media (min-width: 66rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__row,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__row {\n        padding-top: 0;\n        flex-direction: row; } }\n  @media (max-width: 65.98rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n      position: relative; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media img,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media img {\n    width: auto;\n    max-width: 100%;\n    height: auto;\n    max-height: 100%; }\n  @media (max-width: 65.98rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n      display: flex;\n      align-items: center; } }\n  @media (min-width: 66rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n      width: 100%;\n      padding-right: 1rem;\n      padding-left: 1rem;\n      display: block;\n      max-width: 75%;\n      flex: 0 0 75%;\n      width: 100%;\n      flex: none;\n      /* stylelint-disable-next-line property-no-unknown */\n      aspect-ratio: 16 / 9; }\n      .bx--row--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n      .bx--grid--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media, .bx--row--condensed\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media,\n      .bx--grid--condensed\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n        padding-right: 0.03125rem;\n        padding-left: 0.03125rem; }\n      .bx--row--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n      .bx--grid--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media, .bx--row--narrow\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media,\n      .bx--grid--narrow\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n        padding-right: 1rem;\n        padding-left: 0; }\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media .bx--image,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media .bx--image {\n        height: 100%; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n    display: flex;\n    flex-direction: column;\n    position: relative; }\n    @media (min-width: 66rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n        width: 100%;\n        padding-right: 1rem;\n        padding-left: 1rem;\n        display: block;\n        max-width: 25%;\n        flex: 0 0 25%;\n        margin-left: auto; }\n        .bx--row--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n        .bx--grid--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description, .bx--row--condensed\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description,\n        .bx--grid--condensed\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n          padding-right: 0.03125rem;\n          padding-left: 0.03125rem; }\n        .bx--row--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n        .bx--grid--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description, .bx--row--narrow\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description,\n        .bx--grid--narrow\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n          padding-right: 1rem;\n          padding-left: 0; } }\n    @media (max-width: 65.98rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n        flex-grow: 1; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content {\n    padding-right: 2rem;\n    font-size: var(--cds-body-long-02-font-size, 1rem);\n    font-weight: var(--cds-body-long-02-font-weight, 400);\n    line-height: var(--cds-body-long-02-line-height, 1.5);\n    letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n    @media (min-width: 66rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content {\n        overflow: auto; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content__title,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content__title {\n    padding-bottom: 2rem;\n    font-size: var(--cds-expressive-heading-03-font-size, 1.25rem);\n    font-weight: var(--cds-expressive-heading-03-font-weight, 400);\n    line-height: var(--cds-expressive-heading-03-line-height, 1.4);\n    letter-spacing: var(--cds-expressive-heading-03-letter-spacing, 0); }\n    @media (max-width: 65.98rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content__title,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content__title {\n        padding-top: var(--cds-spacing-05, 1rem); } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content__desc,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content__desc {\n    color: var(--cds-text-02, #525252);\n    padding-bottom: var(--cds-spacing-07, 2rem);\n    font-size: var(--cds-body-long-02-font-size, 1rem);\n    font-weight: var(--cds-body-long-02-font-weight, 400);\n    line-height: var(--cds-body-long-02-line-height, 1.5);\n    letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n  @media (min-width: 66rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__title,\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__desc,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__title,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__desc {\n      display: flex;\n      max-width: 95%;\n      height: 100%; } }\n\n::slotted(dds-video-player-container) {\n  width: 100%; }\n\n.bx--btn {\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  position: relative;\n  display: inline-flex;\n  max-width: 20rem;\n  min-height: 3rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;\n  margin: 0;\n  border-radius: 0;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\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  .bx--btn:disabled, .bx--btn:hover:disabled, .bx--btn:focus:disabled, .bx--btn.bx--btn--disabled, .bx--btn.bx--btn--disabled:hover, .bx--btn.bx--btn--disabled:focus {\n    border-color: var(--cds-disabled-02, #c6c6c6);\n    background: var(--cds-disabled-02, #c6c6c6);\n    box-shadow: none;\n    color: var(--cds-disabled-03, #8d8d8d);\n    cursor: not-allowed; }\n  .bx--btn .bx--btn__icon {\n    position: absolute;\n    right: 1rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0; }\n\n.bx--btn::-moz-focus-inner {\n  padding: 0;\n  border: 0; }\n\n.bx--btn--primary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-01, #0f62fe);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--primary:hover {\n    background-color: var(--cds-hover-primary, #0353e9); }\n  .bx--btn--primary: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-ui-background, #ffffff); }\n  .bx--btn--primary:active {\n    background-color: var(--cds-active-primary, #002d9c); }\n  .bx--btn--primary .bx--btn__icon,\n  .bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--primary:hover {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-02, #393939);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--secondary:hover {\n    background-color: var(--cds-hover-secondary, #4c4c4c); }\n  .bx--btn--secondary: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-ui-background, #ffffff); }\n  .bx--btn--secondary:active {\n    background-color: var(--cds-active-secondary, #6f6f6f); }\n  .bx--btn--secondary .bx--btn__icon,\n  .bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--secondary:hover, .bx--btn--secondary:focus {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-interactive-03, #0f62fe);\n  background-color: transparent;\n  color: var(--cds-interactive-03, #0f62fe); }\n  .bx--btn--tertiary:hover {\n    background-color: var(--cds-hover-tertiary, #0353e9); }\n  .bx--btn--tertiary: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-ui-background, #ffffff); }\n  .bx--btn--tertiary:active {\n    background-color: var(--cds-active-tertiary, #002d9c); }\n  .bx--btn--tertiary .bx--btn__icon,\n  .bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--tertiary:hover {\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:focus {\n    background-color: var(--cds-interactive-03, #0f62fe);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:active {\n    border-color: transparent;\n    background-color: var(--cds-active-tertiary, #002d9c);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n\n.bx--btn--ghost {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-link-01, #0f62fe);\n  padding: calc(0.875rem - 3px) 16px; }\n  .bx--btn--ghost:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--btn--ghost: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-ui-background, #ffffff); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost .bx--btn__icon,\n  .bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--ghost .bx--btn__icon {\n    position: static;\n    margin-left: 0.5rem; }\n  .bx--btn--ghost:hover, .bx--btn--ghost:active {\n    color: var(--cds-hover-primary-text, #0043ce); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {\n    border-color: transparent;\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n  .bx--btn--ghost.bx--btn--sm {\n    padding: calc(0.375rem - 3px) 16px; }\n  .bx--btn--ghost.bx--btn--field, .bx--btn--ghost.bx--btn--md {\n    padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger, .bx--btn.bx--btn--icon-only:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::after, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger svg, .bx--btn.bx--btn--icon-only:host(bx-tooltip) svg,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) svg, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n    fill: currentColor; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip) .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n    opacity: 0; }\n\n.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) .bx--assistive-text {\n  pointer-events: all; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n  border-color: var(--cds-focus, #0f62fe); }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]), .bx--btn.bx--btn--icon-only:active:not([disabled]):host(bx-tooltip) {\n  border-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n  outline-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover, .bx--btn.bx--btn--icon-only[disabled]:hover:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus,\n.bx--btn.bx--btn--icon-only[disabled]:focus:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active,\n.bx--btn.bx--btn--icon-only[disabled]:active:host(bx-tooltip) {\n  cursor: not-allowed;\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--top, .bx--btn--icon-only--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::after, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::after, .bx--btn--icon-only--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text::after, .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--right, .bx--btn--icon-only--right:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::after, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::before, .bx--btn--icon-only--right:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::after, .bx--btn--icon-only--right:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::before, .bx--btn--icon-only--right:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::after, .bx--btn--icon-only--right:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text::after, .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--bottom, .bx--btn--icon-only--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::after, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::after, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::after, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text::after, .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--left, .bx--btn--icon-only--left:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::after, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::before, .bx--btn--icon-only--left:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::after, .bx--btn--icon-only--left:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::before, .bx--btn--icon-only--left:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::after, .bx--btn--icon-only--left:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text::after, .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n\n.bx--btn--icon-only {\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem; }\n  .bx--btn--icon-only .bx--btn__icon {\n    position: static; }\n  .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n  .bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon {\n    margin: 0; }\n\n.bx--btn--icon-only.bx--btn--selected {\n  background: var(--cds-selected-ui, #e0e0e0); }\n\n.bx--btn path[data-icon-path='inner-path'] {\n  fill: none; }\n\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,\n.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon {\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] {\n  cursor: not-allowed; }\n\n.bx--btn--field.bx--btn--icon-only,\n.bx--btn--md.bx--btn--icon-only {\n  padding-right: 0.6875rem;\n  padding-left: 0.6875rem; }\n\n.bx--btn--sm.bx--btn--icon-only {\n  padding-right: 0.4375rem;\n  padding-left: 0.4375rem; }\n\n.bx--btn--danger {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-danger-01, #da1e28);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger:hover {\n    background-color: var(--cds-hover-danger, #b81921); }\n  .bx--btn--danger: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-ui-background, #ffffff); }\n  .bx--btn--danger:active {\n    background-color: var(--cds-active-danger, #750e13); }\n  .bx--btn--danger .bx--btn__icon,\n  .bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--danger:hover {\n    color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger-tertiary, .bx--btn--danger--tertiary {\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--cds-danger-02, #da1e28);\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28); }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary: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-ui-background, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-tertiary .bx--btn__icon,\n    .bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--tertiary .bx--btn__icon,\n    .bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      border-color: var(--cds-hover-danger, #b81921);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary:focus {\n      background-color: var(--cds-danger-01, #da1e28);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      border-color: var(--cds-active-danger, #750e13);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:disabled, .bx--btn--danger-tertiary:hover:disabled, .bx--btn--danger-tertiary:focus:disabled, .bx--btn--danger-tertiary.bx--btn--disabled, .bx--btn--danger-tertiary.bx--btn--disabled:hover, .bx--btn--danger-tertiary.bx--btn--disabled:focus, .bx--btn--danger--tertiary:disabled, .bx--btn--danger--tertiary:hover:disabled, .bx--btn--danger--tertiary:focus:disabled, .bx--btn--danger--tertiary.bx--btn--disabled, .bx--btn--danger--tertiary.bx--btn--disabled:hover, .bx--btn--danger--tertiary.bx--btn--disabled:focus {\n      background: transparent;\n      color: var(--cds-disabled-03, #8d8d8d);\n      outline: none; }\n  .bx--btn--danger-ghost, .bx--btn--danger--ghost {\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28);\n    padding: calc(0.875rem - 3px) 16px; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger--ghost:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-ghost:focus, .bx--btn--danger--ghost: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-ui-background, #ffffff); }\n    .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-ghost .bx--btn__icon,\n    .bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--ghost .bx--btn__icon,\n    .bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-ghost .bx--btn__icon, .bx--btn--danger--ghost .bx--btn__icon {\n      position: static;\n      margin-left: 0.5rem; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:hover, .bx--btn--danger--ghost:active {\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-ghost:disabled, .bx--btn--danger-ghost:hover:disabled, .bx--btn--danger-ghost:focus:disabled, .bx--btn--danger-ghost.bx--btn--disabled, .bx--btn--danger-ghost.bx--btn--disabled:hover, .bx--btn--danger-ghost.bx--btn--disabled:focus, .bx--btn--danger--ghost:disabled, .bx--btn--danger--ghost:hover:disabled, .bx--btn--danger--ghost:focus:disabled, .bx--btn--danger--ghost.bx--btn--disabled, .bx--btn--danger--ghost.bx--btn--disabled:hover, .bx--btn--danger--ghost.bx--btn--disabled:focus {\n      border-color: transparent;\n      background: transparent;\n      color: var(--cds-disabled-02, #c6c6c6);\n      outline: none; }\n    .bx--btn--danger-ghost.bx--btn--sm, .bx--btn--danger--ghost.bx--btn--sm {\n      padding: calc(0.375rem - 3px) 16px; }\n    .bx--btn--danger-ghost.bx--btn--field, .bx--btn--danger-ghost.bx--btn--md, .bx--btn--danger--ghost.bx--btn--field, .bx--btn--danger--ghost.bx--btn--md {\n      padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn--sm {\n  min-height: 2rem;\n  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; }\n\n.bx--btn--xl:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 5rem; }\n\n.bx--btn--lg:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 4rem; }\n\n.bx--btn--field,\n.bx--btn--md {\n  min-height: 2.5rem;\n  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; }\n\n.bx--btn--expressive {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  min-height: 3rem; }\n\n.bx--btn--icon-only.bx--btn--expressive {\n  padding: 12px 13px; }\n\n.bx--btn.bx--btn--expressive .bx--btn__icon {\n  width: 1.25rem;\n  height: 1.25rem; }\n\n.bx--btn-set .bx--btn.bx--btn--expressive {\n  max-width: 20rem; }\n\n.bx--btn.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 9.375rem; }\n  .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--btn.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--skeleton::before {\n        animation: none; } }\n\n.bx--btn-set {\n  display: flex; }\n\n.bx--btn-set--stacked {\n  flex-direction: column; }\n\n.bx--btn-set .bx--btn {\n  width: 100%;\n  max-width: 12.25rem; }\n  .bx--btn-set .bx--btn:not(:focus) {\n    box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0); }\n  .bx--btn-set .bx--btn:first-of-type:not(:focus) {\n    box-shadow: inherit; }\n\n.bx--btn-set .bx--btn:focus + .bx--btn {\n  box-shadow: inherit; }\n\n.bx--btn-set--stacked .bx--btn:not(:focus) {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0); }\n\n.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus) {\n  box-shadow: inherit; }\n\n.bx--btn-set .bx--btn.bx--btn--disabled {\n  box-shadow: -0.0625rem 0 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n.bx--btn-set--stacked .bx--btn.bx--btn--disabled {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n    fill: ButtonText; } }\n\n.bx--buttongroup,\n:host(dds-button-group),\n:host(dds-leadspace-block-cta) {\n  --dds--button-group--item-count: 3;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-auto-rows: 1fr;\n  grid-gap: 1rem; }\n  @media (min-width: 42rem) {\n    .bx--buttongroup,\n    :host(dds-button-group),\n    :host(dds-leadspace-block-cta) {\n      display: inline-grid;\n      grid-template-columns: repeat(var(--dds--button-group--item-count), 1fr); } }\n  @media print {\n    .bx--buttongroup,\n    :host(dds-button-group),\n    :host(dds-leadspace-block-cta) {\n      display: block; } }\n\n.bx--buttongroup-item,\n:host(dds-button-group-item),\n:host(dds-button-cta),\n:host(dds-cloud-button-cta) {\n  max-width: 100%;\n  min-width: 0; }\n  @media print {\n    .bx--buttongroup-item,\n    :host(dds-button-group-item),\n    :host(dds-button-cta),\n    :host(dds-cloud-button-cta) {\n      max-width: 100%;\n      margin-bottom: var(--cds-spacing-05, 1rem);\n      display: block; } }\n  .bx--buttongroup-item .bx--btn,\n  :host(dds-button-group-item) .bx--btn,\n  :host(dds-button-cta) .bx--btn,\n  :host(dds-cloud-button-cta) .bx--btn {\n    font-size: 1rem;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    word-break: break-word;\n    transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9), width 0s, height 0s;\n    max-width: 100%; }\n    @media print {\n      .bx--buttongroup-item .bx--btn,\n      :host(dds-button-group-item) .bx--btn,\n      :host(dds-button-cta) .bx--btn,\n      :host(dds-cloud-button-cta) .bx--btn {\n        background: #ffffff;\n        border: 0.0625rem solid #161616;\n        color: #161616;\n        font-weight: 600;\n        display: block;\n        max-width: inherit; } }\n    .bx--buttongroup-item .bx--btn .bx--btn__icon,\n    :host(dds-button-group-item) .bx--btn .bx--btn__icon,\n    :host(dds-button-cta) .bx--btn .bx--btn__icon,\n    :host(dds-cloud-button-cta) .bx--btn .bx--btn__icon {\n      width: auto;\n      height: auto; }\n    .bx--buttongroup-item .bx--btn .bx--btn--hidden,\n    :host(dds-button-group-item) .bx--btn .bx--btn--hidden,\n    :host(dds-button-cta) .bx--btn .bx--btn--hidden,\n    :host(dds-cloud-button-cta) .bx--btn .bx--btn--hidden {\n      display: none;\n      visibility: hidden; }\n      @media print {\n        .bx--buttongroup-item .bx--btn .bx--btn--hidden,\n        :host(dds-button-group-item) .bx--btn .bx--btn--hidden,\n        :host(dds-button-cta) .bx--btn .bx--btn--hidden,\n        :host(dds-cloud-button-cta) .bx--btn .bx--btn--hidden {\n          display: inline-block;\n          visibility: visible;\n          font-weight: 200;\n          color: #161616; }\n          .bx--buttongroup-item .bx--btn .bx--btn--hidden span,\n          :host(dds-button-group-item) .bx--btn .bx--btn--hidden span,\n          :host(dds-button-cta) .bx--btn .bx--btn--hidden span,\n          :host(dds-cloud-button-cta) .bx--btn .bx--btn--hidden span {\n            font-weight: 600;\n            margin-left: calc(-1 * var(--cds-spacing-02, 0.25rem));\n            margin-right: var(--cds-spacing-02, 0.25rem); } }\n  .bx--buttongroup-item .bx--btn--multiline,\n  :host(dds-button-group-item) .bx--btn--multiline,\n  :host(dds-button-cta) .bx--btn--multiline,\n  :host(dds-cloud-button-cta) .bx--btn--multiline {\n    align-items: start; }\n\n:host(dds-button-group-item) ::slotted([slot='icon']) {\n  position: absolute;\n  right: 1rem;\n  top: 50%;\n  transform: translateY(-50%);\n  flex-shrink: 0; }\n  @media print {\n    :host(dds-button-group-item) ::slotted([slot='icon']) {\n      fill: #161616; } }\n\n.bx--buttongroup-item--pseudo {\n  position: absolute;\n  clip: rect(0, 0, 0, 0); }\n  .bx--buttongroup-item--pseudo .bx--btn {\n    width: auto; }\n\n:host(dds-button-group-item),\n:host(dds-button-cta),\n:host(dds-cloud-button-cta) {\n  outline: none; }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--link {\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: inline-flex;\n  color: var(--cds-link-01, #0f62fe);\n  outline: none;\n  text-decoration: none;\n  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--link:hover {\n    color: var(--cds-hover-primary-text, #0043ce);\n    text-decoration: underline; }\n  .bx--link:active, .bx--link:active:visited, .bx--link:active:visited:hover {\n    color: var(--cds-text-01, #161616);\n    text-decoration: underline; }\n  .bx--link:focus {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--link:focus {\n        outline-style: dotted; } }\n  .bx--link:visited {\n    color: var(--cds-link-01, #0f62fe); }\n  .bx--link:visited:hover {\n    color: var(--cds-hover-primary-text, #0043ce); }\n\n.bx--link--disabled,\n.bx--link--disabled:hover {\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  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed;\n  font-weight: 400;\n  text-decoration: none; }\n\n.bx--link.bx--link--visited:visited {\n  color: var(--cds-visited-link, #8a3ffc); }\n\n.bx--link.bx--link--visited:visited:hover {\n  color: var(--cds-hover-primary-text, #0043ce); }\n\n.bx--link.bx--link--inline {\n  text-decoration: underline; }\n  .bx--link.bx--link--inline:focus, .bx--link.bx--link--inline:visited {\n    text-decoration: none; }\n\n.bx--link--disabled.bx--link--inline {\n  text-decoration: underline; }\n\n.bx--link--sm {\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.bx--link--lg {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n\n.bx--link__icon {\n  display: inline-flex;\n  align-self: center;\n  margin-left: var(--cds-spacing-03, 0.5rem); }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--link-with-icon, :host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon),\n:host(dds-link-list-item),\n:host(dds-link-list-item-cta),\n:host(dds-text-cta) {\n  display: flex; }\n  .bx--link-with-icon span, :host(dds-megamenu-link-with-icon) span,\n  :host(dds-link-with-icon) span,\n  :host(dds-link-list-item) span,\n  :host(dds-link-list-item-cta) span,\n  :host(dds-text-cta) span {\n    vertical-align: middle;\n    align-self: center;\n    flex: 1; }\n  .bx--link-with-icon svg, :host(dds-megamenu-link-with-icon) svg,\n  .bx--link-with-icon ::slotted(svg[slot='icon']),\n  :host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-with-icon) svg,\n  :host(dds-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item) svg,\n  :host(dds-link-list-item) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item-cta) svg,\n  :host(dds-link-list-item-cta) ::slotted(svg[slot='icon']),\n  :host(dds-text-cta) svg,\n  :host(dds-text-cta) ::slotted(svg[slot='icon']) {\n    display: block;\n    margin-left: 0.5rem;\n    align-self: center;\n    fill: currentColor; }\n  .bx--link-with-icon.bx--link--visited, .bx--link--visited:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon).bx--link--visited,\n  :host(dds-link-list-item).bx--link--visited,\n  :host(dds-link-list-item-cta).bx--link--visited,\n  :host(dds-text-cta).bx--link--visited {\n    color: var(--cds-visited-link, #8a3ffc); }\n  .bx--link-with-icon.bx--link--disabled:hover, .bx--link--disabled:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon).bx--link--disabled:hover,\n  :host(dds-link-list-item).bx--link--disabled:hover,\n  :host(dds-link-list-item-cta).bx--link--disabled:hover,\n  :host(dds-text-cta).bx--link--disabled:hover {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n  .bx--link-with-icon.bx--link-with-icon__icon-left, .bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  .bx--link-with-icon .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-megamenu-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  .bx--link-with-icon .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-megamenu-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon).bx--link-with-icon__icon-left,\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item).bx--link-with-icon__icon-left,\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item-cta).bx--link-with-icon__icon-left,\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-text-cta).bx--link-with-icon__icon-left,\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: row-reverse; }\n    .bx--link-with-icon.bx--link-with-icon__icon-left svg, .bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    .bx--link-with-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    .bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    .bx--link-with-icon .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    .bx--link-with-icon .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    .bx--link-with-icon .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    .bx--link-with-icon .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-link-with-icon).bx--link-with-icon__icon-left svg,\n    :host(dds-link-with-icon).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item).bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item-cta).bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item-cta).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-text-cta).bx--link-with-icon__icon-left svg,\n    :host(dds-text-cta).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-text-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-text-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n      align-self: start;\n      position: relative;\n      margin-left: 0;\n      margin-right: 0.5rem;\n      top: 1px; }\n\n.bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon, .bx--link-with-icon__container .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-link-list-item) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-text-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) {\n  display: inline-block; }\n  .bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon:hover, .bx--link-with-icon__container .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon) {\n    text-underline-position: under; }\n  .bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon svg, .bx--link-with-icon__container .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  .bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  .bx--link-with-icon__container .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n    display: inline;\n    vertical-align: middle;\n    white-space: nowrap; }\n\n:host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon.bx--link-with-icon--inline-icon span, :host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) span {\n  display: none; }\n  @media (min-width: 66rem) {\n    :host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon.bx--link-with-icon--inline-icon span, :host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) span {\n      display: inline; } }\n\n.bx--link-with-icon:not(:first-of-type), :not(:first-of-type):host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon):not(:first-of-type),\n:host(dds-text-cta):not(:first-of-type) {\n  margin-left: 2rem; }\n\n.bx--link-with-icon .bx--link-with-icon__icon-left::slotted(svg[slot='icon']), :host(dds-megamenu-link-with-icon) .bx--link-with-icon__icon-left::slotted(svg[slot='icon']),\n:host(dds-link-with-icon) .bx--link-with-icon__icon-left::slotted(svg[slot='icon']),\n:host(dds-text-cta) .bx--link-with-icon__icon-left::slotted(svg[slot='icon']) {\n  margin-right: 0.5rem;\n  margin-left: 0; }\n\n.bx--link-with-icon .bx--link-with-icon__icon-right::slotted(svg[slot='icon']), :host(dds-megamenu-link-with-icon) .bx--link-with-icon__icon-right::slotted(svg[slot='icon']),\n:host(dds-link-with-icon) .bx--link-with-icon__icon-right::slotted(svg[slot='icon']),\n:host(dds-text-cta) .bx--link-with-icon__icon-right::slotted(svg[slot='icon']) {\n  margin-left: 0.5rem;\n  margin-right: 0; }\n\n.bx--link-with-icon:focus, :focus:host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon):focus,\n:host(dds-text-cta):focus {\n  outline: 2px solid var(--cds-focus, #0f62fe); }\n\n.bx--link-with-icon:active, :active:host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon):active,\n:host(dds-text-cta):active {\n  text-decoration: none; }\n\n:host(dds-link-with-icon):focus,\n:host(dds-text-cta):focus {\n  outline: none; }\n\n:host(dds-link-with-icon),\n.bx--link-with-icon__container {\n  display: table; }\n\n:host(dds-link-with-icon) .bx--link--disabled,\n:host(dds-link-list-item) .bx--link--disabled,\n:host(dds-text-cta) .bx--link--disabled,\n:host(dds-link-list-item-cta) .bx--link--disabled {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-link-list-item) .bx--link {\n  align-content: flex-start; }\n  :host(dds-link-list-item) .bx--link span,\n  :host(dds-link-list-item) .bx--link ::slotted(svg[slot='icon']) {\n    align-self: flex-start; }\n\n:host(dds-link-list-item)[type='end'] .bx--link-with-icon__icon-left ::slotted(svg[slot='icon']) {\n  margin-right: 2rem; }\n\n:host(dds-link-list-item)[type='end'] .bx--link-with-icon__icon-right ::slotted(svg[slot='icon']) {\n  margin-left: 2rem; }\n\n/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--tile {\n  display: block;\n  min-width: 8rem;\n  min-height: 4rem;\n  padding: var(--cds-spacing-05, 1rem);\n  background-color: var(--cds-ui-01, #f4f4f4);\n  outline: 2px solid transparent;\n  outline-offset: -2px; }\n  .bx--tile:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--tile:focus {\n        outline-style: dotted; } }\n\n.bx--tile--light {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n.bx--tile--clickable,\n.bx--tile--selectable,\n.bx--tile--expandable {\n  cursor: pointer;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tile--clickable:hover,\n  .bx--tile--selectable:hover,\n  .bx--tile--expandable:hover {\n    background: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--tile--expandable .bx--link {\n  color: var(--cds-link-secondary, #0043ce); }\n\n.bx--tile--clickable:focus,\n.bx--tile--expandable:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--tile--clickable:focus,\n    .bx--tile--expandable:focus {\n      outline-style: dotted; } }\n\n.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,\n.bx--tile--expandable:hover .bx--tile__checkmark,\n.bx--tile--expandable:focus .bx--tile__checkmark {\n  opacity: 1; }\n\n.bx--tile--expandable::-moz-focus-inner {\n  border: 0; }\n\n.bx--tile--clickable {\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  color: var(--cds-text-01, #161616);\n  text-decoration: none; }\n\n.bx--tile--clickable:hover,\n.bx--tile--clickable:active,\n.bx--tile--clickable:visited,\n.bx--tile--clickable:visited:hover {\n  color: var(--cds-text-01, #161616);\n  text-decoration: none; }\n\n.bx--tile--clickable.bx--link--disabled {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tile--clickable:hover.bx--link--disabled {\n  display: block;\n  background-color: var(--cds-disabled-01, #f4f4f4);\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tile--selectable {\n  position: relative;\n  padding-right: 3rem;\n  border: 1px solid transparent; }\n\n.bx--tile__checkmark,\n.bx--tile__chevron {\n  position: absolute;\n  border: none;\n  background: transparent;\n  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile__checkmark {\n  top: 1rem;\n  right: 1rem;\n  height: 1rem;\n  opacity: 0; }\n  .bx--tile__checkmark svg {\n    border-radius: 50%;\n    fill: var(--cds-icon-02, #525252); }\n  .bx--tile__checkmark:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--tile__checkmark:focus {\n        outline-style: dotted; } }\n\n.bx--tile__checkmark--persistent {\n  opacity: 1; }\n\n.bx--tile__chevron {\n  position: absolute;\n  right: 1rem;\n  bottom: 1rem;\n  display: flex;\n  height: 1rem;\n  align-items: flex-end; }\n  .bx--tile__chevron svg {\n    margin-left: 0.5rem;\n    fill: var(--cds-ui-05, #161616);\n    transform-origin: center;\n    transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tile__chevron svg {\n        transition: none; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tile__chevron svg {\n        fill: ButtonText; } }\n  .bx--tile__chevron:hover {\n    cursor: pointer; }\n  .bx--tile__chevron:focus {\n    outline: none; }\n\n.bx--tile--expandable {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  border: 0;\n  color: inherit;\n  font-size: inherit;\n  text-align: left;\n  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile-content__above-the-fold {\n  display: block; }\n\n.bx--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.bx--tile--is-expanded {\n  overflow: visible;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tile--is-expanded .bx--tile__chevron svg {\n    transform: rotate(180deg); }\n  .bx--tile--is-expanded .bx--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    @media not all and (min-resolution: 0.001dpcm) {\n      @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n        .bx--tile--is-expanded .bx--tile-content__below-the-fold {\n          overflow-y: auto; } } }\n\n.bx--tile--is-selected {\n  border: 1px solid var(--cds-ui-05, #161616); }\n\n.bx--tile--is-selected .bx--tile__checkmark {\n  opacity: 1; }\n\n.bx--tile--is-selected .bx--tile__checkmark svg {\n  fill: var(--cds-ui-05, #161616); }\n  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n    .bx--tile--is-selected .bx--tile__checkmark svg {\n      fill: ButtonText; } }\n\n.bx--tile-content {\n  width: 100%;\n  height: 100%; }\n\n.bx--tile-input {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap; }\n\n.bx--tile-input:focus + .bx--tile {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--tile-input:focus + .bx--tile {\n      outline-style: dotted; } }\n\n.bx--tile--disabled.bx--tile--selectable {\n  background-color: var(--cds-ui-01, #f4f4f4);\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed; }\n\n.bx--tile--disabled.bx--tile--selectable.bx--tile--light {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n.bx--tile--disabled.bx--tile--is-selected {\n  outline-color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--card,\n:host(dds-card),\n:host(dds-link-list-item-card),\n:host(dds-card-group-item),\n:host(dds-card-group-item) .bx--card,\n:host(dds-card-cta),\n:host(dds-link-list-item-card-cta),\n:host(dds-card-in-card),\n:host(dds-content-group-cards-item),\n:host(dds-content-group-cards-item) .bx--card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background-color: var(--cds-ui-01, #f4f4f4);\n  text-decoration: none;\n  padding: 0;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  /* stylelint-disable-next-line selector-type-no-unknown */ }\n  .bx--card:hover,\n  :host(dds-card):hover,\n  :host(dds-link-list-item-card):hover,\n  :host(dds-card-group-item):hover,\n  :host(dds-card-group-item) .bx--card:hover,\n  :host(dds-card-cta):hover,\n  :host(dds-link-list-item-card-cta):hover,\n  :host(dds-card-in-card):hover,\n  :host(dds-content-group-cards-item):hover,\n  :host(dds-content-group-cards-item) .bx--card:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    text-decoration: none; }\n    .bx--card:hover .bx--card__wrapper,\n    :host(dds-card):hover .bx--card__wrapper,\n    :host(dds-link-list-item-card):hover .bx--card__wrapper,\n    :host(dds-card-group-item):hover .bx--card__wrapper,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__wrapper,\n    :host(dds-card-cta):hover .bx--card__wrapper,\n    :host(dds-link-list-item-card-cta):hover .bx--card__wrapper,\n    :host(dds-card-in-card):hover .bx--card__wrapper,\n    :host(dds-content-group-cards-item):hover .bx--card__wrapper,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__wrapper {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-link-list-item-card):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-group-item):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-group-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-link-list-item-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-in-card):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-content-group-cards-item):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-content-group-cards-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable {\n      background-color: var(--cds-ui-01, #f4f4f4); }\n      .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-link-list-item-card):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-group-item):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-group-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-link-list-item-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-in-card):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-content-group-cards-item):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-content-group-cards-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable > * {\n        background-color: var(--cds-ui-01, #f4f4f4); }\n    .bx--card:hover ::slotted(dds-image)::before,\n    .bx--card:hover ::slotted(dds-card-cta-image)::before,\n    .bx--card:hover .bx--card__img::before,\n    .bx--card:hover .bx--card__image_img::before,\n    .bx--card:hover .bx--image::before,\n    .bx--card:hover .bx--card__video-thumbnail::before,\n    :host(dds-card):hover ::slotted(dds-image)::before,\n    :host(dds-card):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card):hover .bx--card__img::before,\n    :host(dds-card):hover .bx--card__image_img::before,\n    :host(dds-card):hover .bx--image::before,\n    :host(dds-card):hover .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card):hover ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card):hover .bx--card__img::before,\n    :host(dds-link-list-item-card):hover .bx--card__image_img::before,\n    :host(dds-link-list-item-card):hover .bx--image::before,\n    :host(dds-link-list-item-card):hover .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item):hover ::slotted(dds-image)::before,\n    :host(dds-card-group-item):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item):hover .bx--card__img::before,\n    :host(dds-card-group-item):hover .bx--card__image_img::before,\n    :host(dds-card-group-item):hover .bx--image::before,\n    :host(dds-card-group-item):hover .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item) .bx--card:hover ::slotted(dds-image)::before,\n    :host(dds-card-group-item) .bx--card:hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__img::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__image_img::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--image::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__video-thumbnail::before,\n    :host(dds-card-cta):hover ::slotted(dds-image)::before,\n    :host(dds-card-cta):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-cta):hover .bx--card__img::before,\n    :host(dds-card-cta):hover .bx--card__image_img::before,\n    :host(dds-card-cta):hover .bx--image::before,\n    :host(dds-card-cta):hover .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card-cta):hover ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card-cta):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card-cta):hover .bx--card__img::before,\n    :host(dds-link-list-item-card-cta):hover .bx--card__image_img::before,\n    :host(dds-link-list-item-card-cta):hover .bx--image::before,\n    :host(dds-link-list-item-card-cta):hover .bx--card__video-thumbnail::before,\n    :host(dds-card-in-card):hover ::slotted(dds-image)::before,\n    :host(dds-card-in-card):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-in-card):hover .bx--card__img::before,\n    :host(dds-card-in-card):hover .bx--card__image_img::before,\n    :host(dds-card-in-card):hover .bx--image::before,\n    :host(dds-card-in-card):hover .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item):hover ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item):hover .bx--card__img::before,\n    :host(dds-content-group-cards-item):hover .bx--card__image_img::before,\n    :host(dds-content-group-cards-item):hover .bx--image::before,\n    :host(dds-content-group-cards-item):hover .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item) .bx--card:hover ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item) .bx--card:hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__img::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__image_img::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--image::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__video-thumbnail::before {\n      opacity: 0.08;\n      z-index: 1; }\n    .bx--card:hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-link-list-item-card):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-group-item):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-cta):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-link-list-item-card-cta):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-in-card):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-content-group-cards-item):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__video-thumbnail svg circle {\n      opacity: 0.9;\n      fill: #161616; }\n    .bx--card:hover .bx--card__video-thumbnail svg path,\n    :host(dds-card):hover .bx--card__video-thumbnail svg path,\n    :host(dds-link-list-item-card):hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-group-item):hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-cta):hover .bx--card__video-thumbnail svg path,\n    :host(dds-link-list-item-card-cta):hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-in-card):hover .bx--card__video-thumbnail svg path,\n    :host(dds-content-group-cards-item):hover .bx--card__video-thumbnail svg path,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__video-thumbnail svg path {\n      fill: var(--cds-icon-03, #ffffff); }\n  .bx--card:focus-within,\n  :host(dds-card):focus-within,\n  :host(dds-link-list-item-card):focus-within,\n  :host(dds-card-group-item):focus-within,\n  :host(dds-card-group-item) .bx--card:focus-within,\n  :host(dds-card-cta):focus-within,\n  :host(dds-link-list-item-card-cta):focus-within,\n  :host(dds-card-in-card):focus-within,\n  :host(dds-content-group-cards-item):focus-within,\n  :host(dds-content-group-cards-item) .bx--card:focus-within {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px;\n    position: relative;\n    z-index: 2; }\n    .bx--card:focus-within ::slotted(dds-image),\n    .bx--card:focus-within ::slotted(dds-card-cta-image),\n    .bx--card:focus-within .bx--card__img,\n    .bx--card:focus-within .bx--image,\n    :host(dds-card):focus-within ::slotted(dds-image),\n    :host(dds-card):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card):focus-within .bx--card__img,\n    :host(dds-card):focus-within .bx--image,\n    :host(dds-link-list-item-card):focus-within ::slotted(dds-image),\n    :host(dds-link-list-item-card):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card):focus-within .bx--card__img,\n    :host(dds-link-list-item-card):focus-within .bx--image,\n    :host(dds-card-group-item):focus-within ::slotted(dds-image),\n    :host(dds-card-group-item):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item):focus-within .bx--card__img,\n    :host(dds-card-group-item):focus-within .bx--image,\n    :host(dds-card-group-item) .bx--card:focus-within ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item) .bx--card:focus-within .bx--card__img,\n    :host(dds-card-group-item) .bx--card:focus-within .bx--image,\n    :host(dds-card-cta):focus-within ::slotted(dds-image),\n    :host(dds-card-cta):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-cta):focus-within .bx--card__img,\n    :host(dds-card-cta):focus-within .bx--image,\n    :host(dds-link-list-item-card-cta):focus-within ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card-cta):focus-within .bx--card__img,\n    :host(dds-link-list-item-card-cta):focus-within .bx--image,\n    :host(dds-card-in-card):focus-within ::slotted(dds-image),\n    :host(dds-card-in-card):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-in-card):focus-within .bx--card__img,\n    :host(dds-card-in-card):focus-within .bx--image,\n    :host(dds-content-group-cards-item):focus-within ::slotted(dds-image),\n    :host(dds-content-group-cards-item):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-content-group-cards-item):focus-within .bx--card__img,\n    :host(dds-content-group-cards-item):focus-within .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:focus-within ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:focus-within ::slotted(dds-card-cta-image),\n    :host(dds-content-group-cards-item) .bx--card:focus-within .bx--card__img,\n    :host(dds-content-group-cards-item) .bx--card:focus-within .bx--image {\n      z-index: -1; }\n  .bx--card:focus, .bx--card:visited, .bx--card:active,\n  :host(dds-card):focus,\n  :host(dds-card):visited,\n  :host(dds-card):active,\n  :host(dds-link-list-item-card):focus,\n  :host(dds-link-list-item-card):visited,\n  :host(dds-link-list-item-card):active,\n  :host(dds-card-group-item):focus,\n  :host(dds-card-group-item):visited,\n  :host(dds-card-group-item):active,\n  :host(dds-card-group-item) .bx--card:focus,\n  :host(dds-card-group-item) .bx--card:visited,\n  :host(dds-card-group-item) .bx--card:active,\n  :host(dds-card-cta):focus,\n  :host(dds-card-cta):visited,\n  :host(dds-card-cta):active,\n  :host(dds-link-list-item-card-cta):focus,\n  :host(dds-link-list-item-card-cta):visited,\n  :host(dds-link-list-item-card-cta):active,\n  :host(dds-card-in-card):focus,\n  :host(dds-card-in-card):visited,\n  :host(dds-card-in-card):active,\n  :host(dds-content-group-cards-item):focus,\n  :host(dds-content-group-cards-item):visited,\n  :host(dds-content-group-cards-item):active,\n  :host(dds-content-group-cards-item) .bx--card:focus,\n  :host(dds-content-group-cards-item) .bx--card:visited,\n  :host(dds-content-group-cards-item) .bx--card:active {\n    position: relative;\n    z-index: 2;\n    text-decoration: none; }\n    .bx--card:focus ::slotted(dds-image),\n    .bx--card:focus .bx--image, .bx--card:visited ::slotted(dds-image),\n    .bx--card:visited .bx--image, .bx--card:active ::slotted(dds-image),\n    .bx--card:active .bx--image,\n    :host(dds-card):focus ::slotted(dds-image),\n    :host(dds-card):focus .bx--image,\n    :host(dds-card):visited ::slotted(dds-image),\n    :host(dds-card):visited .bx--image,\n    :host(dds-card):active ::slotted(dds-image),\n    :host(dds-card):active .bx--image,\n    :host(dds-link-list-item-card):focus ::slotted(dds-image),\n    :host(dds-link-list-item-card):focus .bx--image,\n    :host(dds-link-list-item-card):visited ::slotted(dds-image),\n    :host(dds-link-list-item-card):visited .bx--image,\n    :host(dds-link-list-item-card):active ::slotted(dds-image),\n    :host(dds-link-list-item-card):active .bx--image,\n    :host(dds-card-group-item):focus ::slotted(dds-image),\n    :host(dds-card-group-item):focus .bx--image,\n    :host(dds-card-group-item):visited ::slotted(dds-image),\n    :host(dds-card-group-item):visited .bx--image,\n    :host(dds-card-group-item):active ::slotted(dds-image),\n    :host(dds-card-group-item):active .bx--image,\n    :host(dds-card-group-item) .bx--card:focus ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:focus .bx--image,\n    :host(dds-card-group-item) .bx--card:visited ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:visited .bx--image,\n    :host(dds-card-group-item) .bx--card:active ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:active .bx--image,\n    :host(dds-card-cta):focus ::slotted(dds-image),\n    :host(dds-card-cta):focus .bx--image,\n    :host(dds-card-cta):visited ::slotted(dds-image),\n    :host(dds-card-cta):visited .bx--image,\n    :host(dds-card-cta):active ::slotted(dds-image),\n    :host(dds-card-cta):active .bx--image,\n    :host(dds-link-list-item-card-cta):focus ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):focus .bx--image,\n    :host(dds-link-list-item-card-cta):visited ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):visited .bx--image,\n    :host(dds-link-list-item-card-cta):active ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):active .bx--image,\n    :host(dds-card-in-card):focus ::slotted(dds-image),\n    :host(dds-card-in-card):focus .bx--image,\n    :host(dds-card-in-card):visited ::slotted(dds-image),\n    :host(dds-card-in-card):visited .bx--image,\n    :host(dds-card-in-card):active ::slotted(dds-image),\n    :host(dds-card-in-card):active .bx--image,\n    :host(dds-content-group-cards-item):focus ::slotted(dds-image),\n    :host(dds-content-group-cards-item):focus .bx--image,\n    :host(dds-content-group-cards-item):visited ::slotted(dds-image),\n    :host(dds-content-group-cards-item):visited .bx--image,\n    :host(dds-content-group-cards-item):active ::slotted(dds-image),\n    :host(dds-content-group-cards-item):active .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:focus ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:focus .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:visited ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:visited .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:active ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:active .bx--image {\n      z-index: -1; }\n  .bx--card ::slotted(dds-image),\n  .bx--card ::slotted(dds-card-cta-image),\n  .bx--card .bx--card__img,\n  .bx--card .bx--card__image_img,\n  .bx--card .bx--image,\n  .bx--card .bx--card__video-thumbnail,\n  :host(dds-card) ::slotted(dds-image),\n  :host(dds-card) ::slotted(dds-card-cta-image),\n  :host(dds-card) .bx--card__img,\n  :host(dds-card) .bx--card__image_img,\n  :host(dds-card) .bx--image,\n  :host(dds-card) .bx--card__video-thumbnail,\n  :host(dds-link-list-item-card) ::slotted(dds-image),\n  :host(dds-link-list-item-card) ::slotted(dds-card-cta-image),\n  :host(dds-link-list-item-card) .bx--card__img,\n  :host(dds-link-list-item-card) .bx--card__image_img,\n  :host(dds-link-list-item-card) .bx--image,\n  :host(dds-link-list-item-card) .bx--card__video-thumbnail,\n  :host(dds-card-group-item) ::slotted(dds-image),\n  :host(dds-card-group-item) ::slotted(dds-card-cta-image),\n  :host(dds-card-group-item) .bx--card__img,\n  :host(dds-card-group-item) .bx--card__image_img,\n  :host(dds-card-group-item) .bx--image,\n  :host(dds-card-group-item) .bx--card__video-thumbnail,\n  :host(dds-card-group-item) .bx--card ::slotted(dds-image),\n  :host(dds-card-group-item) .bx--card ::slotted(dds-card-cta-image),\n  :host(dds-card-group-item) .bx--card .bx--card__img,\n  :host(dds-card-group-item) .bx--card .bx--card__image_img,\n  :host(dds-card-group-item) .bx--card .bx--image,\n  :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail,\n  :host(dds-card-cta) ::slotted(dds-image),\n  :host(dds-card-cta) ::slotted(dds-card-cta-image),\n  :host(dds-card-cta) .bx--card__img,\n  :host(dds-card-cta) .bx--card__image_img,\n  :host(dds-card-cta) .bx--image,\n  :host(dds-card-cta) .bx--card__video-thumbnail,\n  :host(dds-link-list-item-card-cta) ::slotted(dds-image),\n  :host(dds-link-list-item-card-cta) ::slotted(dds-card-cta-image),\n  :host(dds-link-list-item-card-cta) .bx--card__img,\n  :host(dds-link-list-item-card-cta) .bx--card__image_img,\n  :host(dds-link-list-item-card-cta) .bx--image,\n  :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail,\n  :host(dds-card-in-card) ::slotted(dds-image),\n  :host(dds-card-in-card) ::slotted(dds-card-cta-image),\n  :host(dds-card-in-card) .bx--card__img,\n  :host(dds-card-in-card) .bx--card__image_img,\n  :host(dds-card-in-card) .bx--image,\n  :host(dds-card-in-card) .bx--card__video-thumbnail,\n  :host(dds-content-group-cards-item) ::slotted(dds-image),\n  :host(dds-content-group-cards-item) ::slotted(dds-card-cta-image),\n  :host(dds-content-group-cards-item) .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card__image_img,\n  :host(dds-content-group-cards-item) .bx--image,\n  :host(dds-content-group-cards-item) .bx--card__video-thumbnail,\n  :host(dds-content-group-cards-item) .bx--card ::slotted(dds-image),\n  :host(dds-content-group-cards-item) .bx--card ::slotted(dds-card-cta-image),\n  :host(dds-content-group-cards-item) .bx--card .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__image_img,\n  :host(dds-content-group-cards-item) .bx--card .bx--image,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail {\n    position: relative; }\n    .bx--card ::slotted(dds-image)::before,\n    .bx--card ::slotted(dds-card-cta-image)::before,\n    .bx--card .bx--card__img::before,\n    .bx--card .bx--card__image_img::before,\n    .bx--card .bx--image::before,\n    .bx--card .bx--card__video-thumbnail::before,\n    :host(dds-card) ::slotted(dds-image)::before,\n    :host(dds-card) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card) .bx--card__img::before,\n    :host(dds-card) .bx--card__image_img::before,\n    :host(dds-card) .bx--image::before,\n    :host(dds-card) .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card) ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card) ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card) .bx--card__img::before,\n    :host(dds-link-list-item-card) .bx--card__image_img::before,\n    :host(dds-link-list-item-card) .bx--image::before,\n    :host(dds-link-list-item-card) .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item) ::slotted(dds-image)::before,\n    :host(dds-card-group-item) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item) .bx--card__img::before,\n    :host(dds-card-group-item) .bx--card__image_img::before,\n    :host(dds-card-group-item) .bx--image::before,\n    :host(dds-card-group-item) .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item) .bx--card ::slotted(dds-image)::before,\n    :host(dds-card-group-item) .bx--card ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item) .bx--card .bx--card__img::before,\n    :host(dds-card-group-item) .bx--card .bx--card__image_img::before,\n    :host(dds-card-group-item) .bx--card .bx--image::before,\n    :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail::before,\n    :host(dds-card-cta) ::slotted(dds-image)::before,\n    :host(dds-card-cta) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-cta) .bx--card__img::before,\n    :host(dds-card-cta) .bx--card__image_img::before,\n    :host(dds-card-cta) .bx--image::before,\n    :host(dds-card-cta) .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card-cta) ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card-cta) ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card-cta) .bx--card__img::before,\n    :host(dds-link-list-item-card-cta) .bx--card__image_img::before,\n    :host(dds-link-list-item-card-cta) .bx--image::before,\n    :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail::before,\n    :host(dds-card-in-card) ::slotted(dds-image)::before,\n    :host(dds-card-in-card) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-in-card) .bx--card__img::before,\n    :host(dds-card-in-card) .bx--card__image_img::before,\n    :host(dds-card-in-card) .bx--image::before,\n    :host(dds-card-in-card) .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item) ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item) ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item) .bx--card__img::before,\n    :host(dds-content-group-cards-item) .bx--card__image_img::before,\n    :host(dds-content-group-cards-item) .bx--image::before,\n    :host(dds-content-group-cards-item) .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item) .bx--card ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item) .bx--card ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__img::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__image_img::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--image::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: var(--cds-ui-05, #161616);\n      opacity: 0;\n      transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card .bx--card__video-thumbnail svg circle,\n  .bx--card .bx--card__video-thumbnail svg path,\n  :host(dds-card) .bx--card__video-thumbnail svg circle,\n  :host(dds-card) .bx--card__video-thumbnail svg path,\n  :host(dds-link-list-item-card) .bx--card__video-thumbnail svg circle,\n  :host(dds-link-list-item-card) .bx--card__video-thumbnail svg path,\n  :host(dds-card-group-item) .bx--card__video-thumbnail svg circle,\n  :host(dds-card-group-item) .bx--card__video-thumbnail svg path,\n  :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail svg circle,\n  :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail svg path,\n  :host(dds-card-cta) .bx--card__video-thumbnail svg circle,\n  :host(dds-card-cta) .bx--card__video-thumbnail svg path,\n  :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail svg circle,\n  :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail svg path,\n  :host(dds-card-in-card) .bx--card__video-thumbnail svg circle,\n  :host(dds-card-in-card) .bx--card__video-thumbnail svg path,\n  :host(dds-content-group-cards-item) .bx--card__video-thumbnail svg circle,\n  :host(dds-content-group-cards-item) .bx--card__video-thumbnail svg path,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail svg circle,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail svg path {\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card .bx--card.bx--tile,\n  :host(dds-card) .bx--card.bx--tile,\n  :host(dds-link-list-item-card) .bx--card.bx--tile,\n  :host(dds-card-group-item) .bx--card.bx--tile,\n  :host(dds-card-group-item) .bx--card .bx--card.bx--tile,\n  :host(dds-card-cta) .bx--card.bx--tile,\n  :host(dds-link-list-item-card-cta) .bx--card.bx--tile,\n  :host(dds-card-in-card) .bx--card.bx--tile,\n  :host(dds-content-group-cards-item) .bx--card.bx--tile,\n  :host(dds-content-group-cards-item) .bx--card .bx--card.bx--tile {\n    padding: 0;\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card .bx--card__wrapper,\n  :host(dds-card) .bx--card__wrapper,\n  :host(dds-link-list-item-card) .bx--card__wrapper,\n  :host(dds-card-group-item) .bx--card__wrapper,\n  :host(dds-card-group-item) .bx--card .bx--card__wrapper,\n  :host(dds-card-cta) .bx--card__wrapper,\n  :host(dds-link-list-item-card-cta) .bx--card__wrapper,\n  :host(dds-card-in-card) .bx--card__wrapper,\n  :host(dds-content-group-cards-item) .bx--card__wrapper,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__wrapper {\n    display: flex;\n    flex: 1;\n    min-height: 10rem;\n    justify-content: space-between;\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n    display: flex; }\n    .bx--card .bx--card__wrapper::before,\n    :host(dds-card) .bx--card__wrapper::before,\n    :host(dds-link-list-item-card) .bx--card__wrapper::before,\n    :host(dds-card-group-item) .bx--card__wrapper::before,\n    :host(dds-card-group-item) .bx--card .bx--card__wrapper::before,\n    :host(dds-card-cta) .bx--card__wrapper::before,\n    :host(dds-link-list-item-card-cta) .bx--card__wrapper::before,\n    :host(dds-card-in-card) .bx--card__wrapper::before,\n    :host(dds-content-group-cards-item) .bx--card__wrapper::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__wrapper::before {\n      content: '';\n      width: 1px;\n      margin-left: -1px;\n      float: left;\n      height: 0;\n      padding-top: 50%; }\n    .bx--card .bx--card__wrapper::after,\n    :host(dds-card) .bx--card__wrapper::after,\n    :host(dds-link-list-item-card) .bx--card__wrapper::after,\n    :host(dds-card-group-item) .bx--card__wrapper::after,\n    :host(dds-card-group-item) .bx--card .bx--card__wrapper::after,\n    :host(dds-card-cta) .bx--card__wrapper::after,\n    :host(dds-link-list-item-card-cta) .bx--card__wrapper::after,\n    :host(dds-card-in-card) .bx--card__wrapper::after,\n    :host(dds-content-group-cards-item) .bx--card__wrapper::after,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__wrapper::after {\n      content: '';\n      display: table;\n      clear: both; }\n  .bx--card .bx--card__content,\n  :host(dds-card) .bx--card__content,\n  :host(dds-link-list-item-card) .bx--card__content,\n  :host(dds-card-group-item) .bx--card__content,\n  :host(dds-card-group-item) .bx--card .bx--card__content,\n  :host(dds-card-cta) .bx--card__content,\n  :host(dds-link-list-item-card-cta) .bx--card__content,\n  :host(dds-card-in-card) .bx--card__content,\n  :host(dds-content-group-cards-item) .bx--card__content,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__content {\n    display: flex;\n    flex-direction: column;\n    padding: 1rem;\n    width: 100%; }\n  .bx--card .bx--card__heading,\n  :host(dds-card) .bx--card__heading,\n  :host(dds-link-list-item-card) .bx--card__heading,\n  :host(dds-card-group-item) .bx--card__heading,\n  :host(dds-card-group-item) .bx--card .bx--card__heading,\n  :host(dds-card-cta) .bx--card__heading,\n  :host(dds-link-list-item-card-cta) .bx--card__heading,\n  :host(dds-card-in-card) .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__heading {\n    font-size: 1.25rem;\n    font-weight: 400;\n    line-height: 1.4;\n    letter-spacing: 0;\n    font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62));\n    margin-bottom: 4rem; }\n    @media (min-width: 82rem) {\n      .bx--card .bx--card__heading,\n      :host(dds-card) .bx--card__heading,\n      :host(dds-link-list-item-card) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card .bx--card__heading,\n      :host(dds-card-cta) .bx--card__heading,\n      :host(dds-link-list-item-card-cta) .bx--card__heading,\n      :host(dds-card-in-card) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__heading {\n        font-size: 1.25rem;\n        line-height: 1.4;\n        font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); } }\n    @media (min-width: 99rem) {\n      .bx--card .bx--card__heading,\n      :host(dds-card) .bx--card__heading,\n      :host(dds-link-list-item-card) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card .bx--card__heading,\n      :host(dds-card-cta) .bx--card__heading,\n      :host(dds-link-list-item-card-cta) .bx--card__heading,\n      :host(dds-card-in-card) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__heading {\n        font-size: 1.5rem;\n        line-height: 1.334;\n        font-size: 1.5rem; } }\n  .bx--card .bx--card__heading,\n  .bx--card .bx--card__copy,\n  :host(dds-card) .bx--card__heading,\n  :host(dds-card) .bx--card__copy,\n  :host(dds-link-list-item-card) .bx--card__heading,\n  :host(dds-link-list-item-card) .bx--card__copy,\n  :host(dds-card-group-item) .bx--card__heading,\n  :host(dds-card-group-item) .bx--card__copy,\n  :host(dds-card-group-item) .bx--card .bx--card__heading,\n  :host(dds-card-group-item) .bx--card .bx--card__copy,\n  :host(dds-card-cta) .bx--card__heading,\n  :host(dds-card-cta) .bx--card__copy,\n  :host(dds-link-list-item-card-cta) .bx--card__heading,\n  :host(dds-link-list-item-card-cta) .bx--card__copy,\n  :host(dds-card-in-card) .bx--card__heading,\n  :host(dds-card-in-card) .bx--card__copy,\n  :host(dds-content-group-cards-item) .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card__copy,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__copy {\n    width: 90%;\n    max-width: 40rem;\n    color: var(--cds-text-01, #161616); }\n    @media (min-width: 42rem) {\n      .bx--card .bx--card__heading,\n      .bx--card .bx--card__copy,\n      :host(dds-card) .bx--card__heading,\n      :host(dds-card) .bx--card__copy,\n      :host(dds-link-list-item-card) .bx--card__heading,\n      :host(dds-link-list-item-card) .bx--card__copy,\n      :host(dds-card-group-item) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card__copy,\n      :host(dds-card-group-item) .bx--card .bx--card__heading,\n      :host(dds-card-group-item) .bx--card .bx--card__copy,\n      :host(dds-card-cta) .bx--card__heading,\n      :host(dds-card-cta) .bx--card__copy,\n      :host(dds-link-list-item-card-cta) .bx--card__heading,\n      :host(dds-link-list-item-card-cta) .bx--card__copy,\n      :host(dds-card-in-card) .bx--card__heading,\n      :host(dds-card-in-card) .bx--card__copy,\n      :host(dds-content-group-cards-item) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card__copy,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__copy {\n        width: calc(100% - var(--cds-layout-03, 2rem)); } }\n  .bx--card .bx--card__copy:not([hidden]),\n  :host(dds-card) .bx--card__copy:not([hidden]),\n  :host(dds-link-list-item-card) .bx--card__copy:not([hidden]),\n  :host(dds-card-group-item) .bx--card__copy:not([hidden]),\n  :host(dds-card-group-item) .bx--card .bx--card__copy:not([hidden]),\n  :host(dds-card-cta) .bx--card__copy:not([hidden]),\n  :host(dds-link-list-item-card-cta) .bx--card__copy:not([hidden]),\n  :host(dds-card-in-card) .bx--card__copy:not([hidden]),\n  :host(dds-content-group-cards-item) .bx--card__copy:not([hidden]),\n  :host(dds-content-group-cards-item) .bx--card .bx--card__copy:not([hidden]) {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    margin-bottom: 2rem; }\n  .bx--card .bx--card__img,\n  :host(dds-card) .bx--card__img,\n  :host(dds-link-list-item-card) .bx--card__img,\n  :host(dds-card-group-item) .bx--card__img,\n  :host(dds-card-group-item) .bx--card .bx--card__img,\n  :host(dds-card-cta) .bx--card__img,\n  :host(dds-link-list-item-card-cta) .bx--card__img,\n  :host(dds-card-in-card) .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__img {\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card dds-tag-group,\n  :host(dds-card) dds-tag-group,\n  :host(dds-link-list-item-card) dds-tag-group,\n  :host(dds-card-group-item) dds-tag-group,\n  :host(dds-card-group-item) .bx--card dds-tag-group,\n  :host(dds-card-cta) dds-tag-group,\n  :host(dds-link-list-item-card-cta) dds-tag-group,\n  :host(dds-card-in-card) dds-tag-group,\n  :host(dds-content-group-cards-item) dds-tag-group,\n  :host(dds-content-group-cards-item) .bx--card dds-tag-group {\n    margin-top: var(--cds-spacing-05, 1rem); }\n\n.bx--card.bx--card--light {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n.bx--card.bx--card--static {\n  outline: none; }\n  .bx--card.bx--card--static:hover .bx--card__wrapper {\n    background-color: var(--cds-ui-02, #ffffff); }\n  .bx--card.bx--card--static .bx--card__footer {\n    align-self: flex-start; }\n    .bx--card.bx--card--static .bx--card__footer:hover {\n      text-decoration: underline; }\n      .bx--card.bx--card--static .bx--card__footer:hover svg,\n      .bx--card.bx--card--static .bx--card__footer:hover .bx--card__cta__copy {\n        color: var(--cds-hover-primary-text, #0043ce); }\n    .bx--card.bx--card--static .bx--card__footer:active, .bx--card.bx--card--static .bx--card__footer:focus {\n      align-self: flex-start;\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n    .bx--card.bx--card--static .bx--card__footer::after {\n      position: relative; }\n\n.bx--card--border {\n  border: 1px solid var(--cds-ui-03, #e0e0e0); }\n\n.bx--card__CTA.bx--card__CardCTA .bx--card__heading {\n  font-size: 1.25rem;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: 0;\n  font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62)); }\n  @media (min-width: 82rem) {\n    .bx--card__CTA.bx--card__CardCTA .bx--card__heading {\n      font-size: 1.25rem;\n      line-height: 1.4;\n      font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); } }\n  @media (min-width: 99rem) {\n    .bx--card__CTA.bx--card__CardCTA .bx--card__heading {\n      font-size: 1.5rem;\n      line-height: 1.334;\n      font-size: 1.5rem; } }\n\n:host(dds-card)[border] .bx--card {\n  border: 1px solid var(--cds-ui-03, #e0e0e0); }\n\n:host(dds-card):not([href]) .bx--card__wrapper, :host(dds-card):not([href]):hover .bx--card__wrapper,\n:host(dds-card-group-item):not([href]) .bx--card__wrapper,\n:host(dds-card-group-item):not([href]):hover .bx--card__wrapper {\n  background-color: var(--cds-ui-01, #f4f4f4); }\n\n:host(dds-card):not([href]):focus-within,\n:host(dds-card):not([href]) .bx--card:focus-within,\n:host(dds-card-group-item):not([href]):focus-within,\n:host(dds-card-group-item):not([href]) .bx--card:focus-within {\n  outline: none; }\n\n:host(dds-card):not([href]) ::slotted(dds-card-footer),\n:host(dds-card-group-item):not([href]) ::slotted(dds-card-footer) {\n  display: inline-flex; }\n  :host(dds-card):not([href]) ::slotted(dds-card-footer)::after,\n  :host(dds-card-group-item):not([href]) ::slotted(dds-card-footer)::after {\n    position: relative; }\n\n:host(dds-card)[color-scheme='light'] .bx--card__wrapper, :host(dds-card)[color-scheme='light']:hover .bx--card__wrapper,\n:host(dds-card-group-item)[color-scheme='light'] .bx--card__wrapper,\n:host(dds-card-group-item)[color-scheme='light']:hover .bx--card__wrapper {\n  background-color: var(--cds-ui-02, #ffffff);\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n:host(dds-card)[color-scheme='light'][href] :hover .bx--card__wrapper,\n:host(dds-card-group-item)[color-scheme='light'][href] :hover .bx--card__wrapper {\n  background-color: var(--cds-hover-ui, #e5e5e5); }\n\n:host(dds-card)[color-scheme='light'][href]:active,\n:host(dds-card)[color-scheme='light'][href] a:active,\n:host(dds-card-group-item)[color-scheme='light'][href]:active,\n:host(dds-card-group-item)[color-scheme='light'][href] a:active {\n  outline: none; }\n\n:host(dds-card)[logo] .bx--card,\n:host(dds-card-group-item)[logo] .bx--card {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n:host(dds-card)[logo] .bx--card__copy,\n:host(dds-card-group-item)[logo] .bx--card__copy {\n  margin-bottom: var(--cds-spacing-05, 1rem); }\n\n:host(dds-card)[logo]:hover,\n:host(dds-card-group-item)[logo]:hover {\n  border-color: var(--cds-ui-04, #8d8d8d); }\n  :host(dds-card)[logo]:hover .bx--card__wrapper,\n  :host(dds-card-group-item)[logo]:hover .bx--card__wrapper {\n    background-color: var(--cds-ui-02, #ffffff); }\n\n:host(dds-card)[logo]:active,\n:host(dds-card-group-item)[logo]:active {\n  border-color: var(--cds-ui-05, #161616); }\n\n:host(dds-card)[logo] ::slotted(dds-card-footer),\n:host(dds-card-group-item)[logo] ::slotted(dds-card-footer) {\n  height: 0; }\n\n:host(dds-card)[href][logo]:hover .bx--card__wrapper,\n:host(dds-card-group-item)[href][logo]:hover .bx--card__wrapper {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n:host(dds-card-cta),\n:host(dds-card-link-cta),\n:host(dds-card-link) {\n  outline: none; }\n\n:host(dds-card-eyebrow),\n.bx--card__eyebrow {\n  width: 90%;\n  max-width: 40rem;\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  margin-bottom: 0.5rem;\n  color: var(--cds-text-02, #525252); }\n  @media (min-width: 42rem) {\n    :host(dds-card-eyebrow),\n    .bx--card__eyebrow {\n      width: calc(100% - var(--cds-layout-03, 2rem)); } }\n\n.bx--card .bx--card__cta,\n.bx--card .bx--card__cta a,\n.bx--card .bx--card__cta a:visited,\n:host(dds-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n:host(dds-card-cta-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']) {\n  margin-left: 0;\n  color: var(--cds-link-01, #0f62fe); }\n\n:host(dds-card-footer[disabled]) .dds-ce--card__footer ::slotted(svg[slot='icon']) {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-footer),\n:host(dds-card-cta-footer),\n:host(dds-card-in-card-footer),\n:host(dds-feature-card-footer),\n:host(dds-feature-cta-footer) {\n  margin-top: auto;\n  display: flex;\n  align-items: flex-end; }\n  :host(dds-card-footer):focus-visible,\n  :host(dds-card-cta-footer):focus-visible,\n  :host(dds-card-in-card-footer):focus-visible,\n  :host(dds-feature-card-footer):focus-visible,\n  :host(dds-feature-cta-footer):focus-visible {\n    outline: none; }\n\n\n:host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) {\n  display: flex; }\n  \n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n    display: block; }\n\n.bx--card .bx--card__footer,\n:host(dds-card-footer) a,\n:host(dds-card-cta-footer) a,\n:host(dds-card-in-card-footer) a,\n:host(dds-feature-card-footer) a,\n:host(dds-feature-cta-footer) a {\n  /* Moves the footer down to the bottom in the card */\n  margin-top: auto;\n  text-decoration: none; }\n  .bx--card .bx--card__footer:focus,\n  :host(dds-card-footer) a:focus,\n  :host(dds-card-cta-footer) a:focus,\n  :host(dds-card-in-card-footer) a:focus,\n  :host(dds-feature-card-footer) a:focus,\n  :host(dds-feature-cta-footer) a:focus {\n    outline: none; }\n  .bx--card .bx--card__footer:hover,\n  :host(dds-card-footer) a:hover,\n  :host(dds-card-cta-footer) a:hover,\n  :host(dds-card-in-card-footer) a:hover,\n  :host(dds-feature-card-footer) a:hover,\n  :host(dds-feature-cta-footer) a:hover {\n    text-decoration: none; }\n  .bx--card .bx--card__footer span,\n  :host(dds-card-footer) a span,\n  :host(dds-card-cta-footer) a span,\n  :host(dds-card-in-card-footer) a span,\n  :host(dds-feature-card-footer) a span,\n  :host(dds-feature-cta-footer) a span {\n    flex: none; }\n  .bx--card .bx--card__footer::after,\n  :host(dds-card-footer) a::after,\n  :host(dds-card-cta-footer) a::after,\n  :host(dds-card-in-card-footer) a::after,\n  :host(dds-feature-card-footer) a::after,\n  :host(dds-feature-cta-footer) a::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0; }\n  .bx--card .bx--card__footer .bx--card__cta__copy,\n  :host(dds-card-footer) a .bx--card__cta__copy,\n  :host(dds-card-cta-footer) a .bx--card__cta__copy,\n  :host(dds-card-in-card-footer) a .bx--card__cta__copy,\n  :host(dds-feature-card-footer) a .bx--card__cta__copy,\n  :host(dds-feature-cta-footer) a .bx--card__cta__copy {\n    max-width: calc(100% - 20px - 0.5rem);\n    margin-right: 0.5rem;\n    color: var(--cds-link-01, #0f62fe);\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n  .bx--card .bx--card__footer .bx--card__footer__copy,\n  :host(dds-card-footer) a .bx--card__footer__copy,\n  :host(dds-card-cta-footer) a .bx--card__footer__copy,\n  :host(dds-card-in-card-footer) a .bx--card__footer__copy,\n  :host(dds-feature-card-footer) a .bx--card__footer__copy,\n  :host(dds-feature-cta-footer) a .bx--card__footer__copy {\n    max-width: calc(100% - 20px);\n    margin-bottom: -0.125rem; }\n  .bx--card .bx--card__footer svg,\n  .bx--card .bx--card__footer ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) a svg,\n  :host(dds-card-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer) a svg,\n  :host(dds-card-cta-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-card-in-card-footer) a svg,\n  :host(dds-card-in-card-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-feature-card-footer) a svg,\n  :host(dds-feature-card-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-feature-cta-footer) a svg,\n  :host(dds-feature-cta-footer) a ::slotted(svg[slot='icon']) {\n    display: block;\n    min-width: 20px;\n    margin-left: 0; }\n\n@media (min-width: 42rem) {\n  :host(dds-card-footer) a,\n  :host(dds-card-cta-footer) a,\n  :host(dds-card-in-card-footer) a {\n    padding-right: 2rem; } }\n\n:host(dds-feature-cta-footer) a svg,\n:host(dds-feature-cta-footer) a ::slotted(svg[slot='icon']) {\n  fill: var(--cds-inverse-link, #78a9ff); }\n  @media (min-width: 99rem) {\n    :host(dds-feature-cta-footer) a svg,\n    :host(dds-feature-cta-footer) a ::slotted(svg[slot='icon']) {\n      width: 2rem;\n      height: 2rem; } }\n\n:host(dds-card-footer):not([parent-href]) .bx--card__footer::after {\n  content: none; }\n\n:host(dds-card-footer):not([parent-href]) .bx--card__footer:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe); }\n\n.bx--card__footer__icon-left svg.bx--card__cta,\n.bx--card__footer__icon-left ::slotted(svg[slot='icon']) {\n  margin-right: 0.5rem; }\n\n.bx--card__footer__icon-left .bx--card__cta__copy {\n  margin-right: 0; }\n\n.bx--card .bx--card__footer,\n.dds-ce--card__footer {\n  display: flex; }\n\n.bx--card .bx--card__footer svg,\n.dds-ce--card__footer ::slotted(svg[slot='icon']) {\n  fill: currentColor;\n  align-self: center; }\n\n.bx--card--inverse,\n.bx--card.bx--card--inverse,\n:host(dds-card)[color-scheme='inverse'],\n:host(dds-card-group-item)[color-scheme='inverse'] .bx--card {\n  background-color: var(--cds-inverse-02, #393939); }\n  .bx--card--inverse .bx--card__wrapper:hover,\n  .bx--card.bx--card--inverse .bx--card__wrapper:hover,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__wrapper:hover,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__wrapper:hover {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n  .bx--card--inverse .bx--card__heading,\n  .bx--card--inverse .bx--card__copy,\n  .bx--card.bx--card--inverse .bx--card__heading,\n  .bx--card.bx--card--inverse .bx--card__copy,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__heading,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__copy,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__heading,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__copy {\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--card--inverse .bx--card__eyebrow,\n  .bx--card.bx--card--inverse .bx--card__eyebrow,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__eyebrow,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__eyebrow {\n    color: var(--cds-text-03, #a8a8a8); }\n  .bx--card--inverse:hover,\n  .bx--card.bx--card--inverse:hover,\n  :host(dds-card)[color-scheme='inverse']:hover,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n    .bx--card--inverse:hover ::slotted(dds-image),\n    .bx--card--inverse:hover ::slotted(dds-card-cta-image),\n    .bx--card--inverse:hover .bx--card__img,\n    .bx--card--inverse:hover .bx--card__image_img,\n    .bx--card--inverse:hover .bx--image,\n    .bx--card.bx--card--inverse:hover ::slotted(dds-image),\n    .bx--card.bx--card--inverse:hover ::slotted(dds-card-cta-image),\n    .bx--card.bx--card--inverse:hover .bx--card__img,\n    .bx--card.bx--card--inverse:hover .bx--card__image_img,\n    .bx--card.bx--card--inverse:hover .bx--image,\n    :host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-image),\n    :host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n    :host(dds-card)[color-scheme='inverse']:hover .bx--card__img,\n    :host(dds-card)[color-scheme='inverse']:hover .bx--card__image_img,\n    :host(dds-card)[color-scheme='inverse']:hover .bx--image,\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover ::slotted(dds-image),\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover .bx--card__img,\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover .bx--card__image_img,\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover .bx--image {\n      filter: brightness(108%); }\n  .bx--card--inverse:focus-within::after,\n  .bx--card.bx--card--inverse:focus-within::after,\n  :host(dds-card)[color-scheme='inverse']:focus-within::after,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:focus-within::after {\n    content: '';\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    border: 2px solid var(--cds-focus, #0f62fe);\n    outline: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n    outline-offset: -3px;\n    pointer-events: none; }\n\n:host(dds-card-heading),\n:host(dds-card-link-heading) {\n  width: 90%;\n  max-width: 40rem;\n  color: var(--cds-text-01, #161616);\n  margin-bottom: 4rem; }\n  @media (min-width: 42rem) {\n    :host(dds-card-heading),\n    :host(dds-card-link-heading) {\n      width: calc(100% - var(--cds-layout-03, 2rem)); } }\n\n:host(dds-card-heading) {\n  font-size: 1.25rem;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: 0;\n  font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62)); }\n  @media (min-width: 82rem) {\n    :host(dds-card-heading) {\n      font-size: 1.25rem;\n      line-height: 1.4;\n      font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); } }\n  @media (min-width: 99rem) {\n    :host(dds-card-heading) {\n      font-size: 1.5rem;\n      line-height: 1.334;\n      font-size: 1.5rem; } }\n\n:host(dds-card-link-heading) {\n  font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n  line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0);\n  margin-bottom: 0; }\n\n:host(dds-card)[color-scheme='inverse'] ::slotted(dds-card-eyebrow),\n:host(dds-card-group-item)[color-scheme='inverse'] ::slotted(dds-card-eyebrow),\n:host(dds-feature-section-card-link)[color-scheme='inverse'] ::slotted(dds-card-eyebrow),\n.bx--card-group__card ::slotted(dds-card-eyebrow) {\n  color: var(--cds-text-03, #a8a8a8); }\n\n:host(dds-card)[color-scheme='inverse'] ::slotted(dds-card-heading),\n:host(dds-card)[color-scheme='inverse'] ::slotted(dds-card-link-heading),\n:host(dds-card-group-item)[color-scheme='inverse'] ::slotted(dds-card-heading),\n:host(dds-card-group-item)[color-scheme='inverse'] ::slotted(dds-card-link-heading),\n:host(dds-feature-section-card-link)[color-scheme='inverse'] ::slotted(dds-card-heading),\n:host(dds-feature-section-card-link)[color-scheme='inverse'] ::slotted(dds-card-link-heading),\n.bx--card-group__card ::slotted(dds-card-heading),\n.bx--card-group__card ::slotted(dds-card-link-heading) {\n  color: var(--cds-inverse-01, #ffffff); }\n\n:host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-image),\n:host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n:host(dds-card)[color-scheme='inverse']:hover .bx--card__img,\n:host(dds-card)[color-scheme='inverse']:hover .bx--card__image_img,\n:host(dds-card)[color-scheme='inverse']:hover .bx--image,\n:host(dds-card-group-item)[color-scheme='inverse']:hover ::slotted(dds-image),\n:host(dds-card-group-item)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n:host(dds-card-group-item)[color-scheme='inverse']:hover .bx--card__img,\n:host(dds-card-group-item)[color-scheme='inverse']:hover .bx--card__image_img,\n:host(dds-card-group-item)[color-scheme='inverse']:hover .bx--image,\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover ::slotted(dds-image),\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover .bx--card__img,\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover .bx--card__image_img,\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover .bx--image,\n.bx--card-group__card:hover ::slotted(dds-image),\n.bx--card-group__card:hover ::slotted(dds-card-cta-image),\n.bx--card-group__card:hover .bx--card__img,\n.bx--card-group__card:hover .bx--card__image_img,\n.bx--card-group__card:hover .bx--image {\n  filter: brightness(108%); }\n\n.bx--card--inverse .bx--card__cta,\n.bx--card--inverse .bx--card__cta a,\n.bx--card--inverse .bx--card__cta a:visited,\n.bx--card--inverse .bx--card__footer .bx--card__cta__copy,\n:host(dds-card-cta-footer[color-scheme='inverse']) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n:host(dds-card-cta-footer[color-scheme='inverse']) .bx--card__cta__copy,\n:host(dds-card-footer[color-scheme='inverse']) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n:host(dds-card-footer[color-scheme='inverse']) .bx--card__cta__copy {\n  color: var(--cds-inverse-link, #78a9ff); }\n\n@media print {\n  :host(dds-card),\n  :host(dds-link-list-item-card),\n  :host(dds-card-group-item),\n  :host(dds-card-cta),\n  :host(dds-link-list-item-card-cta),\n  :host(dds-card-in-card),\n  :host(dds-content-group-cards-item) {\n    border: 1px solid var(--cds-ui-03, #e0e0e0); }\n    :host(dds-card) .bx--card,\n    :host(dds-link-list-item-card) .bx--card,\n    :host(dds-card-group-item) .bx--card,\n    :host(dds-card-cta) .bx--card,\n    :host(dds-link-list-item-card-cta) .bx--card,\n    :host(dds-card-in-card) .bx--card,\n    :host(dds-content-group-cards-item) .bx--card {\n      background-color: var(--cds-ui-02, #ffffff);\n      border: none; }\n    :host(dds-card) ::slotted(dds-image),\n    :host(dds-card) ::slotted(dds-card-cta-image),\n    :host(dds-card) ::slotted(dds-tag-group),\n    :host(dds-card) .bx--image,\n    :host(dds-link-list-item-card) ::slotted(dds-image),\n    :host(dds-link-list-item-card) ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card) ::slotted(dds-tag-group),\n    :host(dds-link-list-item-card) .bx--image,\n    :host(dds-card-group-item) ::slotted(dds-image),\n    :host(dds-card-group-item) ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item) ::slotted(dds-tag-group),\n    :host(dds-card-group-item) .bx--image,\n    :host(dds-card-cta) ::slotted(dds-image),\n    :host(dds-card-cta) ::slotted(dds-card-cta-image),\n    :host(dds-card-cta) ::slotted(dds-tag-group),\n    :host(dds-card-cta) .bx--image,\n    :host(dds-link-list-item-card-cta) ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta) ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card-cta) ::slotted(dds-tag-group),\n    :host(dds-link-list-item-card-cta) .bx--image,\n    :host(dds-card-in-card) ::slotted(dds-image),\n    :host(dds-card-in-card) ::slotted(dds-card-cta-image),\n    :host(dds-card-in-card) ::slotted(dds-tag-group),\n    :host(dds-card-in-card) .bx--image,\n    :host(dds-content-group-cards-item) ::slotted(dds-image),\n    :host(dds-content-group-cards-item) ::slotted(dds-card-cta-image),\n    :host(dds-content-group-cards-item) ::slotted(dds-tag-group),\n    :host(dds-content-group-cards-item) .bx--image {\n      display: none; }\n  .bx--card {\n    background-color: var(--cds-ui-02, #ffffff);\n    border: 1px solid var(--cds-ui-03, #e0e0e0); }\n    .bx--card .bx--card__img,\n    .bx--card .bx--card__image_img,\n    .bx--card .bx--image,\n    .bx--card .bx--card__video-thumbnail {\n      display: none; } }\n\n:host(dds-card-group-item),\n:host(dds-card-in-card),\n:host(dds-card-cta),\n:host(dds-card) {\n  outline: none; }\n  :host(dds-card-group-item) .bx--card__pictogram,\n  :host(dds-card-in-card) .bx--card__pictogram,\n  :host(dds-card-cta) .bx--card__pictogram,\n  :host(dds-card) .bx--card__pictogram {\n    display: flex; }\n    :host(dds-card-group-item) .bx--card__pictogram ::slotted(dds-card-heading),\n    :host(dds-card-in-card) .bx--card__pictogram ::slotted(dds-card-heading),\n    :host(dds-card-cta) .bx--card__pictogram ::slotted(dds-card-heading),\n    :host(dds-card) .bx--card__pictogram ::slotted(dds-card-heading) {\n      padding-top: 2rem;\n      margin-bottom: 0; }\n      @media (min-width: 42rem) {\n        :host(dds-card-group-item) .bx--card__pictogram ::slotted(dds-card-heading),\n        :host(dds-card-in-card) .bx--card__pictogram ::slotted(dds-card-heading),\n        :host(dds-card-cta) .bx--card__pictogram ::slotted(dds-card-heading),\n        :host(dds-card) .bx--card__pictogram ::slotted(dds-card-heading) {\n          padding-left: 0;\n          flex: 1;\n          display: flex; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n    padding-top: 0; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n        /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n        overflow: hidden;\n        max-width: calc(100% - 4rem);\n        opacity: 1;\n        transform: translate3d(0, 0, 0);\n        transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0.25s; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n    margin-left: 0; }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content {\n    position: relative; }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n    margin-top: 2rem;\n    margin-bottom: 0; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n        margin-top: 0;\n        visibility: hidden;\n        opacity: 0;\n        transform: translate3d(0, -16px, 0);\n        transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9); } }\n  @media (min-width: 42rem) {\n    :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading), :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading) {\n      opacity: 0;\n      transform: translate3d(0, 16px, 0);\n      transition-delay: 0s; } }\n  @media (min-width: 42rem) {\n    :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy, :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy {\n      display: block;\n      overflow: hidden;\n      visibility: visible;\n      opacity: 1;\n      transform: translate3d(0, 0, 0);\n      transition-delay: 0.2s; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n    align-items: flex-end;\n    margin-bottom: 0;\n    margin-top: auto; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n        position: absolute;\n        bottom: 1rem; } }\n  @media (min-width: 42rem) {\n    :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy {\n      margin-top: auto; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n    margin-bottom: 4rem; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n        margin-bottom: 2rem; } }\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n    align-items: flex-start; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n        position: absolute;\n        top: 1rem; } }\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n    margin-bottom: 4rem; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n        margin-bottom: 2rem; } }\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n    margin-top: auto;\n    align-items: flex-end; }\n  :host(dds-card-group-item) ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card) ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta) ::slotted(svg[slot='pictogram']),\n  :host(dds-card) ::slotted(svg[slot='pictogram']) {\n    fill: currentColor;\n    margin-left: 1rem; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item) ::slotted(svg[slot='pictogram']),\n      :host(dds-card-in-card) ::slotted(svg[slot='pictogram']),\n      :host(dds-card-cta) ::slotted(svg[slot='pictogram']),\n      :host(dds-card) ::slotted(svg[slot='pictogram']) {\n        margin-left: 0; } }\n  :host(dds-card-group-item)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']) {\n    color: var(--cds-inverse-link, #78a9ff); }\n  :host(dds-card-group-item) .bx--card__copy,\n  :host(dds-card-in-card) .bx--card__copy,\n  :host(dds-card-cta) .bx--card__copy,\n  :host(dds-card) .bx--card__copy {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem; }\n\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--image {\n  position: relative; }\n\n.bx--image__img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block; }\n\n.bx--image__img--border {\n  outline: 1px solid var(--cds-decorative-01, #e0e0e0); }\n\n.bx--image__longdescription {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  left: -10000px;\n  top: auto;\n  overflow: hidden; }\n\n.bx--image__icon {\n  position: absolute;\n  top: calc(50% - 2rem);\n  right: calc(50% - 2rem); }\n\n:host(dds-image-logo) {\n  background-color: var(--cds-ui-02, #ffffff);\n  margin: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);\n  max-width: 10rem;\n  display: flex; }\n  :host(dds-image-logo)::before {\n    content: '';\n    width: 1px;\n    margin-left: -1px;\n    float: left;\n    height: 0;\n    padding-top: 50%; }\n  :host(dds-image-logo)::after {\n    content: '';\n    display: table;\n    clear: both; }\n  :host(dds-image-logo) .bx--image__img {\n    -o-object-fit: contain;\n       object-fit: contain; }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-feature-card),\n:host(dds-feature-cta),\n.bx--feature-card-large,\n.bx--feature-card {\n  position: relative; }\n  :host(dds-feature-card):hover ::slotted([slot='image'])::before,\n  :host(dds-feature-card):hover dds-image::before,\n  :host(dds-feature-card):hover .bx--image::before,\n  :host(dds-feature-cta):hover ::slotted([slot='image'])::before,\n  :host(dds-feature-cta):hover dds-image::before,\n  :host(dds-feature-cta):hover .bx--image::before,\n  .bx--feature-card-large:hover ::slotted([slot='image'])::before,\n  .bx--feature-card-large:hover dds-image::before,\n  .bx--feature-card-large:hover .bx--image::before,\n  .bx--feature-card:hover ::slotted([slot='image'])::before,\n  .bx--feature-card:hover dds-image::before,\n  .bx--feature-card:hover .bx--image::before {\n    opacity: 0.08; }\n  :host(dds-feature-card):hover .bx--card__wrapper,\n  :host(dds-feature-cta):hover .bx--card__wrapper,\n  .bx--feature-card-large:hover .bx--card__wrapper,\n  .bx--feature-card:hover .bx--card__wrapper {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n  @media (max-width: 41.98rem) {\n    :host(dds-feature-card),\n    :host(dds-feature-cta),\n    .bx--feature-card-large,\n    .bx--feature-card {\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -1rem;\n      margin-left: -1rem; } }\n  :host(dds-feature-card) .bx--card__content,\n  :host(dds-feature-cta) .bx--card__content,\n  .bx--feature-card-large .bx--card__content,\n  .bx--feature-card .bx--card__content {\n    transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  :host(dds-feature-card) ::slotted([slot='image']),\n  :host(dds-feature-card) dds-image,\n  :host(dds-feature-card) .bx--image,\n  :host(dds-feature-cta) ::slotted([slot='image']),\n  :host(dds-feature-cta) dds-image,\n  :host(dds-feature-cta) .bx--image,\n  .bx--feature-card-large ::slotted([slot='image']),\n  .bx--feature-card-large dds-image,\n  .bx--feature-card-large .bx--image,\n  .bx--feature-card ::slotted([slot='image']),\n  .bx--feature-card dds-image,\n  .bx--feature-card .bx--image {\n    width: 100%;\n    height: 50%; }\n    :host(dds-feature-card) ::slotted([slot='image'])::before,\n    :host(dds-feature-card) dds-image::before,\n    :host(dds-feature-card) .bx--image::before,\n    :host(dds-feature-cta) ::slotted([slot='image'])::before,\n    :host(dds-feature-cta) dds-image::before,\n    :host(dds-feature-cta) .bx--image::before,\n    .bx--feature-card-large ::slotted([slot='image'])::before,\n    .bx--feature-card-large dds-image::before,\n    .bx--feature-card-large .bx--image::before,\n    .bx--feature-card ::slotted([slot='image'])::before,\n    .bx--feature-card dds-image::before,\n    .bx--feature-card .bx--image::before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      opacity: 0;\n      z-index: 1;\n      background-color: var(--cds-inverse-01, #ffffff);\n      transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (max-width: 41.98rem) {\n  :host(dds-feature-card),\n  :host(dds-feature-cta) {\n    display: flex; } }\n\n@media (max-width: 41.98rem) {\n  .bx--feature-card,\n  :host(dds-feature-card:not([size='large'])),\n  :host(dds-feature-cta:not([size='large'])) {\n    padding-top: 100%; }\n    .bx--feature-card .bx--card__content,\n    :host(dds-feature-card:not([size='large'])) .bx--card__content,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__content {\n      height: 100%;\n      padding: 1rem;\n      justify-content: space-between; }\n    .bx--feature-card bx--card__heading,\n    :host(dds-feature-card:not([size='large'])) bx--card__heading,\n    :host(dds-feature-cta:not([size='large'])) bx--card__heading {\n      margin: 0;\n      width: 100%;\n      padding: 1rem;\n      padding-right: 10%;\n      padding-bottom: var(--cds-layout-03, 2rem); }\n    .bx--feature-card .bx--card__footer,\n    :host(dds-feature-card:not([size='large'])) .bx--card__footer,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__footer {\n      padding-top: 0;\n      margin-top: -2rem; }\n    .bx--feature-card .bx--card__wrapper,\n    :host(dds-feature-card:not([size='large'])) .bx--card__wrapper,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__wrapper {\n      display: block;\n      min-height: 0;\n      height: auto; }\n    .bx--feature-card .bx--card,\n    :host(dds-feature-card:not([size='large'])) .bx--card,\n    :host(dds-feature-cta:not([size='large'])) .bx--card {\n      display: block; } }\n\n.bx--feature-card .bx--card,\n:host(dds-feature-card:not([size='large'])) .bx--card,\n:host(dds-feature-cta:not([size='large'])) .bx--card {\n  margin: 0; }\n  @media (max-width: 41.98rem) {\n    .bx--feature-card .bx--card,\n    :host(dds-feature-card:not([size='large'])) .bx--card,\n    :host(dds-feature-cta:not([size='large'])) .bx--card {\n      position: absolute;\n      padding-top: 0;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0; } }\n  @media (min-width: 42rem) {\n    .bx--feature-card .bx--card,\n    :host(dds-feature-card:not([size='large'])) .bx--card,\n    :host(dds-feature-cta:not([size='large'])) .bx--card {\n      flex-direction: row; } }\n  .bx--feature-card .bx--card .bx--card__heading,\n  .bx--feature-card .bx--card ::slotted(dds-card-heading),\n  :host(dds-feature-card:not([size='large'])) .bx--card .bx--card__heading,\n  :host(dds-feature-card:not([size='large'])) .bx--card ::slotted(dds-card-heading),\n  :host(dds-feature-cta:not([size='large'])) .bx--card .bx--card__heading,\n  :host(dds-feature-cta:not([size='large'])) .bx--card ::slotted(dds-card-heading) {\n    margin-bottom: var(--cds-layout-03, 2rem);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--feature-card .bx--card:focus-within,\n  :host(dds-feature-card:not([size='large'])) .bx--card:focus-within,\n  :host(dds-feature-cta:not([size='large'])) .bx--card:focus-within {\n    outline: none;\n    outline-offset: 0; }\n    .bx--feature-card .bx--card:focus-within::before,\n    :host(dds-feature-card:not([size='large'])) .bx--card:focus-within::before,\n    :host(dds-feature-cta:not([size='large'])) .bx--card:focus-within::before {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: 1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid var(--cds-focus, #0f62fe);\n      outline: 1px solid #ffffff;\n      outline-offset: -3px; }\n      @media (max-width: 41.98rem) {\n        .bx--feature-card .bx--card:focus-within::before,\n        :host(dds-feature-card:not([size='large'])) .bx--card:focus-within::before,\n        :host(dds-feature-cta:not([size='large'])) .bx--card:focus-within::before {\n          min-height: 292px; } }\n\n.bx--feature-card .bx--card__heading,\n:host(dds-feature-card:not([size='large'])) .bx--card__heading,\n:host(dds-feature-cta:not([size='large'])) .bx--card__heading {\n  margin-bottom: var(--cds-layout-03, 2rem);\n  color: var(--cds-inverse-01, #ffffff); }\n\n.bx--feature-card .bx--card__wrapper,\n:host(dds-feature-card:not([size='large'])) .bx--card__wrapper,\n:host(dds-feature-cta:not([size='large'])) .bx--card__wrapper {\n  background-color: var(--cds-inverse-02, #393939);\n  width: 100%;\n  height: 50%; }\n  @media (min-width: 42rem) {\n    .bx--feature-card .bx--card__wrapper,\n    :host(dds-feature-card:not([size='large'])) .bx--card__wrapper,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__wrapper {\n      width: 50%;\n      height: auto; } }\n  .bx--feature-card .bx--card__wrapper .bx--card__content,\n  :host(dds-feature-card:not([size='large'])) .bx--card__wrapper .bx--card__content,\n  :host(dds-feature-cta:not([size='large'])) .bx--card__wrapper .bx--card__content {\n    height: auto;\n    min-height: 100%; }\n\n.bx--feature-card:hover .bx--card__wrapper,\n:host(dds-feature-card:not([size='large'])):hover .bx--card__wrapper,\n:host(dds-feature-cta:not([size='large'])):hover .bx--card__wrapper {\n  background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n\n@media (min-width: 42rem) {\n  .bx--feature-card ::slotted([slot='image']),\n  .bx--feature-card dds-image,\n  .bx--feature-card .bx--image,\n  :host(dds-feature-card:not([size='large'])) ::slotted([slot='image']),\n  :host(dds-feature-card:not([size='large'])) dds-image,\n  :host(dds-feature-card:not([size='large'])) .bx--image,\n  :host(dds-feature-cta:not([size='large'])) ::slotted([slot='image']),\n  :host(dds-feature-cta:not([size='large'])) dds-image,\n  :host(dds-feature-cta:not([size='large'])) .bx--image {\n    width: 50%;\n    height: 100%; } }\n\n.bx--feature-card .bx--feature-card__card .bx--card__footer,\n:host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer,\n:host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer {\n  flex-direction: row-reverse; }\n  @media (max-width: 41.98rem) {\n    .bx--feature-card .bx--feature-card__card .bx--card__footer,\n    :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer,\n    :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer {\n      flex-direction: row; } }\n  .bx--feature-card .bx--feature-card__card .bx--card__footer svg,\n  :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer svg,\n  :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer svg {\n    fill: var(--cds-inverse-link, #78a9ff);\n    width: 1.25rem;\n    height: 1.25rem; }\n    @media (min-width: 42rem) {\n      .bx--feature-card .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer svg {\n        width: 1.5rem;\n        height: 1.5rem; } }\n    @media (min-width: 99rem) {\n      .bx--feature-card .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer svg {\n        width: 2rem;\n        height: 2rem; } }\n\n.bx--feature-card ::slotted(svg[slot='footer']),\n:host(dds-feature-card:not([size='large'])) ::slotted(svg[slot='footer']),\n:host(dds-feature-cta:not([size='large'])) ::slotted(svg[slot='footer']) {\n  margin-top: auto;\n  margin-left: auto; }\n\n:host(dds-feature-card[size='large']),\n:host(dds-feature-cta[size='large']),\n.bx--feature-card-large {\n  margin-bottom: 2rem;\n  color: var(--cds-text-01, #161616);\n  background: var(--cds-ui-background, #ffffff);\n  position: relative;\n  margin-left: -1rem;\n  margin-right: -1rem; }\n  @media (min-width: 42rem) {\n    :host(dds-feature-card[size='large']),\n    :host(dds-feature-cta[size='large']),\n    .bx--feature-card-large {\n      margin-bottom: 4rem; } }\n  @media (min-width: 66rem) {\n    :host(dds-feature-card[size='large']),\n    :host(dds-feature-cta[size='large']),\n    .bx--feature-card-large {\n      margin-bottom: 6rem; } }\n  @media (min-width: 82rem) {\n    :host(dds-feature-card[size='large']),\n    :host(dds-feature-cta[size='large']),\n    .bx--feature-card-large {\n      padding-top: 50%; } }\n  :host(dds-feature-card[size='large']) .bx--card,\n  :host(dds-feature-cta[size='large']) .bx--card,\n  .bx--feature-card-large .bx--card {\n    background: none;\n    height: 100%; }\n    :host(dds-feature-card[size='large']) .bx--card:focus-within,\n    :host(dds-feature-cta[size='large']) .bx--card:focus-within,\n    .bx--feature-card-large .bx--card:focus-within {\n      outline-width: 3px;\n      outline-offset: 1px; }\n    @media (min-width: 82rem) {\n      :host(dds-feature-card[size='large']) .bx--card,\n      :host(dds-feature-cta[size='large']) .bx--card,\n      .bx--feature-card-large .bx--card {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        flex-direction: row; } }\n    @media (min-width: 82rem) {\n      :host(dds-feature-card[size='large']) .bx--card ::slotted([slot='image']),\n      :host(dds-feature-card[size='large']) .bx--card dds-image, :host(dds-feature-card[size='large']) .bx--card__wrapper,\n      :host(dds-feature-card[size='large']) .bx--card .bx--image,\n      :host(dds-feature-cta[size='large']) .bx--card ::slotted([slot='image']),\n      :host(dds-feature-cta[size='large']) .bx--card dds-image,\n      :host(dds-feature-cta[size='large']) .bx--card__wrapper,\n      :host(dds-feature-cta[size='large']) .bx--card .bx--image,\n      .bx--feature-card-large .bx--card ::slotted([slot='image']),\n      .bx--feature-card-large .bx--card dds-image,\n      .bx--feature-card-large .bx--card__wrapper,\n      .bx--feature-card-large .bx--card .bx--image {\n        width: 50%;\n        height: 100%; } }\n    :host(dds-feature-card[size='large']) .bx--card .bx--image,\n    :host(dds-feature-cta[size='large']) .bx--card .bx--image,\n    .bx--feature-card-large .bx--card .bx--image {\n      overflow-y: hidden; }\n  :host(dds-feature-card[size='large']) .bx--card__wrapper,\n  :host(dds-feature-cta[size='large']) .bx--card__wrapper,\n  .bx--feature-card-large .bx--card__wrapper {\n    background-color: var(--cds-inverse-02, #393939);\n    min-height: 50%;\n    height: auto; }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper::before,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper::before,\n    .bx--feature-card-large .bx--card__wrapper::before {\n      padding-top: 0; }\n      @media (min-width: 42rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper::before,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper::before,\n        .bx--feature-card-large .bx--card__wrapper::before {\n          padding-top: 50%; } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    .bx--feature-card-large .bx--card__wrapper .bx--card__eyebrow,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__copy,\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n      width: 100%;\n      color: var(--cds-inverse-01, #ffffff);\n      max-width: 30rem; }\n      @media (min-width: 42rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        .bx--feature-card-large .bx--card__wrapper .bx--card__eyebrow,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__copy,\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-eyebrow),\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n          width: 90%; } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__content,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__content,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__content {\n      padding: var(--cds-spacing-07, 2rem) var(--cds-spacing-05, 1rem); }\n      @media (min-width: 42rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__content,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__content,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__content {\n          padding: var(--cds-layout-03, 2rem); } }\n      @media (min-width: 99rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__content,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__content,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__content {\n          padding: var(--cds-layout-05, 4rem); } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    .bx--feature-card-large .bx--card__wrapper .bx--card__eyebrow,\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-eyebrow) {\n      margin: 0 0 var(--cds-spacing-05, 1rem) 0;\n      color: var(--cds-inverse-01, #ffffff); }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n      color: var(--cds-inverse-01, #ffffff);\n      margin-bottom: var(--cds-spacing-07, 2rem);\n      font-size: 1.75rem;\n      font-weight: 400;\n      line-height: 1.28572;\n      letter-spacing: 0;\n      font-size: calc(1.75rem + 0 * ((100vw - 20rem) / 62)); }\n      @media (min-width: 82rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n          font-size: 1.75rem;\n          line-height: 1.25;\n          font-weight: 400;\n          font-size: calc(1.75rem + 0.25 * ((100vw - 82rem) / 17)); } }\n      @media (min-width: 99rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n          font-size: 2rem;\n          font-weight: 400;\n          font-size: 2rem; } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__copy {\n      font-size: var(--cds-body-long-02-font-size, 1rem);\n      font-weight: var(--cds-body-long-02-font-weight, 400);\n      line-height: var(--cds-body-long-02-line-height, 1.5);\n      letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n      @media (max-width: 41.98rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__copy {\n          margin-bottom: var(--cds-spacing-07, 2rem); } }\n  :host(dds-feature-card[size='large']) .bx--card__footer,\n  :host(dds-feature-cta[size='large']) .bx--card__footer,\n  .bx--feature-card-large .bx--card__footer {\n    flex-direction: row; }\n    @media (min-width: 82rem) {\n      :host(dds-feature-card[size='large']) .bx--card__footer,\n      :host(dds-feature-cta[size='large']) .bx--card__footer,\n      .bx--feature-card-large .bx--card__footer {\n        flex-direction: row-reverse; } }\n  @media (min-width: 752px) {\n    :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text,\n    :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text,\n    .bx--feature-card-large.bx--feature-card-large_no-copy-text {\n      padding-top: 50%; } }\n  @media (min-width: 752px) {\n    :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text .bx--card,\n    :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text .bx--card,\n    .bx--feature-card-large.bx--feature-card-large_no-copy-text .bx--card {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      flex-direction: row; }\n      :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text .bx--card__wrapper,\n      :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text .bx--card .bx--image,\n      :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text .bx--card__wrapper,\n      :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text .bx--card .bx--image,\n      .bx--feature-card-large.bx--feature-card-large_no-copy-text .bx--card__wrapper,\n      .bx--feature-card-large.bx--feature-card-large_no-copy-text .bx--card .bx--image {\n        width: 50%;\n        height: 100%; } }\n\n:host(dds-feature-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n.bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta,\n.bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta:visited {\n  margin-top: auto;\n  float: none;\n  fill: var(--cds-inverse-link, #78a9ff);\n  width: 1.25rem;\n  height: 1.25rem;\n  font-size: var(--cds-productive-heading-05-font-size, 2rem);\n  font-weight: var(--cds-productive-heading-05-font-weight, 400);\n  line-height: var(--cds-productive-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0); }\n  @media (min-width: 42rem) {\n    :host(dds-feature-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta,\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta:visited {\n      width: 1.5rem;\n      height: 1.5rem; } }\n  @media (min-width: 99rem) {\n    :host(dds-feature-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta,\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta:visited {\n      width: 2rem;\n      height: 2rem; } }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-card-footer),\n:host(dds-card-cta-footer) {\n  align-self: flex-start;\n  max-width: 90%; }\n  @media (min-width: 42rem) {\n    :host(dds-card-footer),\n    :host(dds-card-cta-footer) {\n      max-width: calc(100% - var(--cds-layout-03, 2rem)); } }\n  :host(dds-card-footer) .dds-ce--card__footer--static,\n  :host(dds-card-cta-footer) .dds-ce--card__footer--static {\n    color: var(--cds-link-01, #0f62fe); }\n  :host(dds-card-footer)[color-scheme='inverse'] .dds-ce--card__footer--static,\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .dds-ce--card__footer--static {\n    color: var(--cds-inverse-link, #78a9ff); }\n  :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon svg, :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n    color: var(--cds-inverse-link, #78a9ff); }\n  :host(dds-card-footer):hover ::slotted(svg[slot='icon']),\n  :host(dds-card-footer):hover .bx--card__cta__copy,\n  :host(dds-card-cta-footer):hover ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer):hover .bx--card__cta__copy {\n    color: var(--cds-hover-primary-text, #0043ce); }\n\n:host(dds-card-footer[href])::after {\n  position: relative; }\n\n:host(dds-feature-card),\n:host(dds-feature-cta) {\n  display: block;\n  outline: none; }\n  :host(dds-feature-card) ::slotted(dds-card-heading),\n  :host(dds-feature-cta) ::slotted(dds-card-heading) {\n    color: var(--cds-inverse-01, #ffffff); }\n  @media (max-width: 41.98rem) {\n    :host(dds-feature-card) .bx--card__wrapper,\n    :host(dds-feature-cta) .bx--card__wrapper {\n      display: block;\n      min-height: 0;\n      height: auto; }\n      :host(dds-feature-card) .bx--card__wrapper .bx--card__content,\n      :host(dds-feature-cta) .bx--card__wrapper .bx--card__content {\n        height: 100%;\n        padding: 1rem; }\n    :host(dds-feature-card) .bx--card--link,\n    :host(dds-feature-cta) .bx--card--link {\n      display: block; } }\n\n:host(dds-feature-card[size='large']):hover .bx--card__wrapper {\n  background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n\n:host(dds-feature-card[size='large']) ::slotted(dds-feature-card-footer) {\n  display: flex;\n  justify-content: flex-start; }\n  @media (min-width: 82rem) {\n    :host(dds-feature-card[size='large']) ::slotted(dds-feature-card-footer) {\n      justify-content: flex-end; } }\n\n:host(dds-feature-card-footer),\n:host(dds-feature-cta-footer) {\n  display: flex;\n  justify-content: flex-start; }\n  @media (min-width: 42rem) {\n    :host(dds-feature-card-footer),\n    :host(dds-feature-cta-footer) {\n      justify-content: flex-end; } }\n  @media (min-width: 99rem) {\n    :host(dds-feature-card-footer)[size='large'] .dds-ce--card__footer ::slotted(svg[slot='icon']),\n    :host(dds-feature-cta-footer)[size='large'] .dds-ce--card__footer ::slotted(svg[slot='icon']) {\n      width: 4rem;\n      height: 4rem; } }\n\n/* Covers regular card style, too */\n/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--card__CTA--disabled {\n  cursor: not-allowed; }\n\n:host(dds-card-link[disabled]) .bx--card__heading,\n:host(dds-card-link[disabled]) ::slotted([slot='heading']),\n:host(dds-card-link[disabled]) .bx--card__copy,\n:host(dds-card-link[disabled]) .bx--card__eyebrow,\n.bx--card__CTA--disabled .bx--card__heading,\n.bx--card__CTA--disabled ::slotted([slot='heading']),\n.bx--card__CTA--disabled .bx--card__copy,\n.bx--card__CTA--disabled .bx--card__eyebrow {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-link[disabled]) .bx--card__footer .bx--link-with-icon svg, :host(dds-card-link[disabled]) .bx--card__footer :host(dds-megamenu-link-with-icon) svg,\n:host(dds-card-link[disabled]) .bx--card__wrapper .bx--link-with-icon svg,\n:host(dds-card-link[disabled]) .bx--card__wrapper :host(dds-megamenu-link-with-icon) svg,\n.bx--card__CTA--disabled .bx--card__footer .bx--link-with-icon svg,\n.bx--card__CTA--disabled .bx--card__footer :host(dds-megamenu-link-with-icon) svg,\n.bx--card__CTA--disabled .bx--card__wrapper .bx--link-with-icon svg,\n.bx--card__CTA--disabled .bx--card__wrapper :host(dds-megamenu-link-with-icon) svg {\n  margin-left: 0;\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-link[disabled]) .bx--card__footer ::slotted(svg[slot='footer']),\n:host(dds-card-link[disabled]) .bx--card__footer svg,\n:host(dds-card-link[disabled]) .bx--card__wrapper ::slotted(svg[slot='footer']),\n:host(dds-card-link[disabled]) .bx--card__wrapper svg,\n.bx--card__CTA--disabled .bx--card__footer ::slotted(svg[slot='footer']),\n.bx--card__CTA--disabled .bx--card__footer svg,\n.bx--card__CTA--disabled .bx--card__wrapper ::slotted(svg[slot='footer']),\n.bx--card__CTA--disabled .bx--card__wrapper svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-link-heading),\n.bx--card-link .bx--card__heading {\n  font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n  line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0); }\n\n:host(dds-card-link-heading) {\n  margin-bottom: 0; }\n\n:host(dds-card-link),\n:host(dds-card-link-cta),\n:host(dds-link-list-item-card),\n:host(dds-link-list-item-card-cta) {\n  max-width: 22.75rem; }\n  :host(dds-card-link) .bx--card__wrapper .bx--card__copy,\n  :host(dds-card-link-cta) .bx--card__wrapper .bx--card__copy,\n  :host(dds-link-list-item-card) .bx--card__wrapper .bx--card__copy,\n  :host(dds-link-list-item-card-cta) .bx--card__wrapper .bx--card__copy {\n    flex: 1; }\n\n:host(dds-card-link-cta) {\n  display: flex; }\n\n:host(dds-feature-section-card-link) .bx--card {\n  max-width: inherit; }\n\n:host(dds-feature-section-card-link) .bx--card__wrapper .bx--card__copy {\n  flex: 1; }\n\n:host(dds-link-list-item-card) ::slotted(dds-card-footer),\n:host(dds-link-list-item-card-cta) ::slotted(dds-card-footer) {\n  margin-block: 2px;\n  margin-inline-start: 32px; }\n  @media (min-width: 66rem) {\n    :host(dds-link-list-item-card) ::slotted(dds-card-footer),\n    :host(dds-link-list-item-card-cta) ::slotted(dds-card-footer) {\n      margin-inline-start: 0; } }\n\n.dds-ce--cta__icon {\n  flex-shrink: 0; }\n\n:host(dds-button-cta) .dds-ce--cta__icon, :host(dds-cloud-button-cta) .dds-ce--cta__icon {\n  position: absolute;\n  right: 1rem;\n  top: 50%;\n  transform: translateY(-50%); }\n\n:host(dds-cta) {\n  display: block; }\n\n:host(dds-cloud-masthead-container),\ndds-cloud-masthead-container {\n  position: relative; }\n\n:host(dds-cloud-masthead-global-bar) {\n  background-color: var(--cds-ui-background, #ffffff);\n  flex: none;\n  z-index: 0; }\n\n@media (max-width: 41.98rem) {\n  :host(dds-cloud-masthead-global-bar) ::slotted(dds-cloud-button-cta) {\n    display: none; } }\n\n:host(dds-cloud-button-cta) {\n  margin: 0;\n  padding-right: 0; }\n  :host(dds-cloud-button-cta).console .bx--btn--ghost {\n    border-left: 1px solid var(--cds-button-separator, #e0e0e0);\n    color: var(--cds-link-02, #0043ce); }\n  :host(dds-cloud-button-cta) .bx--btn {\n    padding: calc(0.875rem - 3px) 0.9375rem; }\n  :host(dds-cloud-button-cta) .bx--btn--ghost {\n    color: var(--cds-text-02, #525252); }\n    :host(dds-cloud-button-cta) .bx--btn--ghost:hover, :host(dds-cloud-button-cta) .bx--btn--ghost:focus {\n      color: var(--cds-text-01, #161616); }\n\n:host(dds-cloud-top-nav-name) {\n  outline: none;\n  position: relative;\n  z-index: 1;\n  background-color: var(--cds-ui-background, #ffffff); }\n  :host(dds-cloud-top-nav-name) a.bx--header__name {\n    margin-left: 0;\n    font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n    line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n    letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0);\n    color: var(--cds-text-01, #161616);\n    padding-left: 1rem;\n    padding-right: 1rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    position: relative;\n    white-space: nowrap;\n    z-index: 1;\n    background-color: var(--cds-ui-background, #ffffff); }\n    @media (min-width: 66rem) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        margin-left: 1rem; } }\n    :host(dds-cloud-top-nav-name) a.bx--header__name:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5);\n      color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-top-nav-name) a.bx--header__name:active, :host(dds-cloud-top-nav-name) a.bx--header__name:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (max-width: 800px) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        display: none; } }\n    @media (max-width: 800px) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        display: flex;\n        position: absolute;\n        top: 0;\n        left: 0; } }\n    @media (min-width: 66rem) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        margin-left: 0; } }\n    @media (min-width: 82rem) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        margin-left: 1rem;\n        position: relative; } }\n\n:host(dds-cloud-megamenu),\n.bx--masthead__megamenu {\n  position: relative; }\n  :host(dds-cloud-megamenu)::after,\n  .bx--masthead__megamenu::after {\n    content: '';\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 3rem;\n    background: linear-gradient(rgba(255, 255, 255, 0.001), var(--cds-ui-background, #ffffff));\n    /* transparent keyword is broken in Safari */ }\n  :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n  .bx--masthead__megamenu .bx--masthead__megamenu__container {\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden; }\n  @media (min-width: 960px) and (max-width: 1055px) {\n    :host(dds-cloud-megamenu) .bx--masthead__megamenu__container--row,\n    .bx--masthead__megamenu .bx--masthead__megamenu__container--row {\n      flex-direction: inherit; } }\n\n:host(dds-cloud-megamenu-left-navigation) {\n  display: block;\n  max-width: 25%;\n  flex: 0 0 25%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border-right: 0.0625rem solid var(--cds-ui-03, #e0e0e0); }\n  @media (min-width: 42rem) {\n    :host(dds-cloud-megamenu-left-navigation) {\n      min-height: 36.25rem; } }\n  @media (min-width: 82rem) {\n    :host(dds-cloud-megamenu-left-navigation) {\n      min-height: 29.6875rem; } }\n\n:host(dds-cloud-megamenu-right-navigation) {\n  display: block;\n  max-width: 75%;\n  flex: 0 0 75%;\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--cds-spacing-06, 1.5rem);\n  margin-bottom: var(--cds-spacing-07, 2rem); }\n\n:host(dds-cloud-megamenu-tabs) {\n  display: flex;\n  flex-direction: column;\n  margin-top: 1.125rem;\n  margin-bottom: 1.125rem; }\n  :host(dds-cloud-megamenu-tabs) .bx--tabs-trigger {\n    display: none; }\n\n:host(dds-cloud-megamenu-tab) {\n  outline: 0; }\n  :host(dds-cloud-megamenu-tab) button {\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    color: var(--cds-text-02, #525252);\n    width: 100%;\n    border: none;\n    text-align: left;\n    padding: 0.375rem var(--cds-spacing-05, 1rem);\n    background-color: var(--cds-ui-background, #ffffff);\n    cursor: pointer; }\n    :host(dds-cloud-megamenu-tab) button:hover, :host(dds-cloud-megamenu-tab) button:focus {\n      color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-megamenu-tab) button:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    :host(dds-cloud-megamenu-tab) button:focus {\n      outline: 0.125rem solid var(--cds-focus, #0f62fe);\n      outline-offset: -0.125rem; }\n\n:host(dds-cloud-megamenu-tab)[selected] button {\n  background-color: var(--cds-selected-ui, #e0e0e0);\n  color: var(--cds-text-01, #161616); }\n\n:host(dds-cloud-megamenu-category-link-group) {\n  display: flex;\n  flex-flow: wrap;\n  justify-content: flex-start; }\n\n:host(dds-cloud-megamenu-category-link) {\n  width: 100%;\n  max-width: 50%;\n  outline: 0; }\n  @media (min-width: 82rem) {\n    :host(dds-cloud-megamenu-category-link) {\n      max-width: 33.33%; } }\n  :host(dds-cloud-megamenu-category-link) a {\n    display: block;\n    padding: var(--cds-spacing-04, 0.75rem) var(--cds-spacing-05, 1rem);\n    height: 100%; }\n    :host(dds-cloud-megamenu-category-link) a p {\n      font-size: var(--cds-expressive-heading-01-font-size, 0.875rem);\n      font-weight: var(--cds-expressive-heading-01-font-weight, 600);\n      line-height: var(--cds-expressive-heading-01-line-height, 1.25);\n      letter-spacing: var(--cds-expressive-heading-01-letter-spacing, 0.16px);\n      color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-megamenu-category-link) a span {\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      color: var(--cds-text-02, #525252);\n      display: block;\n      width: 90%; }\n    :host(dds-cloud-megamenu-category-link) a:hover {\n      text-decoration: none;\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n      :host(dds-cloud-megamenu-category-link) a:hover span {\n        color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-megamenu-category-link) a:focus {\n      outline: 0.125rem solid var(--cds-focus, #0f62fe);\n      outline-offset: -0.125rem; }\n\n:host(dds-cloud-megamenu-category-heading) {\n  display: block;\n  padding: 0 var(--cds-spacing-05, 1rem);\n  margin-bottom: var(--cds-spacing-07, 2rem);\n  width: 66.66%; }\n  @media (min-width: 66rem) {\n    :host(dds-cloud-megamenu-category-heading) {\n      width: auto; } }\n  :host(dds-cloud-megamenu-category-heading) h2 {\n    display: flex;\n    margin-bottom: var(--cds-spacing-03, 0.5rem); }\n    :host(dds-cloud-megamenu-category-heading) h2 a {\n      color: var(--cds-text-01, #161616);\n      text-decoration: none;\n      align-self: center; }\n      :host(dds-cloud-megamenu-category-heading) h2 a svg {\n        margin: 0 var(--cds-spacing-03, 0.5rem);\n        padding-top: var(--cds-spacing-02, 0.25rem);\n        fill: var(--cds-icon-01, #161616);\n        /* stylelint-disable-next-line comment-whitespace-inside */\n        /* !rtl:raw:\n        transform: scaleX(-1);\n        */ }\n      :host(dds-cloud-megamenu-category-heading) h2 a:hover {\n        text-decoration: underline; }\n      :host(dds-cloud-megamenu-category-heading) h2 a:focus {\n        outline: 0.125rem solid var(--cds-focus, #0f62fe);\n        outline-offset: -0.125rem; }\n  :host(dds-cloud-megamenu-category-heading) span {\n    display: block;\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    color: var(--cds-text-02, #525252); }\n    @media (min-width: 66rem) {\n      :host(dds-cloud-megamenu-category-heading) span {\n        width: 40%; } }\n\n:host(dds-cloud-left-nav-item) a.bx--side-nav__link .bx--side-nav__link-text {\n  color: var(--cds-text-02, #525252); }\n  :host(dds-cloud-left-nav-item) a.bx--side-nav__link .bx--side-nav__link-text:hover, :host(dds-cloud-left-nav-item) a.bx--side-nav__link .bx--side-nav__link-text:focus {\n    color: var(--cds-text-01, #161616); }\n\n:host(dds-cloud-left-nav-item):last-child a.bx--side-nav__link .bx--side-nav__link-text {\n  color: var(--cds-link-01, #0f62fe); }\n  :host(dds-cloud-left-nav-item):last-child a.bx--side-nav__link .bx--side-nav__link-text:hover, :host(dds-cloud-left-nav-item):last-child a.bx--side-nav__link .bx--side-nav__link-text:focus {\n    color: var(--cds-link-02, #0043ce); }\n\n@media (max-width: 41.98rem) {\n  :host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n    width: 100vw; } }\n\n:host(dds-cloud-masthead-profile) a.bx--header__menu-item svg {\n  fill: var(--cds-icon-02, #525252); }\n"]);
+var styles$2 = css([".bx--text-truncate--end {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.bx--text-truncate--front {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  direction: rtl;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline; }\n\nbutton,\nselect,\ninput,\ntextarea {\n  border-radius: 0;\n  font-family: inherit; }\n\ninput[type='text']::-ms-clear {\n  display: none; }\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection {\n  display: block; }\n\nbody {\n  line-height: 1; }\n\nsup {\n  vertical-align: super; }\n\nsub {\n  vertical-align: sub; }\n\nol,\nul {\n  list-style: none; }\n\nblockquote,\nq {\n  quotes: none; }\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n  content: ''; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\n* {\n  box-sizing: border-box; }\n\nbutton {\n  margin: 0; }\n\nhtml {\n  font-size: 100%; }\n\nbody {\n  font-weight: 400;\n  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility; }\n\ncode {\n  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\nstrong {\n  font-weight: 600; }\n\n@media screen and (-ms-high-contrast: active) {\n  svg {\n    fill: ButtonText; } }\n\nh1 {\n  font-size: var(--cds-productive-heading-06-font-size, 2.625rem);\n  font-weight: var(--cds-productive-heading-06-font-weight, 300);\n  line-height: var(--cds-productive-heading-06-line-height, 1.199);\n  letter-spacing: var(--cds-productive-heading-06-letter-spacing, 0); }\n\nh2 {\n  font-size: var(--cds-productive-heading-05-font-size, 2rem);\n  font-weight: var(--cds-productive-heading-05-font-weight, 400);\n  line-height: var(--cds-productive-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0); }\n\nh3 {\n  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);\n  font-weight: var(--cds-productive-heading-04-font-weight, 400);\n  line-height: var(--cds-productive-heading-04-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0); }\n\nh4 {\n  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-productive-heading-03-font-weight, 400);\n  line-height: var(--cds-productive-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0); }\n\nh5 {\n  font-size: var(--cds-productive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-productive-heading-02-font-weight, 600);\n  line-height: var(--cds-productive-heading-02-line-height, 1.375);\n  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0); }\n\nh6 {\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px); }\n\np {\n  font-size: var(--cds-body-long-02-font-size, 1rem);\n  font-weight: var(--cds-body-long-02-font-weight, 400);\n  line-height: var(--cds-body-long-02-line-height, 1.5);\n  letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n\na {\n  color: #0f62fe; }\n\nem {\n  font-style: italic; }\n\n@keyframes skeleton {\n  0% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left; }\n  20% {\n    opacity: 1;\n    transform: scaleX(1);\n    transform-origin: left; }\n  28% {\n    transform: scaleX(1);\n    transform-origin: right; }\n  51% {\n    transform: scaleX(0);\n    transform-origin: right; }\n  58% {\n    transform: scaleX(0);\n    transform-origin: right; }\n  82% {\n    transform: scaleX(1);\n    transform-origin: right; }\n  83% {\n    transform: scaleX(1);\n    transform-origin: left; }\n  96% {\n    transform: scaleX(0);\n    transform-origin: left; }\n  100% {\n    opacity: 0.3;\n    transform: scaleX(0);\n    transform-origin: left; } }\n\n.bx--header, :host(bx-header) {\n  position: fixed;\n  z-index: 8000;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  height: 3rem;\n  align-items: center;\n  border-bottom: 1px solid #393939;\n  background-color: #161616; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  width: 3rem;\n  height: 3rem;\n  border: 0.0625rem solid transparent;\n  transition: background-color 110ms, border-color 110ms; }\n  .bx--header__action *,\n  .bx--header__action *::before,\n  .bx--header__action *::after {\n    box-sizing: inherit; }\n  .bx--header__action::-moz-focus-inner {\n    border: 0; }\n\n.bx--header__action > svg.bx--navigation-menu-panel-collapse-icon,\n.bx--header__action--active > svg.bx--navigation-menu-panel-expand-icon {\n  display: none; }\n\n.bx--header__action--active > svg.bx--navigation-menu-panel-collapse-icon {\n  display: inline; }\n\n.bx--header__action:hover {\n  background-color: #353535; }\n\n.bx--header__action--active {\n  border-right: 1px solid #393939;\n  border-bottom: 1px solid #161616;\n  border-left: 1px solid #393939; }\n\n.bx--header__action:focus {\n  border-color: #ffffff;\n  outline: none; }\n\n.bx--header__action:active {\n  background-color: #393939; }\n\n.bx--header__action.bx--btn--icon-only.bx--tooltip__trigger, .bx--header__action.bx--btn--icon-only:host(bx-tooltip) {\n  justify-content: center; }\n\n.bx--header__action > svg {\n  fill: #ffffff; }\n\n.bx--header__menu-trigger > svg {\n  fill: #f4f4f4; }\n\n.bx--header__menu-trigger:hover {\n  fill: #2c2c2c; }\n\n.bx--header__menu-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n\n@media (min-width: 66rem) {\n  .bx--header__menu-toggle__hidden {\n    display: none; } }\n\na.bx--header__name {\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: flex;\n  height: 100%;\n  align-items: center;\n  padding: 0 2rem 0 1rem;\n  border: 0.125rem solid transparent;\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  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\na.bx--header__name:focus {\n  border-color: #ffffff; }\n\n.bx--header__name--prefix {\n  font-weight: 400; }\n\na.bx--header__name,\na.bx--header__name:hover {\n  color: #f4f4f4; }\n\n.bx--header__menu-toggle:not(.bx--header__menu-toggle__hidden) ~ .bx--header__name {\n  padding-left: 0.5rem; }\n\n.bx--header__nav, :host(bx-header-nav) {\n  position: relative;\n  display: none;\n  height: 100%;\n  padding-left: 1rem; }\n  @media (min-width: 66rem) {\n    .bx--header__nav, :host(bx-header-nav) {\n      display: block; } }\n  .bx--header__nav::before, :host(bx-header-nav)::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    display: block;\n    width: 0.0625rem;\n    height: 1.5rem;\n    background-color: #393939;\n    content: '';\n    transform: translateY(-50%); }\n\n.bx--header__menu-bar {\n  display: flex;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  list-style: none; }\n\na.bx--header__menu-item {\n  position: relative;\n  display: flex;\n  height: 100%;\n  align-items: center;\n  padding: 0 1rem;\n  border: 2px solid transparent;\n  color: #c6c6c6;\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  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\na.bx--header__menu-item:hover {\n  background-color: #2c2c2c;\n  color: #f4f4f4; }\n\n.bx--header__action:active,\na.bx--header__menu-item:active {\n  background-color: #393939;\n  color: #f4f4f4; }\n\na.bx--header__menu-item:focus {\n  border-color: #ffffff;\n  color: #f4f4f4;\n  outline: none; }\n\na.bx--header__menu-item:hover > svg,\na.bx--header__menu-item:active > svg,\na.bx--header__menu-item:focus > svg {\n  fill: #f4f4f4; }\n\na.bx--header__menu-item[aria-current='page']::after,\n.bx--header__menu-item--current::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  border-bottom: 3px solid var(--cds-inverse-support-04, #4589ff);\n  content: ''; }\n\na.bx--header__menu-item[aria-current='page']:focus::after,\n.bx--header__menu-item--current:focus::after {\n  border: 0; }\n\na.bx--header__menu-item[aria-current='page']:focus,\na.bx--header__menu-item.bx--header__menu-item--current:focus {\n  border: 2px solid #ffffff; }\n\n.bx--header__submenu, :host(bx-header-menu), :host(dds-top-nav-menu),\n:host(dds-megamenu-top-nav-menu),\n:host(dds-masthead-profile),\n:host(dds-cloud-masthead-profile) {\n  position: relative; }\n\n.bx--header__submenu--current::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);\n  content: ''; }\n\n.bx--header__submenu--current:focus {\n  border: 2px solid var(--cds-focus, #0f62fe); }\n\n.bx--header__submenu--current:focus::after {\n  border: 0; }\n\n.bx--header__menu-title[aria-haspopup='true'] {\n  position: relative; }\n\n.bx--header__menu-title[aria-expanded='true'] {\n  z-index: 8001;\n  background-color: #262626;\n  color: #ffffff; }\n\n.bx--header__menu-title[aria-expanded='true'] > .bx--header__menu-arrow {\n  transform: rotate(180deg); }\n\n.bx--header__menu {\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none; }\n\n.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  position: absolute;\n  z-index: 8000;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 12.5rem;\n  flex-direction: column;\n  background-color: #262626;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n  transform: translateY(100%); }\n\n.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover {\n  background-color: #353535; }\n\n.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:active {\n  background-color: #393939; }\n\n.bx--header__menu .bx--header__menu-item {\n  height: 3rem; }\n\n.bx--header__menu .bx--header__menu-item:hover {\n  background-color: #262626;\n  color: #f4f4f4; }\n\n.bx--header__menu-arrow {\n  margin-left: 0.5rem;\n  fill: #c6c6c6;\n  transition: transform 110ms, fill 110ms; }\n\n.bx--header__global, :host(dds-masthead-global-bar), :host(dds-cloud-masthead-global-bar) {\n  display: flex;\n  height: 100%;\n  flex: 1 1 0%;\n  justify-content: flex-end; }\n\n.bx--skip-to-content {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap; }\n\n.bx--skip-to-content:focus {\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: auto;\n  height: 3rem;\n  align-items: center;\n  padding: 0 1rem;\n  border: 4px solid #0f62fe;\n  background-color: #161616;\n  clip: auto;\n  color: #f4f4f4;\n  outline: none; }\n\n.bx--assistive-text,\n.bx--visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap; }\n\n.bx--body {\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-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  background-color: var(--cds-ui-background, #ffffff);\n  color: var(--cds-text-01, #161616);\n  line-height: 1; }\n  .bx--body *,\n  .bx--body *::before,\n  .bx--body *::after {\n    box-sizing: inherit; }\n\n.bx--side-nav, :host(bx-side-nav), :host(dds-left-nav) {\n  position: fixed;\n  z-index: 8000;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  width: 3rem;\n  max-width: 16rem;\n  background-color: #ffffff;\n  color: #525252;\n  transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n  will-change: width; }\n\n.bx--side-nav--ux, :host(bx-side-nav), :host(dds-left-nav) {\n  top: var(--cds-spacing-09, 3rem);\n  width: 16rem; }\n  @media (max-width: 65.98rem) {\n    .bx--side-nav--ux, :host(bx-side-nav), :host(dds-left-nav) {\n      width: 0; } }\n\n.bx--side-nav--rail {\n  width: 3rem; }\n\n.bx--side-nav--hidden {\n  width: 0; }\n\n.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover, .bx--side-nav--rail:not(.bx--side-nav--fixed):hover:host(bx-side-nav), .bx--side-nav--rail:not(.bx--side-nav--fixed):hover:host(dds-left-nav),\n.bx--side-nav--expanded,\n:host(bx-side-nav[expanded]),\n:host(bx-side-nav[collapse-mode][expanded]) {\n  width: 16rem; }\n\n.bx--side-nav__overlay, :host(dds-left-nav-overlay) {\n  position: fixed;\n  top: 3rem;\n  left: 0;\n  width: 0;\n  height: 0;\n  background-color: transparent;\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (max-width: 65.98rem) {\n  .bx--side-nav__overlay-active {\n    width: 100vw;\n    height: 100vh;\n    background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); } }\n\n.bx--header ~ .bx--side-nav, :host(bx-header) ~ .bx--side-nav, .bx--header ~ :host(bx-side-nav), :host(bx-header) ~ :host(bx-side-nav), .bx--header ~ :host(dds-left-nav), :host(bx-header) ~ :host(dds-left-nav) {\n  top: 3rem;\n  height: calc(100% - 48px); }\n\n.bx--side-nav--fixed {\n  width: 16rem; }\n\n.bx--side-nav--collapsed {\n  width: 16rem;\n  transform: translateX(-16rem); }\n\n.bx--side-nav__navigation, :host(bx-side-nav), :host(dds-left-nav) {\n  display: flex;\n  height: 100%;\n  flex-direction: column; }\n\n.bx--side-nav__header {\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  height: 3rem;\n  border-bottom: 1px solid #393939; }\n  .bx--side-nav:hover .bx--side-nav__header, :hover:host(bx-side-nav) .bx--side-nav__header, :hover:host(dds-left-nav) .bx--side-nav__header,\n  .bx--side-nav--fixed .bx--side-nav__header,\n  .bx--side-nav--expanded .bx--side-nav__header,\n  :host(bx-side-nav[expanded]) .bx--side-nav__header {\n    height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__header, :host(bx-side-nav) .bx--side-nav__header, :host(dds-left-nav) .bx--side-nav__header {\n  height: auto; }\n\n.bx--side-nav__details {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n  padding-right: 1rem;\n  opacity: 0;\n  visibility: hidden; }\n  .bx--side-nav:hover .bx--side-nav__details, :hover:host(bx-side-nav) .bx--side-nav__details, :hover:host(dds-left-nav) .bx--side-nav__details,\n  .bx--side-nav--fixed .bx--side-nav__details,\n  .bx--side-nav--expanded .bx--side-nav__details,\n  :host(bx-side-nav[expanded]) .bx--side-nav__details {\n    visibility: inherit;\n    opacity: 1; }\n\n.bx--side-nav--ux .bx--side-nav__details, :host(bx-side-nav) .bx--side-nav__details, :host(dds-left-nav) .bx--side-nav__details {\n  opacity: 1;\n  visibility: inherit; }\n\n.bx--side-nav__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-top: 1rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  letter-spacing: 0.1px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\n.bx--side-nav__title,\n.bx--side-nav__select {\n  padding-left: 0.5rem; }\n\n.bx--side-nav__switcher {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n\n.bx--side-nav__switcher-chevron {\n  position: absolute;\n  top: 0;\n  right: 0.5rem;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  fill: #525252; }\n\n.bx--side-nav__select {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  min-width: 0;\n  height: 2rem;\n  flex: 1 1 0%;\n  padding-right: 2rem;\n  border: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #161616;\n  border-radius: 0;\n  color: #f4f4f4;\n  cursor: pointer;\n  font-size: 0.75rem;\n  transition: outline 110ms; }\n\n.bx--side-nav__select:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--side-nav__select:focus {\n      outline-style: dotted; } }\n\n.bx--side-nav__footer {\n  width: 100%;\n  flex: 0 0 3rem;\n  background-color: #ffffff; }\n\n.bx--side-nav__toggle {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  padding-left: 1rem;\n  text-align: left;\n  transition: outline 110ms; }\n  .bx--side-nav__toggle *,\n  .bx--side-nav__toggle *::before,\n  .bx--side-nav__toggle *::after {\n    box-sizing: inherit; }\n  .bx--side-nav__toggle::-moz-focus-inner {\n    border: 0; }\n\n.bx--side-nav__toggle:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--side-nav__toggle:focus {\n      outline-style: dotted; } }\n\n.bx--side-nav__items, :host(bx-side-nav-items), :host(dds-left-nav-items) {\n  overflow: hidden;\n  flex: 1 1 0%;\n  padding: 1rem 0 0; }\n  .bx--side-nav:hover .bx--side-nav__items, :hover:host(bx-side-nav) .bx--side-nav__items, :hover:host(dds-left-nav) .bx--side-nav__items, .bx--side-nav:hover :host(bx-side-nav-items), :hover:host(bx-side-nav) :host(bx-side-nav-items), :hover:host(dds-left-nav) :host(bx-side-nav-items), .bx--side-nav:hover :host(dds-left-nav-items), :hover:host(bx-side-nav) :host(dds-left-nav-items), :hover:host(dds-left-nav) :host(dds-left-nav-items),\n  .bx--side-nav--fixed .bx--side-nav__items,\n  .bx--side-nav--fixed :host(bx-side-nav-items),\n  .bx--side-nav--fixed :host(dds-left-nav-items),\n  .bx--side-nav--expanded .bx--side-nav__items,\n  :host(bx-side-nav[expanded]) .bx--side-nav__items,\n  .bx--side-nav--expanded :host(bx-side-nav-items),\n  :host(bx-side-nav[expanded]) :host(bx-side-nav-items),\n  :host(bx-side-nav[collapse-mode][expanded]) :host(bx-side-nav-items),\n  .bx--side-nav--expanded :host(dds-left-nav-items),\n  :host(bx-side-nav[expanded]) :host(dds-left-nav-items),\n  :host(bx-side-nav[collapse-mode][expanded]) :host(dds-left-nav-items) {\n    overflow-y: auto; }\n\n.bx--side-nav--ux .bx--side-nav__items, :host(bx-side-nav) .bx--side-nav__items, :host(dds-left-nav) .bx--side-nav__items, .bx--side-nav--ux :host(bx-side-nav-items), :host(bx-side-nav) :host(bx-side-nav-items), :host(dds-left-nav) :host(bx-side-nav-items), .bx--side-nav--ux :host(dds-left-nav-items), :host(bx-side-nav) :host(dds-left-nav-items), :host(dds-left-nav) :host(dds-left-nav-items) {\n  overflow-y: auto; }\n\n.bx--side-nav__item, :host(bx-side-nav-link), :host(dds-left-nav-item), :host(dds-cloud-left-nav-item), :host(bx-side-nav-menu), :host(dds-left-nav-menu) {\n  overflow: hidden;\n  width: auto;\n  height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__item, :host(bx-side-nav) .bx--side-nav__item, :host(dds-left-nav) .bx--side-nav__item, .bx--side-nav--ux :host(bx-side-nav-link), :host(bx-side-nav) :host(bx-side-nav-link), :host(dds-left-nav) :host(bx-side-nav-link), .bx--side-nav--ux :host(dds-left-nav-item), :host(bx-side-nav) :host(dds-left-nav-item), :host(dds-left-nav) :host(dds-left-nav-item), .bx--side-nav--ux :host(dds-cloud-left-nav-item), :host(bx-side-nav) :host(dds-cloud-left-nav-item), :host(dds-left-nav) :host(dds-cloud-left-nav-item), .bx--side-nav--ux :host(bx-side-nav-menu), :host(bx-side-nav) :host(bx-side-nav-menu), :host(dds-left-nav) :host(bx-side-nav-menu), .bx--side-nav--ux :host(dds-left-nav-menu), :host(bx-side-nav) :host(dds-left-nav-menu), :host(dds-left-nav) :host(dds-left-nav-menu) {\n  width: auto;\n  height: auto; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__submenu:hover, .bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-link) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-cloud-left-nav-item) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(bx-side-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):hover:host(dds-left-nav-menu) :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__submenu:hover,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__link:hover,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__link:hover,\n.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current='page']):hover,\n.bx--side-nav a.bx--header__menu-item:hover,\n:host(bx-side-nav) a.bx--header__menu-item:hover,\n:host(dds-left-nav) a.bx--header__menu-item:hover,\n.bx--side-nav .bx--header__menu-title[aria-expanded='true']:hover,\n:host(bx-side-nav) .bx--header__menu-title[aria-expanded='true']:hover,\n:host(dds-left-nav) .bx--header__menu-title[aria-expanded='true']:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) > .bx--side-nav__link:hover > span, :not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) > .bx--side-nav__link:hover > span,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) :host(bx-side-nav-menu-item) > .bx--side-nav__link:hover > span,\n.bx--side-nav__item:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-link) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-item) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-cloud-left-nav-item) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(bx-side-nav-menu) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span,\n:not(.bx--side-nav__item--active):not(:host(bx-side-nav-menu[active])):host(dds-left-nav-menu) :host(dds-left-nav-menu-item) > .bx--side-nav__link:hover > span {\n  color: #161616; }\n\n.bx--side-nav__item--large {\n  height: 3rem; }\n\n.bx--side-nav__divider, :host(bx-side-nav-divider) {\n  height: 1px;\n  margin: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);\n  background-color: #e0e0e0; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: flex;\n  height: 2rem;\n  align-items: center;\n  padding: 0 1rem;\n  color: #525252;\n  transition: color 110ms, background-color 110ms, outline 110ms;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--side-nav__submenu *,\n  .bx--side-nav__submenu *::before,\n  .bx--side-nav__submenu *::after {\n    box-sizing: inherit; }\n  .bx--side-nav__submenu::-moz-focus-inner {\n    border: 0; }\n\n.bx--side-nav__submenu:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n.bx--side-nav__submenu:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--side-nav__submenu:focus {\n      outline-style: dotted; } }\n\n.bx--side-nav__submenu-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left; }\n\n.bx--side-nav__icon.bx--side-nav__submenu-chevron {\n  display: flex;\n  flex: 1;\n  justify-content: flex-end; }\n\n.bx--side-nav__submenu-chevron > svg {\n  width: 1rem;\n  height: 1rem;\n  transition: transform 110ms; }\n\n.bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron > svg {\n  transform: rotate(180deg); }\n\n.bx--side-nav__item--large .bx--side-nav__submenu {\n  height: 3rem; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu:hover, :host(bx-side-nav-menu[active]) .bx--side-nav__submenu:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded='false'], :host(bx-side-nav-menu[active]) .bx--side-nav__submenu[aria-expanded='false'] {\n  position: relative;\n  background-color: #e5e5e5;\n  color: #161616; }\n  .bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded='false']::before, :host(bx-side-nav-menu[active]) .bx--side-nav__submenu[aria-expanded='false']::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 4px;\n    background-color: #0f62fe;\n    content: ''; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu-title, :host(bx-side-nav-menu[active]) .bx--side-nav__submenu-title {\n  color: #161616;\n  font-weight: 600; }\n\n.bx--side-nav__menu {\n  display: block;\n  max-height: 0;\n  visibility: hidden; }\n\n.bx--side-nav__submenu[aria-expanded='true'] + .bx--side-nav__menu {\n  max-height: 93.75rem;\n  visibility: inherit; }\n\n.bx--side-nav__menu a.bx--side-nav__link {\n  height: 2rem;\n  min-height: 2rem;\n  padding-left: 2rem;\n  font-weight: 400; }\n\n.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link, .bx--side-nav__item--icon:host(bx-side-nav-link) a.bx--side-nav__link, :host(bx-side-nav-link):host(bx-side-nav-menu[has-icon]) a.bx--side-nav__link, :host(bx-side-nav-menu[has-icon]):host(dds-left-nav-item) a.bx--side-nav__link, :host(bx-side-nav-menu[has-icon]):host(dds-cloud-left-nav-item) a.bx--side-nav__link, .bx--side-nav__item--icon:host(dds-left-nav-item) a.bx--side-nav__link, .bx--side-nav__item--icon:host(dds-cloud-left-nav-item) a.bx--side-nav__link, .bx--side-nav__item--icon:host(bx-side-nav-menu) a.bx--side-nav__link, :host(bx-side-nav-menu):host(bx-side-nav-menu[has-icon]) a.bx--side-nav__link, .bx--side-nav__item--icon:host(dds-left-nav-menu) a.bx--side-nav__link, :host(dds-left-nav-menu):host(bx-side-nav-menu[has-icon]) a.bx--side-nav__link {\n  padding-left: 4.5rem; }\n\n.bx--side-nav__menu a.bx--side-nav__link--current,\n.bx--side-nav__menu a.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n  background-color: #e0e0e0; }\n  .bx--side-nav__menu a.bx--side-nav__link--current > span,\n  .bx--side-nav__menu a.bx--side-nav__link[aria-current='page'] > span,\n  a.bx--side-nav__link--current > span {\n    color: #161616;\n    font-weight: 600; }\n\na.bx--side-nav__link,\n.bx--side-nav a.bx--header__menu-item,\n:host(bx-side-nav) a.bx--header__menu-item,\n:host(dds-left-nav) a.bx--header__menu-item,\n.bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n  position: relative;\n  display: flex;\n  min-height: 2rem;\n  align-items: center;\n  padding: 0 1rem;\n  text-decoration: none;\n  transition: color 110ms, background-color 110ms, outline 110ms; }\n\n.bx--side-nav__item--large a.bx--side-nav__link {\n  height: 3rem; }\n\na.bx--side-nav__link > .bx--side-nav__link-text,\n.bx--side-nav a.bx--header__menu-item .bx--text-truncate-end,\n:host(bx-side-nav) a.bx--header__menu-item .bx--text-truncate-end,\n:host(dds-left-nav) a.bx--header__menu-item .bx--text-truncate-end {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #525252;\n  font-size: 0.875rem;\n  letter-spacing: 0.1px;\n  line-height: 1.25rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n\na.bx--side-nav__link:focus,\n.bx--side-nav a.bx--header__menu-item:focus,\n:host(bx-side-nav) a.bx--header__menu-item:focus,\n:host(dds-left-nav) a.bx--header__menu-item:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    a.bx--side-nav__link:focus,\n    .bx--side-nav a.bx--header__menu-item:focus,\n    :host(bx-side-nav) a.bx--header__menu-item:focus,\n    :host(dds-left-nav) a.bx--header__menu-item:focus {\n      outline-style: dotted; } }\n\na.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n  background-color: #e5e5e5;\n  font-weight: 600; }\n\na.bx--side-nav__link[aria-current='page'] .bx--side-nav__link-text,\na.bx--side-nav__link--current .bx--side-nav__link-text {\n  color: #161616; }\n\na.bx--side-nav__link[aria-current='page']::before,\na.bx--side-nav__link--current::before {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 4px;\n  background-color: #0f62fe;\n  content: ''; }\n\n.bx--side-nav__icon {\n  display: flex;\n  flex: 0 0 1rem;\n  align-items: center;\n  justify-content: center; }\n\n.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {\n  margin-right: 1.5rem; }\n\n.bx--side-nav__icon > svg {\n  width: 1rem;\n  height: 1rem;\n  fill: #525252; }\n\n.bx--side-nav__icon > svg.bx--side-nav-collapse-icon {\n  display: none; }\n\n.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-expand-icon, :host(bx-side-nav[expanded]) .bx--side-nav__icon > svg.bx--side-nav-expand-icon {\n  display: none; }\n\n.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-collapse-icon, :host(bx-side-nav[expanded]) .bx--side-nav__icon > svg.bx--side-nav-collapse-icon {\n  display: block; }\n\n.bx--side-nav--fixed a.bx--side-nav__link,\n.bx--side-nav--fixed .bx--side-nav__submenu {\n  padding-left: 1rem; }\n\n.bx--side-nav--fixed .bx--side-nav__item:not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(bx-side-nav-link) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(dds-left-nav-item) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(dds-cloud-left-nav-item) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(bx-side-nav-menu) .bx--side-nav__menu a.bx--side-nav__link, .bx--side-nav--fixed :not(.bx--side-nav__item--icon):not(:host(bx-side-nav-menu[has-icon])):host(dds-left-nav-menu) .bx--side-nav__menu a.bx--side-nav__link {\n  padding-left: 2rem; }\n\n@media (max-width: 65.98rem) {\n  .bx--side-nav .bx--header__nav, :host(bx-side-nav) .bx--header__nav, :host(dds-left-nav) .bx--header__nav, .bx--side-nav :host(bx-header-nav), :host(bx-side-nav) :host(bx-header-nav), :host(dds-left-nav) :host(bx-header-nav) {\n    display: block; } }\n\n.bx--side-nav__header-navigation {\n  display: none; }\n  @media (max-width: 65.98rem) {\n    .bx--side-nav__header-navigation {\n      position: relative;\n      display: block;\n      margin-bottom: 2rem; } }\n\n.bx--side-nav__header-divider::after {\n  position: absolute;\n  bottom: -1rem;\n  left: 1rem;\n  width: calc(100% - 32px);\n  height: 0.0625rem;\n  background: #e0e0e0;\n  content: ''; }\n\n\n.bx--side-nav a.bx--header__menu-item,\n:host(bx-side-nav) a.bx--header__menu-item,\n:host(dds-left-nav) a.bx--header__menu-item {\n  justify-content: space-between;\n  color: #525252;\n  white-space: nowrap; }\n  .bx--side-nav a.bx--header__menu-item[aria-expanded='true'], :host(bx-side-nav) a.bx--header__menu-item[aria-expanded='true'], :host(dds-left-nav) a.bx--header__menu-item[aria-expanded='true'] {\n    background-color: transparent; }\n\n\n.bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  bottom: inherit;\n  width: 100%;\n  padding: 0;\n  background-color: transparent;\n  box-shadow: none;\n  transform: none; }\n  .bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li, :host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li, :host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li {\n    width: 100%; }\n  .bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item, :host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item, :host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item {\n    padding-left: 4.25rem;\n    font-weight: 400; }\n  .bx--side-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item:hover, :host(bx-side-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item:hover, :host(dds-left-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu a.bx--header__menu-item:hover {\n    background-color: #e5e5e5;\n    color: #161616; }\n\n.bx--side-nav .bx--header__menu a.bx--header__menu-item, :host(bx-side-nav) .bx--header__menu a.bx--header__menu-item, :host(dds-left-nav) .bx--header__menu a.bx--header__menu-item {\n  height: inherit; }\n\n.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(bx-side-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(dds-left-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow,\n.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,\n:host(bx-side-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n:host(dds-left-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n.bx--side-nav .bx--header__menu-arrow,\n:host(bx-side-nav) .bx--header__menu-arrow,\n:host(dds-left-nav) .bx--header__menu-arrow {\n  fill: #525252; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--side-nav__icon > svg, .bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(bx-side-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow, :host(dds-left-nav) a.bx--header__menu-item:hover .bx--header__menu-arrow,\n  .bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,\n  :host(bx-side-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n  :host(dds-left-nav) a.bx--header__menu-item:focus .bx--header__menu-arrow,\n  .bx--side-nav .bx--header__menu-arrow,\n  :host(bx-side-nav) .bx--header__menu-arrow,\n  :host(dds-left-nav) .bx--header__menu-arrow {\n    fill: ButtonText; } }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--grid {\n  margin-right: auto;\n  margin-left: auto;\n  max-width: 99rem;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  @media (min-width: 42rem) {\n    .bx--grid {\n      padding-right: 2rem;\n      padding-left: 2rem; } }\n  @media (min-width: 99rem) {\n    .bx--grid {\n      padding-right: 2.5rem;\n      padding-left: 2.5rem; } }\n\n@media (min-width: 99rem) {\n  .bx--grid--full-width {\n    max-width: 100%; } }\n\n.bx--row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -1rem;\n  margin-left: -1rem; }\n\n.bx--row-padding [class*='bx--col'],\n.bx--col-padding {\n  padding-top: 1rem;\n  padding-bottom: 1rem; }\n\n.bx--grid--condensed [class*='bx--col'] {\n  padding-top: 0.03125rem;\n  padding-bottom: 0.03125rem; }\n\n.bx--col {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col,\n  .bx--grid--condensed .bx--col {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col,\n  .bx--grid--narrow .bx--col {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-0,\n  .bx--grid--condensed .bx--col-sm-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-0,\n  .bx--grid--narrow .bx--col-sm-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-1,\n  .bx--grid--condensed .bx--col-sm-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-1,\n  .bx--grid--narrow .bx--col-sm-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-2,\n  .bx--grid--condensed .bx--col-sm-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-2,\n  .bx--grid--narrow .bx--col-sm-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-3,\n  .bx--grid--condensed .bx--col-sm-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-3,\n  .bx--grid--narrow .bx--col-sm-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm-4,\n  .bx--grid--condensed .bx--col-sm-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm-4,\n  .bx--grid--narrow .bx--col-sm-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-sm,\n.bx--col-sm--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-sm,\n  .bx--grid--condensed .bx--col-sm, .bx--row--condensed\n  .bx--col-sm--auto,\n  .bx--grid--condensed\n  .bx--col-sm--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-sm,\n  .bx--grid--narrow .bx--col-sm, .bx--row--narrow\n  .bx--col-sm--auto,\n  .bx--grid--narrow\n  .bx--col-sm--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col,\n.bx--col-sm {\n  max-width: 100%;\n  flex-basis: 0;\n  flex-grow: 1; }\n\n.bx--col--auto,\n.bx--col-sm--auto {\n  width: auto;\n  max-width: 100%;\n  flex: 1 0 0%; }\n\n.bx--col-sm-0 {\n  display: none; }\n\n.bx--col-sm-1 {\n  display: block;\n  max-width: 25%;\n  flex: 0 0 25%; }\n\n.bx--col-sm-2 {\n  display: block;\n  max-width: 50%;\n  flex: 0 0 50%; }\n\n.bx--col-sm-3 {\n  display: block;\n  max-width: 75%;\n  flex: 0 0 75%; }\n\n.bx--col-sm-4 {\n  display: block;\n  max-width: 100%;\n  flex: 0 0 100%; }\n\n.bx--offset-sm-0 {\n  margin-left: 0; }\n\n.bx--offset-sm-1 {\n  margin-left: 25%; }\n\n.bx--offset-sm-2 {\n  margin-left: 50%; }\n\n.bx--offset-sm-3 {\n  margin-left: 75%; }\n\n.bx--col-md-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-0,\n  .bx--grid--condensed .bx--col-md-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-0,\n  .bx--grid--narrow .bx--col-md-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-1,\n  .bx--grid--condensed .bx--col-md-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-1,\n  .bx--grid--narrow .bx--col-md-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-2,\n  .bx--grid--condensed .bx--col-md-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-2,\n  .bx--grid--narrow .bx--col-md-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-3,\n  .bx--grid--condensed .bx--col-md-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-3,\n  .bx--grid--narrow .bx--col-md-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-4,\n  .bx--grid--condensed .bx--col-md-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-4,\n  .bx--grid--narrow .bx--col-md-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-5,\n  .bx--grid--condensed .bx--col-md-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-5,\n  .bx--grid--narrow .bx--col-md-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-6,\n  .bx--grid--condensed .bx--col-md-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-6,\n  .bx--grid--narrow .bx--col-md-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-7,\n  .bx--grid--condensed .bx--col-md-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-7,\n  .bx--grid--narrow .bx--col-md-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md-8,\n  .bx--grid--condensed .bx--col-md-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md-8,\n  .bx--grid--narrow .bx--col-md-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-md,\n.bx--col-md--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-md,\n  .bx--grid--condensed .bx--col-md, .bx--row--condensed\n  .bx--col-md--auto,\n  .bx--grid--condensed\n  .bx--col-md--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-md,\n  .bx--grid--narrow .bx--col-md, .bx--row--narrow\n  .bx--col-md--auto,\n  .bx--grid--narrow\n  .bx--col-md--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 42rem) {\n  .bx--col,\n  .bx--col-md {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-md--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-md-0 {\n    display: none; }\n  .bx--col-md-1 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-md-2 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-md-3 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-md-4 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-md-5 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-md-6 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-md-7 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-md-8 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-md-0 {\n    margin-left: 0; }\n  .bx--offset-md-1 {\n    margin-left: 12.5%; }\n  .bx--offset-md-2 {\n    margin-left: 25%; }\n  .bx--offset-md-3 {\n    margin-left: 37.5%; }\n  .bx--offset-md-4 {\n    margin-left: 50%; }\n  .bx--offset-md-5 {\n    margin-left: 62.5%; }\n  .bx--offset-md-6 {\n    margin-left: 75%; }\n  .bx--offset-md-7 {\n    margin-left: 87.5%; } }\n\n.bx--col-lg-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-0,\n  .bx--grid--condensed .bx--col-lg-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-0,\n  .bx--grid--narrow .bx--col-lg-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-1,\n  .bx--grid--condensed .bx--col-lg-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-1,\n  .bx--grid--narrow .bx--col-lg-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-2,\n  .bx--grid--condensed .bx--col-lg-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-2,\n  .bx--grid--narrow .bx--col-lg-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-3,\n  .bx--grid--condensed .bx--col-lg-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-3,\n  .bx--grid--narrow .bx--col-lg-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-4,\n  .bx--grid--condensed .bx--col-lg-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-4,\n  .bx--grid--narrow .bx--col-lg-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-5,\n  .bx--grid--condensed .bx--col-lg-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-5,\n  .bx--grid--narrow .bx--col-lg-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-6,\n  .bx--grid--condensed .bx--col-lg-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-6,\n  .bx--grid--narrow .bx--col-lg-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-7,\n  .bx--grid--condensed .bx--col-lg-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-7,\n  .bx--grid--narrow .bx--col-lg-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-8,\n  .bx--grid--condensed .bx--col-lg-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-8,\n  .bx--grid--narrow .bx--col-lg-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-9 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-9,\n  .bx--grid--condensed .bx--col-lg-9 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-9,\n  .bx--grid--narrow .bx--col-lg-9 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-10 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-10,\n  .bx--grid--condensed .bx--col-lg-10 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-10,\n  .bx--grid--narrow .bx--col-lg-10 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-11 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-11,\n  .bx--grid--condensed .bx--col-lg-11 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-11,\n  .bx--grid--narrow .bx--col-lg-11 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-12 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-12,\n  .bx--grid--condensed .bx--col-lg-12 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-12,\n  .bx--grid--narrow .bx--col-lg-12 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-13 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-13,\n  .bx--grid--condensed .bx--col-lg-13 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-13,\n  .bx--grid--narrow .bx--col-lg-13 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-14 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-14,\n  .bx--grid--condensed .bx--col-lg-14 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-14,\n  .bx--grid--narrow .bx--col-lg-14 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-15 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-15,\n  .bx--grid--condensed .bx--col-lg-15 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-15,\n  .bx--grid--narrow .bx--col-lg-15 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg-16 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg-16,\n  .bx--grid--condensed .bx--col-lg-16 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg-16,\n  .bx--grid--narrow .bx--col-lg-16 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-lg,\n.bx--col-lg--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-lg,\n  .bx--grid--condensed .bx--col-lg, .bx--row--condensed\n  .bx--col-lg--auto,\n  .bx--grid--condensed\n  .bx--col-lg--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-lg,\n  .bx--grid--narrow .bx--col-lg, .bx--row--narrow\n  .bx--col-lg--auto,\n  .bx--grid--narrow\n  .bx--col-lg--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 66rem) {\n  .bx--col,\n  .bx--col-lg {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-lg--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-lg-0 {\n    display: none; }\n  .bx--col-lg-1 {\n    display: block;\n    max-width: 6.25%;\n    flex: 0 0 6.25%; }\n  .bx--col-lg-2 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-lg-3 {\n    display: block;\n    max-width: 18.75%;\n    flex: 0 0 18.75%; }\n  .bx--col-lg-4 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-lg-5 {\n    display: block;\n    max-width: 31.25%;\n    flex: 0 0 31.25%; }\n  .bx--col-lg-6 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-lg-7 {\n    display: block;\n    max-width: 43.75%;\n    flex: 0 0 43.75%; }\n  .bx--col-lg-8 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-lg-9 {\n    display: block;\n    max-width: 56.25%;\n    flex: 0 0 56.25%; }\n  .bx--col-lg-10 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-lg-11 {\n    display: block;\n    max-width: 68.75%;\n    flex: 0 0 68.75%; }\n  .bx--col-lg-12 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-lg-13 {\n    display: block;\n    max-width: 81.25%;\n    flex: 0 0 81.25%; }\n  .bx--col-lg-14 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-lg-15 {\n    display: block;\n    max-width: 93.75%;\n    flex: 0 0 93.75%; }\n  .bx--col-lg-16 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-lg-0 {\n    margin-left: 0; }\n  .bx--offset-lg-1 {\n    margin-left: 6.25%; }\n  .bx--offset-lg-2 {\n    margin-left: 12.5%; }\n  .bx--offset-lg-3 {\n    margin-left: 18.75%; }\n  .bx--offset-lg-4 {\n    margin-left: 25%; }\n  .bx--offset-lg-5 {\n    margin-left: 31.25%; }\n  .bx--offset-lg-6 {\n    margin-left: 37.5%; }\n  .bx--offset-lg-7 {\n    margin-left: 43.75%; }\n  .bx--offset-lg-8 {\n    margin-left: 50%; }\n  .bx--offset-lg-9 {\n    margin-left: 56.25%; }\n  .bx--offset-lg-10 {\n    margin-left: 62.5%; }\n  .bx--offset-lg-11 {\n    margin-left: 68.75%; }\n  .bx--offset-lg-12 {\n    margin-left: 75%; }\n  .bx--offset-lg-13 {\n    margin-left: 81.25%; }\n  .bx--offset-lg-14 {\n    margin-left: 87.5%; }\n  .bx--offset-lg-15 {\n    margin-left: 93.75%; } }\n\n.bx--col-xlg-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-0,\n  .bx--grid--condensed .bx--col-xlg-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-0,\n  .bx--grid--narrow .bx--col-xlg-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-1,\n  .bx--grid--condensed .bx--col-xlg-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-1,\n  .bx--grid--narrow .bx--col-xlg-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-2,\n  .bx--grid--condensed .bx--col-xlg-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-2,\n  .bx--grid--narrow .bx--col-xlg-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-3,\n  .bx--grid--condensed .bx--col-xlg-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-3,\n  .bx--grid--narrow .bx--col-xlg-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-4,\n  .bx--grid--condensed .bx--col-xlg-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-4,\n  .bx--grid--narrow .bx--col-xlg-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-5,\n  .bx--grid--condensed .bx--col-xlg-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-5,\n  .bx--grid--narrow .bx--col-xlg-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-6,\n  .bx--grid--condensed .bx--col-xlg-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-6,\n  .bx--grid--narrow .bx--col-xlg-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-7,\n  .bx--grid--condensed .bx--col-xlg-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-7,\n  .bx--grid--narrow .bx--col-xlg-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-8,\n  .bx--grid--condensed .bx--col-xlg-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-8,\n  .bx--grid--narrow .bx--col-xlg-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-9 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-9,\n  .bx--grid--condensed .bx--col-xlg-9 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-9,\n  .bx--grid--narrow .bx--col-xlg-9 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-10 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-10,\n  .bx--grid--condensed .bx--col-xlg-10 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-10,\n  .bx--grid--narrow .bx--col-xlg-10 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-11 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-11,\n  .bx--grid--condensed .bx--col-xlg-11 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-11,\n  .bx--grid--narrow .bx--col-xlg-11 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-12 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-12,\n  .bx--grid--condensed .bx--col-xlg-12 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-12,\n  .bx--grid--narrow .bx--col-xlg-12 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-13 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-13,\n  .bx--grid--condensed .bx--col-xlg-13 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-13,\n  .bx--grid--narrow .bx--col-xlg-13 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-14 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-14,\n  .bx--grid--condensed .bx--col-xlg-14 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-14,\n  .bx--grid--narrow .bx--col-xlg-14 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-15 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-15,\n  .bx--grid--condensed .bx--col-xlg-15 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-15,\n  .bx--grid--narrow .bx--col-xlg-15 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg-16 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg-16,\n  .bx--grid--condensed .bx--col-xlg-16 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg-16,\n  .bx--grid--narrow .bx--col-xlg-16 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-xlg,\n.bx--col-xlg--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-xlg,\n  .bx--grid--condensed .bx--col-xlg, .bx--row--condensed\n  .bx--col-xlg--auto,\n  .bx--grid--condensed\n  .bx--col-xlg--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-xlg,\n  .bx--grid--narrow .bx--col-xlg, .bx--row--narrow\n  .bx--col-xlg--auto,\n  .bx--grid--narrow\n  .bx--col-xlg--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 82rem) {\n  .bx--col,\n  .bx--col-xlg {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-xlg--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-xlg-0 {\n    display: none; }\n  .bx--col-xlg-1 {\n    display: block;\n    max-width: 6.25%;\n    flex: 0 0 6.25%; }\n  .bx--col-xlg-2 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-xlg-3 {\n    display: block;\n    max-width: 18.75%;\n    flex: 0 0 18.75%; }\n  .bx--col-xlg-4 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-xlg-5 {\n    display: block;\n    max-width: 31.25%;\n    flex: 0 0 31.25%; }\n  .bx--col-xlg-6 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-xlg-7 {\n    display: block;\n    max-width: 43.75%;\n    flex: 0 0 43.75%; }\n  .bx--col-xlg-8 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-xlg-9 {\n    display: block;\n    max-width: 56.25%;\n    flex: 0 0 56.25%; }\n  .bx--col-xlg-10 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-xlg-11 {\n    display: block;\n    max-width: 68.75%;\n    flex: 0 0 68.75%; }\n  .bx--col-xlg-12 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-xlg-13 {\n    display: block;\n    max-width: 81.25%;\n    flex: 0 0 81.25%; }\n  .bx--col-xlg-14 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-xlg-15 {\n    display: block;\n    max-width: 93.75%;\n    flex: 0 0 93.75%; }\n  .bx--col-xlg-16 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-xlg-0 {\n    margin-left: 0; }\n  .bx--offset-xlg-1 {\n    margin-left: 6.25%; }\n  .bx--offset-xlg-2 {\n    margin-left: 12.5%; }\n  .bx--offset-xlg-3 {\n    margin-left: 18.75%; }\n  .bx--offset-xlg-4 {\n    margin-left: 25%; }\n  .bx--offset-xlg-5 {\n    margin-left: 31.25%; }\n  .bx--offset-xlg-6 {\n    margin-left: 37.5%; }\n  .bx--offset-xlg-7 {\n    margin-left: 43.75%; }\n  .bx--offset-xlg-8 {\n    margin-left: 50%; }\n  .bx--offset-xlg-9 {\n    margin-left: 56.25%; }\n  .bx--offset-xlg-10 {\n    margin-left: 62.5%; }\n  .bx--offset-xlg-11 {\n    margin-left: 68.75%; }\n  .bx--offset-xlg-12 {\n    margin-left: 75%; }\n  .bx--offset-xlg-13 {\n    margin-left: 81.25%; }\n  .bx--offset-xlg-14 {\n    margin-left: 87.5%; }\n  .bx--offset-xlg-15 {\n    margin-left: 93.75%; } }\n\n.bx--col-max-0 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-0,\n  .bx--grid--condensed .bx--col-max-0 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-0,\n  .bx--grid--narrow .bx--col-max-0 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-1 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-1,\n  .bx--grid--condensed .bx--col-max-1 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-1,\n  .bx--grid--narrow .bx--col-max-1 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-2 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-2,\n  .bx--grid--condensed .bx--col-max-2 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-2,\n  .bx--grid--narrow .bx--col-max-2 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-3 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-3,\n  .bx--grid--condensed .bx--col-max-3 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-3,\n  .bx--grid--narrow .bx--col-max-3 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-4 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-4,\n  .bx--grid--condensed .bx--col-max-4 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-4,\n  .bx--grid--narrow .bx--col-max-4 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-5 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-5,\n  .bx--grid--condensed .bx--col-max-5 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-5,\n  .bx--grid--narrow .bx--col-max-5 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-6 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-6,\n  .bx--grid--condensed .bx--col-max-6 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-6,\n  .bx--grid--narrow .bx--col-max-6 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-7 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-7,\n  .bx--grid--condensed .bx--col-max-7 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-7,\n  .bx--grid--narrow .bx--col-max-7 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-8 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-8,\n  .bx--grid--condensed .bx--col-max-8 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-8,\n  .bx--grid--narrow .bx--col-max-8 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-9 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-9,\n  .bx--grid--condensed .bx--col-max-9 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-9,\n  .bx--grid--narrow .bx--col-max-9 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-10 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-10,\n  .bx--grid--condensed .bx--col-max-10 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-10,\n  .bx--grid--narrow .bx--col-max-10 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-11 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-11,\n  .bx--grid--condensed .bx--col-max-11 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-11,\n  .bx--grid--narrow .bx--col-max-11 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-12 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-12,\n  .bx--grid--condensed .bx--col-max-12 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-12,\n  .bx--grid--narrow .bx--col-max-12 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-13 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-13,\n  .bx--grid--condensed .bx--col-max-13 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-13,\n  .bx--grid--narrow .bx--col-max-13 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-14 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-14,\n  .bx--grid--condensed .bx--col-max-14 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-14,\n  .bx--grid--narrow .bx--col-max-14 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-15 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-15,\n  .bx--grid--condensed .bx--col-max-15 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-15,\n  .bx--grid--narrow .bx--col-max-15 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max-16 {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max-16,\n  .bx--grid--condensed .bx--col-max-16 {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max-16,\n  .bx--grid--narrow .bx--col-max-16 {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n.bx--col-max,\n.bx--col-max--auto {\n  width: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem; }\n  .bx--row--condensed .bx--col-max,\n  .bx--grid--condensed .bx--col-max, .bx--row--condensed\n  .bx--col-max--auto,\n  .bx--grid--condensed\n  .bx--col-max--auto {\n    padding-right: 0.03125rem;\n    padding-left: 0.03125rem; }\n  .bx--row--narrow .bx--col-max,\n  .bx--grid--narrow .bx--col-max, .bx--row--narrow\n  .bx--col-max--auto,\n  .bx--grid--narrow\n  .bx--col-max--auto {\n    padding-right: 1rem;\n    padding-left: 0; }\n\n@media (min-width: 99rem) {\n  .bx--col,\n  .bx--col-max {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1; }\n  .bx--col--auto,\n  .bx--col-max--auto {\n    width: auto;\n    max-width: 100%;\n    flex: 1 0 0%; }\n  .bx--col-max-0 {\n    display: none; }\n  .bx--col-max-1 {\n    display: block;\n    max-width: 6.25%;\n    flex: 0 0 6.25%; }\n  .bx--col-max-2 {\n    display: block;\n    max-width: 12.5%;\n    flex: 0 0 12.5%; }\n  .bx--col-max-3 {\n    display: block;\n    max-width: 18.75%;\n    flex: 0 0 18.75%; }\n  .bx--col-max-4 {\n    display: block;\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .bx--col-max-5 {\n    display: block;\n    max-width: 31.25%;\n    flex: 0 0 31.25%; }\n  .bx--col-max-6 {\n    display: block;\n    max-width: 37.5%;\n    flex: 0 0 37.5%; }\n  .bx--col-max-7 {\n    display: block;\n    max-width: 43.75%;\n    flex: 0 0 43.75%; }\n  .bx--col-max-8 {\n    display: block;\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .bx--col-max-9 {\n    display: block;\n    max-width: 56.25%;\n    flex: 0 0 56.25%; }\n  .bx--col-max-10 {\n    display: block;\n    max-width: 62.5%;\n    flex: 0 0 62.5%; }\n  .bx--col-max-11 {\n    display: block;\n    max-width: 68.75%;\n    flex: 0 0 68.75%; }\n  .bx--col-max-12 {\n    display: block;\n    max-width: 75%;\n    flex: 0 0 75%; }\n  .bx--col-max-13 {\n    display: block;\n    max-width: 81.25%;\n    flex: 0 0 81.25%; }\n  .bx--col-max-14 {\n    display: block;\n    max-width: 87.5%;\n    flex: 0 0 87.5%; }\n  .bx--col-max-15 {\n    display: block;\n    max-width: 93.75%;\n    flex: 0 0 93.75%; }\n  .bx--col-max-16 {\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  .bx--offset-max-0 {\n    margin-left: 0; }\n  .bx--offset-max-1 {\n    margin-left: 6.25%; }\n  .bx--offset-max-2 {\n    margin-left: 12.5%; }\n  .bx--offset-max-3 {\n    margin-left: 18.75%; }\n  .bx--offset-max-4 {\n    margin-left: 25%; }\n  .bx--offset-max-5 {\n    margin-left: 31.25%; }\n  .bx--offset-max-6 {\n    margin-left: 37.5%; }\n  .bx--offset-max-7 {\n    margin-left: 43.75%; }\n  .bx--offset-max-8 {\n    margin-left: 50%; }\n  .bx--offset-max-9 {\n    margin-left: 56.25%; }\n  .bx--offset-max-10 {\n    margin-left: 62.5%; }\n  .bx--offset-max-11 {\n    margin-left: 68.75%; }\n  .bx--offset-max-12 {\n    margin-left: 75%; }\n  .bx--offset-max-13 {\n    margin-left: 81.25%; }\n  .bx--offset-max-14 {\n    margin-left: 87.5%; }\n  .bx--offset-max-15 {\n    margin-left: 93.75%; } }\n\n.bx--no-gutter,\n.bx--row.bx--no-gutter [class*='bx--col'] {\n  padding-right: 0;\n  padding-left: 0; }\n\n.bx--no-gutter--start,\n.bx--row.bx--no-gutter--start [class*='bx--col'] {\n  padding-left: 0; }\n\n.bx--no-gutter--end,\n.bx--row.bx--no-gutter--end [class*='bx--col'] {\n  padding-right: 0; }\n\n.bx--no-gutter--left,\n.bx--row.bx--no-gutter--left [class*='bx--col'] {\n  padding-left: 0; }\n\n.bx--no-gutter--right,\n.bx--row.bx--no-gutter--right [class*='bx--col'] {\n  padding-right: 0; }\n\n.bx--hang--start {\n  padding-left: 1rem; }\n\n.bx--hang--end {\n  padding-right: 1rem; }\n\n.bx--hang--left {\n  padding-left: 1rem; }\n\n.bx--hang--right {\n  padding-right: 1rem; }\n\n.bx--aspect-ratio {\n  position: relative; }\n\n.bx--aspect-ratio::before {\n  width: 1px;\n  height: 0;\n  margin-left: -1px;\n  content: '';\n  float: left; }\n\n.bx--aspect-ratio::after {\n  display: table;\n  clear: both;\n  content: ''; }\n\n.bx--aspect-ratio--16x9::before {\n  padding-top: 56.25%; }\n\n.bx--aspect-ratio--9x16::before {\n  padding-top: 177.77778%; }\n\n.bx--aspect-ratio--2x1::before {\n  padding-top: 50%; }\n\n.bx--aspect-ratio--1x2::before {\n  padding-top: 200%; }\n\n.bx--aspect-ratio--4x3::before {\n  padding-top: 75%; }\n\n.bx--aspect-ratio--3x4::before {\n  padding-top: 133.33333%; }\n\n.bx--aspect-ratio--3x2::before {\n  padding-top: 66.66667%; }\n\n.bx--aspect-ratio--2x3::before {\n  padding-top: 150%; }\n\n.bx--aspect-ratio--1x1::before {\n  padding-top: 100%; }\n\n.bx--aspect-ratio--object {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n:host(dds-masthead-composite),\n:host(dds-cloud-masthead-container) {\n  z-index: 900;\n  padding-top: 3rem; }\n\n.bx--masthead,\n:host(dds-masthead) {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 99;\n  transition-delay: 200ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  transition-duration: 300ms;\n  background-color: var(--cds-ui-background, #ffffff); }\n  .bx--masthead[with-banner],\n  :host(dds-masthead)[with-banner] {\n    top: var(--cds-spacing-13, 10rem); }\n\n:host(dds-megamenu-overlay),\n.bx--masthead__overlay {\n  position: fixed;\n  left: 0;\n  top: 48px;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n  visibility: hidden;\n  background-color: none;\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n:host(dds-megamenu-overlay)[active],\n.bx--masthead__overlay-show {\n  background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));\n  visibility: visible;\n  opacity: 1;\n  height: 100vh; }\n\n.bx--masthead--sticky.bx--masthead--sticky__l1 {\n  top: -98px; }\n  @media (min-width: 800px) {\n    .bx--masthead--sticky.bx--masthead--sticky__l1 {\n      top: -48px; } }\n\n.bx--masthead--sticky__l1 + .bx--dotcom-shell .bx--tableofcontents__sidebar {\n  top: 98px; }\n\n.bx--masthead--sticky__l1.bx--masthead--sticky + .bx--dotcom-shell .bx--tableofcontents__sidebar {\n  top: 0; }\n  @media (min-width: 800px) {\n    .bx--masthead--sticky__l1.bx--masthead--sticky + .bx--dotcom-shell .bx--tableofcontents__sidebar {\n      top: 48px; } }\n\n.bx--masthead__l0 {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  position: relative;\n  background: var(--cds-ui-background, #ffffff); }\n  .bx--masthead__l0::after {\n    content: '';\n    position: absolute;\n    width: 100vw;\n    height: 1px;\n    bottom: -1px;\n    left: 0;\n    background-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--header, :host(bx-header),\n.bx--masthead__l0 bx-header {\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  background: var(--cds-ui-background, #ffffff);\n  border: none;\n  max-width: 99rem;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 1px;\n  position: relative;\n  z-index: 5999; }\n  .bx--header::before, :host(bx-header)::before,\n  .bx--masthead__l0 bx-header::before {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: calc(-50vw + 50%);\n    right: 100%;\n    z-index: 1; }\n  .bx--header::after, :host(bx-header)::after,\n  .bx--masthead__l0 bx-header::after {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: 100%;\n    right: calc(-50vw + 50%); }\n  .bx--header .bx--header__menu-arrow, :host(bx-header) .bx--header__menu-arrow,\n  .bx--masthead__l0 bx-header .bx--header__menu-arrow {\n    fill: var(--cds-icon-02, #525252); }\n    .bx--header .bx--header__menu-arrow:hover, :host(bx-header) .bx--header__menu-arrow:hover,\n    .bx--masthead__l0 bx-header .bx--header__menu-arrow:hover {\n      fill: var(--cds-icon-02, #525252); }\n\n.bx--skip-to-content:focus {\n  height: 3.0625rem; }\n\n.bx--header__logo {\n  height: 100%;\n  z-index: 2;\n  background-color: var(--cds-ui-background, #ffffff); }\n  .bx--header__logo a {\n    position: relative;\n    display: flex;\n    height: 100%;\n    align-items: center;\n    padding: 0 2rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    outline: none; }\n    .bx--header__logo a:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    .bx--header__logo a:active, .bx--header__logo a:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (min-width: 99rem) {\n      .bx--header__logo a {\n        padding: 0 2.5rem; } }\n    @media (max-width: 81.98rem) {\n      .bx--header__logo a {\n        padding: 0 2rem; } }\n    @media (max-width: 65.98rem) {\n      .bx--header__logo a {\n        padding: 0 1rem; } }\n    .bx--header__logo a svg {\n      width: 58px;\n      height: 23px; }\n      .bx--header__logo a svg g,\n      .bx--header__logo a svg path {\n        fill: var(--cds-layer-selected-inverse, #161616);\n        /* stylelint-disable-next-line media-feature-name-no-unknown */ }\n        @media (prefers-contrast: more) {\n          .bx--header__logo a svg g,\n          .bx--header__logo a svg path {\n            fill: ButtonText; } }\n    @media (min-width: 800px) {\n      .bx--header__logo a::after {\n        content: '';\n        display: block;\n        position: absolute;\n        right: -0.1875rem;\n        top: 50%;\n        transform: translateY(-50%);\n        height: 1.5rem;\n        width: 0.0625rem;\n        background-color: var(--cds-ui-03, #e0e0e0); } }\n  .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition, .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip),\n  .bx--header__logo .bx--tooltip--definition,\n  .bx--header__logo :host(bx-tooltip-definition) {\n    border: none; }\n    .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition .bx--tooltip__trigger, .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip) .bx--tooltip__trigger, .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition :host(bx-tooltip), .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip) :host(bx-tooltip),\n    .bx--header__logo .bx--tooltip--definition .bx--tooltip__trigger,\n    .bx--header__logo :host(bx-tooltip-definition) .bx--tooltip__trigger,\n    .bx--header__logo .bx--tooltip--definition :host(bx-tooltip),\n    .bx--header__logo :host(bx-tooltip-definition) :host(bx-tooltip) {\n      border: none; }\n    .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--a11y, .bx--header__logo .bx--tooltip__trigger--definition.bx--tooltip--a11y:host(bx-tooltip), .bx--header__logo .bx--tooltip__trigger--definition:host(bx-tooltip):host(bx-tooltip-definition), .bx--header__logo .bx--tooltip__trigger.bx--tooltip__trigger--definition:host(bx-tooltip-definition),\n    .bx--header__logo .bx--tooltip--definition.bx--tooltip--a11y,\n    .bx--header__logo :host(bx-tooltip-definition) {\n      height: 100%; }\n  .bx--header__logo.bx--search-active {\n    display: none; }\n    @media (min-width: 42rem) {\n      .bx--header__logo.bx--search-active {\n        display: block; } }\n\n.bx--header__global, :host(dds-masthead-global-bar), :host(dds-cloud-masthead-global-bar) {\n  flex: 0; }\n\n.bx--header__nav-container {\n  height: 100%;\n  overflow-x: visible;\n  position: relative;\n  display: flex;\n  flex: 1; }\n\n/* Set to zero-slecificity so it can be overridden by dynamic stylesheet */\n/* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n:where(.bx--header__nav-content) {\n  position: absolute;\n  height: 100%;\n  inset-inline-start: 0;\n  transition: inset 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--header__submenu .bx--text-truncate--end, :host(bx-header-menu) .bx--text-truncate--end, :host(dds-top-nav-menu) .bx--text-truncate--end, :host(dds-megamenu-top-nav-menu) .bx--text-truncate--end, :host(dds-masthead-profile) .bx--text-truncate--end, :host(dds-cloud-masthead-profile) .bx--text-truncate--end,\n:host(dds-top-nav-menu-item) .bx--text-truncate--end {\n  white-space: normal; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item,\n:host(dds-top-nav-menu) a.bx--header__menu-item,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item,\n.bx--header__nav a.bx--header__menu-item,\n:host(bx-header-nav) a.bx--header__menu-item {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  border: none;\n  padding: 0.8125rem var(--cds-spacing-05, 1rem);\n  color: var(--cds-text-02, #525252);\n  white-space: nowrap; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover,\n  .bx--header__nav a.bx--header__menu-item:hover,\n  :host(bx-header-nav) a.bx--header__menu-item:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    cursor: pointer;\n    color: var(--cds-text-01, #161616); }\n    :host(dds-top-nav-item) a.bx--header__menu-item:hover > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    .bx--header__nav a.bx--header__menu-item:hover > svg,\n    :host(bx-header-nav) a.bx--header__menu-item:hover > svg {\n      fill: currentColor; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:active, :host(dds-top-nav-item) a.bx--header__menu-item:focus,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:focus,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus,\n  .bx--header__nav a.bx--header__menu-item:active,\n  :host(bx-header-nav) a.bx--header__menu-item:active,\n  .bx--header__nav a.bx--header__menu-item:focus,\n  :host(bx-header-nav) a.bx--header__menu-item:focus {\n    outline: 2px solid var(--cds-interactive-01, #0f62fe);\n    outline-offset: -2px; }\n    :host(dds-top-nav-item) a.bx--header__menu-item:active > svg, :host(dds-top-nav-item) a.bx--header__menu-item:focus > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    .bx--header__nav a.bx--header__menu-item:active > svg,\n    :host(bx-header-nav) a.bx--header__menu-item:active > svg,\n    .bx--header__nav a.bx--header__menu-item:focus > svg,\n    :host(bx-header-nav) a.bx--header__menu-item:focus > svg {\n      fill: var(--cds-text-01, #161616); }\n  :host(dds-top-nav-item) a.bx--header__menu-item:focus[data-selected='true'], :host(dds-top-nav-item) a.bx--header__menu-item:active[data-selected='true'],\n  :host(dds-top-nav-menu) a.bx--header__menu-item:focus[data-selected='true'],\n  :host(dds-top-nav-menu) a.bx--header__menu-item:active[data-selected='true'],\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus[data-selected='true'],\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active[data-selected='true'],\n  .bx--header__nav a.bx--header__menu-item:focus[data-selected='true'],\n  :host(bx-header-nav) a.bx--header__menu-item:focus[data-selected='true'],\n  .bx--header__nav a.bx--header__menu-item:active[data-selected='true'],\n  :host(bx-header-nav) a.bx--header__menu-item:active[data-selected='true'] {\n    border-bottom-color: transparent; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'], :host(dds-top-nav-item) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n:host(dds-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n:host(dds-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n.bx--header__nav a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n:host(bx-header-nav) a.bx--header__menu-item.bx--header__menu-title:focus[data-selected='true'][aria-expanded='false'],\n.bx--header__nav a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'],\n:host(bx-header-nav) a.bx--header__menu-item.bx--header__menu-title:active[data-selected='true'][aria-expanded='false'] {\n  border-bottom-color: transparent; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item[data-selected='true'],\n:host(dds-top-nav-menu) a.bx--header__menu-item[data-selected='true'],\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item[data-selected='true'],\n.bx--header__nav a.bx--header__menu-item[data-selected='true'],\n:host(bx-header-nav) a.bx--header__menu-item[data-selected='true'] {\n  color: var(--cds-text-01, #161616); }\n\n:host(dds-top-nav-item) a.bx--header__menu-item[data-selected='true']::after,\n:host(dds-top-nav-item) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n:host(dds-top-nav-menu) a.bx--header__menu-item[data-selected='true']::after,\n:host(dds-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item[data-selected='true']::after,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n.bx--header__nav a.bx--header__menu-item[data-selected='true']::after,\n:host(bx-header-nav) a.bx--header__menu-item[data-selected='true']::after,\n.bx--header__nav a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after,\n:host(bx-header-nav) a.bx--header__menu-item.bx--header__menu-title[data-selected='true'][aria-expanded='false']::after {\n  content: '';\n  display: block;\n  position: absolute;\n  box-sizing: border-box;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.1875rem;\n  background-color: var(--cds-link-01, #0f62fe); }\n\n:host(dds-top-nav-menu) a.bx--header__menu-item,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item {\n  border-bottom: var(--cds-spacing-01, 0.125rem) solid transparent;\n  padding: 0.8125rem var(--cds-spacing-05, 1rem) 0.6875rem; }\n\n:host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'],\n.bx--header__nav .bx--header__menu-title[aria-expanded='true'],\n:host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] {\n  z-index: 0;\n  background-color: var(--cds-ui-01, #f4f4f4); }\n  :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n  .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n  :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n    background-color: var(--cds-ui-02, #ffffff);\n    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n    bottom: -1px;\n    width: 16rem; }\n    :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li,\n    .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li,\n    :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li {\n      position: relative;\n      height: 100%; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li::before {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        border-top: 1px solid var(--cds-ui-03, #e0e0e0); }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:first-of-type::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:first-of-type::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:first-of-type::before {\n        border-top: none; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover {\n        background-color: var(--cds-ui-01, #f4f4f4); }\n        :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover::before,\n        .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover::before,\n        :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover::before {\n          border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n        :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover + li::before,\n        .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover + li::before,\n        :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover + li::before {\n          border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:focus::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:focus::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:focus::before {\n        border: 2px solid var(--cds-interactive-01, #0f62fe);\n        box-sizing: border-box; }\n    :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item,\n    .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item,\n    :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item {\n      border: none;\n      position: relative;\n      height: 100%; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:hover {\n        color: var(--cds-text-01, #161616);\n        background-color: var(--cds-hover-ui, #e5e5e5); }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:focus::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:focus::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item:focus::before {\n        border: 2px solid var(--cds-interactive-01, #0f62fe);\n        box-sizing: border-box; }\n      :host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item::before,\n      .bx--header__nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item::before,\n      :host(bx-header-nav) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--header__menu-item::before {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0; }\n\n:host(dds-top-nav-menu) .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-top-nav-menu) .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  width: 100%; }\n\n:host(dds-top-nav-menu)::before, .bx--header__nav::before, :host(bx-header-nav)::before {\n  display: none; }\n\n.bx--header__action {\n  border: 2px solid transparent;\n  background-color: var(--cds-ui-background, #ffffff);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center; }\n  .bx--header__action > svg {\n    position: relative;\n    fill: var(--cds-icon-02, #525252); }\n  .bx--header__action:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition-duration: 95ms; }\n    .bx--header__action:hover > svg {\n      fill: var(--cds-icon-01, #161616); }\n  .bx--header__action:focus, .bx--header__action:active {\n    border-color: var(--cds-focus, #0f62fe);\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--header__action .bx--overflow-menu {\n    width: 100%;\n    height: 100%; }\n    .bx--header__action .bx--overflow-menu.bx--overflow-menu--open {\n      box-shadow: none;\n      outline: 2px solid var(--cds-interactive-01, #0f62fe);\n      outline-offset: 0; }\n    .bx--header__action .bx--overflow-menu:hover {\n      background: none; }\n    .bx--header__action .bx--overflow-menu:focus {\n      outline: none;\n      box-shadow: none; }\n\n.bx--sub-content-left {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 100%; }\n\n.bx--sub-content-right {\n  position: absolute;\n  top: 0;\n  right: 1px;\n  width: 1px;\n  height: 100%; }\n\n.bx--header__nav-caret-left,\n.bx--header__nav-caret-right {\n  width: 2.5rem;\n  height: 100%;\n  display: none;\n  position: absolute;\n  top: 0;\n  background-color: var(--cds-ui-background, #ffffff);\n  border: none; }\n  .bx--header__nav-caret-left > svg,\n  .bx--header__nav-caret-right > svg {\n    position: absolute;\n    fill: currentColor;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%); }\n  .bx--header__nav-caret-left:hover,\n  .bx--header__nav-caret-right:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition-duration: 95ms; }\n    .bx--header__nav-caret-left:hover > svg,\n    .bx--header__nav-caret-right:hover > svg {\n      fill: var(--cds-text-01, #161616); }\n  .bx--header__nav-caret-left:focus, .bx--header__nav-caret-left:active,\n  .bx--header__nav-caret-right:focus,\n  .bx--header__nav-caret-right:active {\n    display: block;\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    outline: 2px solid var(--cds-interactive-01, #0f62fe);\n    outline-offset: -2px; }\n    .bx--header__nav-caret-left:focus::before, .bx--header__nav-caret-left:focus::after, .bx--header__nav-caret-left:active::before, .bx--header__nav-caret-left:active::after,\n    .bx--header__nav-caret-right:focus::before,\n    .bx--header__nav-caret-right:focus::after,\n    .bx--header__nav-caret-right:active::before,\n    .bx--header__nav-caret-right:active::after {\n      display: none; }\n  @media (min-width: 800px) {\n    .bx--header__nav-caret-left,\n    .bx--header__nav-caret-right {\n      display: block; } }\n\n.bx--header__nav-caret-left-container[hidden],\n.bx--header__nav-caret-right-container[hidden] {\n  display: none; }\n\n.bx--header__nav-caret-left {\n  left: 0; }\n  .bx--header__nav-caret-left::before {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5rem;\n    width: 0.0625rem;\n    background-color: #dcdcdc; }\n\n.bx--header__nav-caret-left-gradient {\n  display: block;\n  position: absolute;\n  left: 2.5rem;\n  top: 0;\n  height: 100%;\n  width: 0.5rem;\n  background: linear-gradient(to right, var(--cds-ui-background, #ffffff), rgba(255, 255, 255, 0));\n  z-index: 1; }\n\n.bx--header__nav-caret-right {\n  right: 0; }\n  .bx--header__nav-caret-right::after {\n    content: '';\n    display: block;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5rem;\n    width: 0.0625rem;\n    background-color: #dcdcdc; }\n\n.bx--header__nav-caret-right-gradient {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 2.5rem;\n  height: 100%;\n  width: 0.5rem;\n  background: linear-gradient(to left, var(--cds-ui-background, #ffffff), rgba(255, 255, 255, 0)); }\n\n.bx--header__action--active {\n  position: relative;\n  border: 2px solid var(--cds-interactive-01, #0f62fe);\n  background-color: var(--cds-hover-ui, #e5e5e5);\n  top: 0;\n  z-index: 6001; }\n\n.bx--header__menu li:hover {\n  background-color: var(--cds-ui-01, #f4f4f4); }\n\n.bx--header__menu li:last-of-type .bx--header__menu-item::after {\n  display: none; }\n\n.bx--header__menu .bx--header__menu-item {\n  position: relative; }\n\nbutton.bx--header__search--close.bx--header__action[part='close-button'] {\n  overflow: hidden;\n  width: 0;\n  border: none;\n  display: none; }\n  button.bx--header__search--close.bx--header__action[part='close-button'] svg {\n    position: relative; }\n\n.bx--header__search--search {\n  outline: none;\n  width: 3rem; }\n\n.bx--overflow-menu-options {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  background-color: var(--cds-ui-background, #ffffff);\n  position: fixed;\n  z-index: 99999;\n  /* !rtl:raw:\n    left: 0 !important;\n    */ }\n  .bx--overflow-menu-options:focus {\n    outline: none; }\n  .bx--overflow-menu-options::after {\n    display: none; }\n\n.bx--overflow-menu-options__btn {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  color: var(--cds-text-01, #161616);\n  text-decoration: none; }\n  .bx--overflow-menu-options__btn:hover {\n    background-color: var(--cds-ui-01, #f4f4f4); }\n\n.bx--overflow-menu-options__option {\n  height: var(--cds-layout-04, 3rem); }\n  .bx--overflow-menu-options__option:hover {\n    background-color: var(--cds-ui-01, #f4f4f4); }\n\n.bx--overflow-menu.bx--overflow-menu--open {\n  box-shadow: none;\n  background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--header__action.bx--overflow-menu {\n  height: var(--cds-spacing-09, 3rem); }\n\n@media (min-width: 800px) {\n  .bx--header__menu-toggle__hidden {\n    display: none; }\n  .bx--header__nav, :host(bx-header-nav) {\n    display: block; } }\n\n@media print {\n  :host(dds-masthead),\n  .bx--masthead {\n    display: none; } }\n\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--masthead__focus {\n  opacity: 0;\n  border: none;\n  position: absolute; }\n\n.bx--masthead .bx--side-nav__navigation, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav) {\n  height: calc(100% - 3rem); }\n  .bx--masthead .bx--side-nav__navigation > nav, .bx--masthead :host(bx-side-nav) > nav, .bx--masthead :host(dds-left-nav) > nav {\n    height: 100%; }\n  @media (min-width: 800px) {\n    .bx--masthead .bx--side-nav__navigation, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav) {\n      display: none; } }\n\n.bx--header__menu-trigger {\n  margin-right: 0; }\n  .bx--header__menu-trigger .bx--side-nav__close {\n    display: none; }\n  .bx--header__menu-trigger.bx--header__action--active {\n    border-color: transparent;\n    background-color: var(--cds-ui-background, #ffffff); }\n    .bx--header__menu-trigger.bx--header__action--active:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    .bx--header__menu-trigger.bx--header__action--active + .bx--header__logo {\n      z-index: 6001;\n      margin-left: 3rem; }\n    .bx--header__menu-trigger.bx--header__action--active .bx--side-nav__close {\n      display: inline; }\n    .bx--header__menu-trigger.bx--header__action--active .bx--side-nav__open {\n      display: none; }\n  @media (max-width: 41.98rem) {\n    .bx--header__menu-trigger.bx--masthead__header--search-active {\n      display: none; } }\n  @media (min-width: 42.02rem) and (max-width: 65.98rem) {\n    .bx--header__menu-trigger + .bx--header__logo a {\n      padding: 0 1rem; } }\n\n.bx--side-nav__header-navigation {\n  height: 100%;\n  margin-bottom: 0; }\n\n.bx--masthead .bx--side-nav, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav) {\n  inset-inline-start: -100vw;\n  visibility: hidden;\n  transform: translateZ(0.0001px);\n  /* stylelint-disable-next-line  time-min-milliseconds */\n  transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 110ms, inset-inline-start 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n  @media (max-width: 41.98rem) {\n    .bx--masthead .bx--side-nav:not(.bx--side-nav--fixed):hover, .bx--masthead :not(.bx--side-nav--fixed):hover:host(bx-side-nav), .bx--masthead :not(.bx--side-nav--fixed):hover:host(dds-left-nav) {\n      max-width: 100vw;\n      width: 100vw; } }\n  .bx--masthead .bx--side-nav .bx--header__logo, .bx--masthead :host(bx-side-nav) .bx--header__logo, .bx--masthead :host(dds-left-nav) .bx--header__logo {\n    height: 3rem;\n    padding-left: 3rem; }\n\n.bx--masthead .bx--side-nav, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav),\n.bx--masthead .bx--side-nav--expanded,\n.bx--masthead :host(bx-side-nav[expanded]) {\n  max-width: 16rem;\n  width: 16rem; }\n\n.bx--masthead .bx--side-nav__items, .bx--masthead :host(bx-side-nav-items), .bx--masthead :host(dds-left-nav-items) {\n  padding-top: 0;\n  height: 100%; }\n\n.bx--masthead .bx--side-nav__item, .bx--masthead :host(bx-side-nav-link), .bx--masthead :host(dds-left-nav-item), .bx--masthead :host(dds-cloud-left-nav-item), .bx--masthead :host(bx-side-nav-menu), .bx--masthead :host(dds-left-nav-menu) {\n  height: auto;\n  min-height: var(--cds-container-04, 3rem); }\n  .bx--masthead .bx--side-nav__item .bx--side-nav__submenu, .bx--masthead :host(bx-side-nav-link) .bx--side-nav__submenu, .bx--masthead :host(dds-left-nav-item) .bx--side-nav__submenu, .bx--masthead :host(dds-cloud-left-nav-item) .bx--side-nav__submenu, .bx--masthead :host(bx-side-nav-menu) .bx--side-nav__submenu, .bx--masthead :host(dds-left-nav-menu) .bx--side-nav__submenu {\n    height: 100%; }\n\n.bx--masthead .bx--side-nav__overlay, .bx--masthead :host(dds-left-nav-overlay) {\n  top: 0;\n  z-index: 1000; }\n  @media (max-width: 41.98rem) {\n    .bx--masthead .bx--side-nav__overlay, .bx--masthead :host(dds-left-nav-overlay) {\n      background-color: var(--cds-ui-background, #ffffff); } }\n\n.bx--masthead .bx--side-nav__overlay-active {\n  display: none; }\n  @media (max-width: 800px) {\n    .bx--masthead .bx--side-nav__overlay-active {\n      display: block;\n      background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5)); } }\n\n\n.bx--masthead .bx--side-nav--expanded,\n.bx--masthead :host(bx-side-nav[expanded]) {\n  overflow-y: auto;\n  inset-inline-start: 0;\n  visibility: visible;\n  transform: translateZ(0.0001px);\n  /* stylelint-disable-next-line time-min-milliseconds */\n  transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 0ms, inset-inline-start 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n\n@media (max-width: 41.98rem) {\n  .bx--masthead .bx--side-nav--ux, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav), .bx--masthead .bx--side-nav, .bx--masthead :host(bx-side-nav), .bx--masthead :host(dds-left-nav),\n  .bx--masthead .bx--side-nav--expanded,\n  .bx--masthead :host(bx-side-nav[expanded]) {\n    max-width: 100vw;\n    width: 100vw;\n    border-top: 1px solid var(--cds-ui-03, #e0e0e0); } }\n\n:host(dds-left-nav-menu-section),\n.bx--side-nav__menu-section {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  z-index: 0;\n  inset-inline-start: -100%;\n  background-color: var(--cds-ui-background, #ffffff);\n  padding-bottom: var(--cds-spacing-09, 3rem);\n  transform: translateZ(0.0001px);\n  transition: inset-inline-start 150ms cubic-bezier(0.2, 0, 1, 0.9); }\n  :host(dds-left-nav-menu-section) a,\n  .bx--side-nav__menu-section a {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    padding-left: 1rem;\n    height: 3rem; }\n    :host(dds-left-nav-menu-section) a:hover,\n    .bx--side-nav__menu-section a:hover {\n      text-decoration: none;\n      background-color: #e5e5e5; }\n  :host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-title,\n  .bx--side-nav__menu-section .bx--masthead__side-nav--submemu-title {\n    font-size: var(--cds-productive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-productive-heading-02-font-weight, 600);\n    line-height: var(--cds-productive-heading-02-line-height, 1.375);\n    letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);\n    display: flex;\n    color: var(--cds-text-01, #161616);\n    padding: 0.8rem 1rem;\n    height: auto;\n    min-height: 3rem;\n    border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n    align-items: center;\n    text-decoration: none; }\n    :host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-title:focus,\n    .bx--side-nav__menu-section .bx--masthead__side-nav--submemu-title:focus {\n      outline: 2px solid var(--cds-focus, #0f62fe);\n      outline-offset: -2px; }\n  :host(dds-left-nav-menu-section) .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title, :host(dds-left-nav-menu-section) :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title,\n  .bx--side-nav__menu-section :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title {\n    height: auto;\n    min-height: 3rem;\n    padding: 0; }\n    :host(dds-left-nav-menu-section) .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title span, :host(dds-left-nav-menu-section) :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section .bx--side-nav__item .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(bx-side-nav-link) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(dds-left-nav-item) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(dds-cloud-left-nav-item) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(bx-side-nav-menu) .bx--masthead__side-nav--submemu-section-title span,\n    .bx--side-nav__menu-section :host(dds-left-nav-menu) .bx--masthead__side-nav--submemu-section-title span {\n      font-size: var(--cds-productive-heading-02-font-size, 1rem);\n      font-weight: var(--cds-productive-heading-02-font-weight, 600);\n      line-height: var(--cds-productive-heading-02-line-height, 1.375);\n      letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);\n      display: flex;\n      width: 100%;\n      padding: 0.8rem 1rem;\n      color: var(--cds-text-01, #161616);\n      border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n  :host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-section-title__icon,\n  .bx--side-nav__menu-section .bx--masthead__side-nav--submemu-section-title__icon {\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n    align-items: center;\n    align-self: flex-start;\n    margin-top: 0.125rem; }\n\na.bx--side-nav__link,\nbutton.bx--side-nav__link {\n  height: 3rem;\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n  a.bx--side-nav__link > .bx--side-nav__link-text,\n  button.bx--side-nav__link > .bx--side-nav__link-text {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    display: flex;\n    align-items: center;\n    color: var(--cds-text-02, #525252);\n    width: 100%;\n    height: 100%;\n    border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);\n    text-overflow: ellipsis; }\n  a.bx--side-nav__link:hover > .bx--side-nav__link-text, a.bx--side-nav__link:focus > .bx--side-nav__link-text,\n  button.bx--side-nav__link:hover > .bx--side-nav__link-text,\n  button.bx--side-nav__link:focus > .bx--side-nav__link-text {\n    color: var(--cds-text-01, #161616); }\n\na.bx--side-nav__link--current,\nbutton.bx--side-nav__link--current {\n  background-color: var(--cds-ui-background, #ffffff); }\n  a.bx--side-nav__link--current > .bx--side-nav__link-text,\n  button.bx--side-nav__link--current > .bx--side-nav__link-text {\n    color: var(--cds-text-01, #161616); }\n\n.bx--masthead__side-nav--submemu-back {\n  position: sticky;\n  top: 0;\n  background-color: var(--cds-ui-background, #ffffff);\n  z-index: 1; }\n  .bx--masthead__side-nav--submemu-back button {\n    width: 100%;\n    border: none;\n    cursor: pointer;\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 2rem;\n    padding: 0 1rem;\n    background-color: var(--cds-ui-background, #ffffff); }\n    .bx--masthead__side-nav--submemu-back button:focus {\n      outline: 2px solid var(--cds-focus, #0f62fe);\n      outline-offset: -2px; }\n    .bx--masthead__side-nav--submemu-back button > .bx--side-nav__link-text {\n      font-size: var(--cds-body-short-02-font-size, 1rem);\n      font-weight: var(--cds-body-short-02-font-weight, 400);\n      line-height: var(--cds-body-short-02-line-height, 1.375);\n      letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n      color: var(--cds-link-01, #0f62fe);\n      display: flex;\n      border-bottom: none;\n      align-items: center; }\n    .bx--masthead__side-nav--submemu-back button svg {\n      margin-right: 5px; }\n      .bx--masthead__side-nav--submemu-back button svg path {\n        fill: currentColor; }\n      :host([dir='rtl']) .bx--masthead__side-nav--submemu-back button svg {\n        transform: rotate(180deg); }\n\n.bx--masthead__side-nav--submemu-back button:focus > .bx--side-nav__link-text {\n  color: var(--cds-link-01, #0f62fe); }\n\n:host(dds-left-nav-menu-section)[expanded],\n.bx--side-nav__menu-section--expanded {\n  z-index: 1;\n  inset-inline-start: 0; }\n\n:host(dds-left-nav-menu-section)[is-submenu],\n.bx--side-nav__menu-section-submenu {\n  inset-inline-start: 100%; }\n\n:host(dds-left-nav-menu-section)[is-submenu][expanded],\n.bx--side-nav__menu-section-submenu.bx--side-nav__menu-section--expanded {\n  inset-inline-start: 0; }\n\n:host(dds-left-nav-menu-section)[is-submenu][transition],\n.bx--side-nav__menu-section-submenu--expanded {\n  inset-inline-start: -100%; }\n\n.bx--side-nav__menu {\n  transform: translateX(100%); }\n\n.bx--side-nav__menu--hasactivechildren {\n  overflow: hidden; }\n\n.bx--side-nav__submenu {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem; }\n  .bx--side-nav__submenu .bx--side-nav__submenu-content {\n    width: 100%;\n    height: auto;\n    min-height: 3rem;\n    display: flex;\n    border-bottom: 1px solid var(--cds-ui-03, #e0e0e0); }\n  .bx--side-nav__submenu .bx--side-nav__submenu-title {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    color: var(--cds-text-02, #525252);\n    align-self: center; }\n  .bx--side-nav__submenu[aria-haspopup='true'] {\n    height: var(--cds-container-04, 3rem); }\n    .bx--side-nav__submenu[aria-haspopup='true'].bx--side-nav__submenu-platform {\n      border-top: 1px solid var(--cds-ui-03, #e0e0e0);\n      border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n      text-decoration: none;\n      color: var(--cds-text-01, #161616);\n      height: var(--cds-container-04, 3rem);\n      font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n      font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n      line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n      letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0); }\n  .bx--side-nav__submenu:hover .bx--side-nav__submenu-title, .bx--side-nav__submenu:focus .bx--side-nav__submenu-title {\n    color: var(--cds-text-01, #161616); }\n\n.bx--side-nav__submenu-title,\na.bx--side-nav__link > .bx--side-nav__link-text,\nbutton.bx--side-nav__link > .bx--side-nav__link-text {\n  text-overflow: initial;\n  white-space: normal;\n  padding: 0.8rem 0; }\n\n.bx--masthead__side-nav--submemu-heading,\n:host(dds-left-nav-menu-category-heading) {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  font-size: 1rem;\n  line-height: 1.5rem;\n  letter-spacing: normal;\n  display: block;\n  color: var(--cds-text-02, #525252);\n  padding: var(--cds-spacing-02, 0.25rem) 0;\n  margin: 0 var(--cds-spacing-05, 1rem);\n  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0); }\n\n.bx--masthead__side-nav--submemu--selected {\n  border-inline-start: 3px solid var(--cds-interactive-01, #0f62fe); }\n  .bx--masthead__side-nav--submemu--selected .bx--side-nav__submenu-title,\n  .bx--masthead__side-nav--submemu--selected.bx--side-nav__link .bx--side-nav__link-text {\n    font-weight: 600; }\n\n.bx--side-nav__submenu-chevron > svg,\n.bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron > svg {\n  transform: rotate(-90deg) scale(1.25);\n  fill: var(--cds-text-01, #161616); }\n  :host([dir='rtl']) .bx--side-nav__submenu-chevron > svg, :host([dir='rtl'])\n  .bx--side-nav__submenu[aria-expanded='true'] .bx--side-nav__submenu-chevron > svg {\n    transform: rotate(90deg) scale(1.25); }\n\n.bx--side-nav__item .bx--side-nav__link, :host(bx-side-nav-link) .bx--side-nav__link, :host(dds-left-nav-item) .bx--side-nav__link, :host(dds-cloud-left-nav-item) .bx--side-nav__link, :host(bx-side-nav-menu) .bx--side-nav__link, :host(dds-left-nav-menu) .bx--side-nav__link,\n.bx--side-nav__menu-item .bx--side-nav__link:not([isbackbutton='true']),\n:host(bx-side-nav-menu-item) .bx--side-nav__link:not([isbackbutton='true']),\n:host(dds-left-nav-menu-item) .bx--side-nav__link:not([isbackbutton='true']),\n:host(dds-left-nav-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-item) a.bx--side-nav__link,\n:host(dds-cloud-left-nav-item) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link {\n  display: flex;\n  padding-left: 1rem;\n  height: auto;\n  min-height: 3rem;\n  width: 100%; }\n\n.bx--masthead__side-nav__last-highlighted,\n:host(dds-left-nav-menu-item[last-highlighted]),\n:host(dds-left-nav-menu[last-highlighted]) {\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n\n:host(dds-left-nav-menu[last-highlighted]) .bx--side-nav__submenu .bx--side-nav__submenu-content,\n.bx--masthead__side-nav__last-highlighted .bx--side-nav__submenu-content,\n.bx--side-nav__menu-item.bx--masthead__side-nav__last-highlighted .bx--side-nav__link,\n.bx--masthead__side-nav__last-highlighted:host(bx-side-nav-menu-item) .bx--side-nav__link,\n.bx--masthead__side-nav__last-highlighted:host(dds-left-nav-menu-item) .bx--side-nav__link,\n:host(dds-left-nav-menu-section) .bx--masthead__side-nav--submemu-back .bx--side-nav__link .bx--side-nav__link-text,\n:host(dds-left-nav-menu-item[last-highlighted]) .bx--side-nav__link {\n  border-bottom: none; }\n\n.bx--side-nav__submenu-platform {\n  flex-direction: row; }\n  .bx--side-nav__submenu-platform::after {\n    content: none; }\n\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--list-box__wrapper--inline, :host(bx-dropdown[type='inline']) {\n  display: inline-grid;\n  align-items: center;\n  grid-gap: 0.25rem;\n  grid-template: auto auto / auto auto; }\n  .bx--list-box__wrapper--inline .bx--label, :host(bx-dropdown[type='inline']) .bx--label {\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  .bx--list-box__wrapper--inline .bx--label, :host(bx-dropdown[type='inline']) .bx--label,\n  .bx--list-box__wrapper--inline .bx--form__helper-text,\n  :host(bx-dropdown[type='inline']) .bx--form__helper-text,\n  .bx--list-box__wrapper--inline .bx--form-requirement,\n  :host(bx-dropdown[type='inline']) .bx--form-requirement {\n    margin: 0; }\n  \n  .bx--list-box__wrapper--inline .bx--form__helper-text,\n  :host(bx-dropdown[type='inline']) .bx--form__helper-text {\n    max-width: none; }\n  \n  .bx--list-box__wrapper--inline .bx--form-requirement,\n  :host(bx-dropdown[type='inline']) .bx--form-requirement {\n    grid-column: 2; }\n\n.bx--list-box {\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  width: 100%;\n  height: 2.5rem;\n  max-height: 2.5rem;\n  border: none;\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n  background-color: var(--cds-field-01, #f4f4f4);\n  color: var(--cds-text-01, #161616);\n  cursor: pointer;\n  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--list-box *,\n  .bx--list-box *::before,\n  .bx--list-box *::after {\n    box-sizing: inherit; }\n  .bx--list-box:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--list-box--xl,\n.bx--list-box--lg {\n  height: 3rem;\n  max-height: 3rem; }\n\n.bx--list-box--sm {\n  height: 2rem;\n  max-height: 2rem; }\n\n.bx--list-box--expanded {\n  border-bottom-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box--expanded:hover {\n  background-color: var(--cds-field-01, #f4f4f4); }\n\n.bx--list-box--expanded:hover.bx--list-box--light:hover {\n  background-color: var(--cds-field-02, #ffffff); }\n\n.bx--list-box .bx--text-input {\n  min-width: 0;\n  height: 100%; }\n\n.bx--list-box__invalid-icon {\n  position: absolute;\n  top: 50%;\n  right: 2.5rem;\n  fill: var(--cds-support-01, #da1e28);\n  transform: translateY(-50%); }\n\n.bx--list-box__invalid-icon--warning {\n  fill: var(--cds-support-03, #f1c21b); }\n\n.bx--list-box__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1; }\n\n.bx--list-box[data-invalid] .bx--list-box__field,\n.bx--list-box.bx--list-box--warning .bx--list-box__field {\n  padding-right: 4rem;\n  border-bottom: 0; }\n\n.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {\n  padding-right: 3.5rem; }\n\n.bx--list-box--light {\n  background-color: var(--cds-field-02, #ffffff); }\n  .bx--list-box--light:hover {\n    background-color: var(--cds-hover-light-ui, #e5e5e5); }\n\n.bx--list-box--light .bx--list-box__menu {\n  background: var(--cds-field-02, #ffffff); }\n\n.bx--list-box--light .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-decorative-01, #e0e0e0); }\n\n.bx--list-box--light.bx--list-box--expanded {\n  border-bottom-color: transparent; }\n\n.bx--list-box--disabled:hover {\n  background-color: var(--cds-field-01, #f4f4f4); }\n\n.bx--list-box--light.bx--list-box--disabled {\n  background-color: var(--cds-field-02, #ffffff); }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__field:focus {\n  border-bottom-color: transparent;\n  outline: none; }\n\n.bx--list-box--disabled .bx--list-box__label,\n.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--list-box--disabled .bx--list-box__menu-icon > svg,\n.bx--list-box--disabled .bx--list-box__selection > svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__menu-icon {\n  cursor: not-allowed; }\n\n.bx--list-box--disabled .bx--list-box__menu-item, .bx--list-box--disabled :host(bx-dropdown-item),\n.bx--list-box--disabled .bx--list-box__menu-item:hover,\n.bx--list-box--disabled :hover:host(bx-dropdown-item),\n.bx--list-box--disabled .bx--list-box__menu-item--highlighted,\n.bx--list-box--disabled :host(bx-dropdown-item[highlighted]),\n.bx--list-box--disabled :host(bx-dropdown-item[selected]) {\n  color: var(--cds-disabled-02, #c6c6c6);\n  text-decoration: none; }\n\n.bx--list-box--disabled .bx--list-box__selection:hover {\n  cursor: not-allowed; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {\n  padding-right: 3rem; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {\n  padding-right: 2rem; }\n\n.bx--list-box.bx--list-box--inline {\n  border-width: 0;\n  background-color: transparent; }\n  .bx--list-box.bx--list-box--inline:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded {\n  border-bottom-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded='true'] {\n  border-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover {\n  background-color: transparent; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {\n  background-color: var(--cds-field-02, #ffffff); }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__field {\n  padding: 0 2rem 0 0.5rem; }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {\n  right: 0.5rem; }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {\n  right: 2rem; }\n\n.bx--list-box--inline .bx--list-box__label {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box--inline .bx--list-box__field {\n  height: 100%; }\n\n.bx--dropdown--inline .bx--list-box__field {\n  max-width: 30rem; }\n\n.bx--dropdown--inline .bx--list-box__menu {\n  min-width: 18rem;\n  max-width: 30rem; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  position: relative;\n  display: inline-flex;\n  overflow: hidden;\n  height: calc(100% + 1px);\n  align-items: center;\n  padding: 0 3rem 0 1rem;\n  cursor: pointer;\n  outline: none;\n  text-overflow: ellipsis;\n  vertical-align: top;\n  white-space: nowrap; }\n  .bx--list-box__field *,\n  .bx--list-box__field *::before,\n  .bx--list-box__field *::after {\n    box-sizing: inherit; }\n  .bx--list-box__field::-moz-focus-inner {\n    border: 0; }\n\n.bx--list-box__field:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--list-box__field:focus {\n      outline-style: dotted; } }\n\n.bx--list-box__field[disabled] {\n  color: var(--cds-disabled-02, #c6c6c6);\n  outline: none; }\n\n.bx--list-box__field .bx--text-input {\n  padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input,\n.bx--list-box--warning .bx--list-box__field .bx--text-input {\n  padding-right: 6.125rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon,\n.bx--list-box--warning .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon {\n  right: 4.125rem; }\n\n.bx--list-box__field .bx--text-input--empty {\n  padding-right: 3rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty,\n.bx--list-box--warning .bx--list-box__field .bx--text-input--empty {\n  padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon,\n.bx--list-box--warning .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon {\n  right: 2.5rem; }\n\n.bx--list-box__label {\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  overflow: hidden;\n  color: var(--cds-text-01, #161616);\n  text-overflow: ellipsis;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  white-space: nowrap; }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  position: absolute;\n  right: 1rem;\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  outline: none;\n  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--list-box__menu-icon *,\n  .bx--list-box__menu-icon *::before,\n  .bx--list-box__menu-icon *::after {\n    box-sizing: inherit; }\n  .bx--list-box__menu-icon::-moz-focus-inner {\n    border: 0; }\n\n.bx--list-box__menu-icon > svg {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--list-box__menu-icon--open {\n  width: 1.5rem;\n  justify-content: center;\n  transform: rotate(180deg); }\n\n.bx--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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */\n  right: 2.5rem;\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transform: translateY(-50%);\n  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--list-box__selection *,\n  .bx--list-box__selection *::before,\n  .bx--list-box__selection *::after {\n    box-sizing: inherit; }\n  .bx--list-box__selection::-moz-focus-inner {\n    border: 0; }\n  .bx--list-box__selection:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--list-box__selection:focus {\n        outline-style: dotted; } }\n    .bx--list-box__selection:focus:hover {\n      outline: 2px solid var(--cds-focus, #0f62fe);\n      outline-offset: -2px; }\n      @media screen and (prefers-contrast) {\n        .bx--list-box__selection:focus:hover {\n          outline-style: dotted; } }\n\n.bx--list-box__selection > svg {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--list-box--disabled .bx--list-box__selection:focus {\n  outline: none; }\n\n.bx--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  top: auto;\n  display: flex;\n  width: auto;\n  height: 1.5rem;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5rem;\n  padding-right: 0.125rem;\n  margin-right: 0.625rem;\n  background-color: var(--cds-inverse-02, #393939);\n  border-radius: 0.75rem;\n  color: var(--cds-inverse-01, #ffffff);\n  line-height: 0;\n  transform: none; }\n\n.bx--list-box__selection--multi > svg {\n  width: 1.25rem;\n  height: 1.25rem;\n  padding: 0.125rem;\n  margin-left: 0.25rem;\n  fill: var(--cds-inverse-01, #ffffff); }\n  .bx--list-box__selection--multi > svg:hover {\n    background-color: var(--cds-hover-secondary, #4c4c4c);\n    border-radius: 50%; }\n\n.bx--list-box--disabled .bx--list-box__selection--multi {\n  background-color: var(--cds-disabled-02, #c6c6c6);\n  color: var(--cds-disabled-01, #f4f4f4); }\n  .bx--list-box--disabled .bx--list-box__selection--multi.bx--tag--interactive:hover,\n  .bx--list-box--disabled .bx--list-box__selection--multi .bx--tag__close-icon:hover {\n    background-color: var(--cds-disabled-02, #c6c6c6); }\n  .bx--list-box--disabled .bx--list-box__selection--multi > svg {\n    fill: var(--cds-disabled-01, #f4f4f4); }\n    .bx--list-box--disabled .bx--list-box__selection--multi > svg:hover {\n      background-color: initial; }\n\n.bx--list-box__selection--multi:hover {\n  outline: none; }\n\n.bx--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  right: 0;\n  left: 0;\n  width: 100%;\n  background-color: var(--cds-ui-01, #f4f4f4);\n  overflow-y: auto;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--list-box__menu:focus {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--list-box__menu:focus {\n        outline-style: dotted; } }\n\n.bx--list-box .bx--list-box__field[aria-expanded='false'] + .bx--list-box__menu {\n  max-height: 0; }\n\n.bx--list-box--expanded .bx--list-box__menu {\n  max-height: 13.75rem; }\n\n.bx--list-box--expanded.bx--list-box--xl .bx--list-box__menu,\n.bx--list-box--expanded.bx--list-box--lg .bx--list-box__menu {\n  max-height: 16.5rem; }\n\n.bx--list-box--expanded.bx--list-box--sm .bx--list-box__menu {\n  max-height: 11rem; }\n\n.bx--list-box__menu-item, :host(bx-dropdown-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  position: relative;\n  height: 2.5rem;\n  color: var(--cds-text-02, #525252);\n  cursor: pointer;\n  transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--list-box__menu-item:hover, :hover:host(bx-dropdown-item) {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--list-box__menu-item:active, :active:host(bx-dropdown-item) {\n    background-color: var(--cds-selected-ui, #e0e0e0); }\n\n.bx--list-box--light .bx--list-box__menu-item:hover, .bx--list-box--light :hover:host(bx-dropdown-item) {\n  background-color: var(--cds-hover-light-ui, #e5e5e5); }\n\n.bx--list-box--sm .bx--list-box__menu-item, .bx--list-box--sm :host(bx-dropdown-item) {\n  height: 2rem; }\n\n.bx--list-box--xl .bx--list-box__menu-item, .bx--list-box--xl :host(bx-dropdown-item),\n.bx--list-box--lg .bx--list-box__menu-item,\n.bx--list-box--lg :host(bx-dropdown-item) {\n  height: 3rem; }\n\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover,\n.bx--list-box--disabled :hover:host(bx-dropdown-item) {\n  background-color: transparent; }\n\n.bx--list-box--light .bx--list-box__menu-item:active, .bx--list-box--light :active:host(bx-dropdown-item) {\n  background-color: var(--cds-selected-light-ui, #e0e0e0); }\n\n.bx--list-box--disabled .bx--list-box__menu-item__option:hover {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option, :first-of-type:host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box__menu-item:hover .bx--list-box__menu-item__option, :hover:host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option, :hover:host(bx-dropdown-item) + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box__menu-item:hover + :host(bx-dropdown-item) .bx--list-box__menu-item__option, :hover:host(bx-dropdown-item) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box--disabled :hover:host(bx-dropdown-item) + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box--disabled .bx--list-box__menu-item:hover + :host(bx-dropdown-item) .bx--list-box__menu-item__option, .bx--list-box--disabled :hover:host(bx-dropdown-item) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box__menu-item__option {\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  overflow: hidden;\n  height: 2.5rem;\n  padding: 0.6875rem 0;\n  padding-right: 1.5rem;\n  border-top: 1px solid transparent;\n  border-top-color: var(--cds-ui-03, #e0e0e0);\n  border-bottom: 1px solid transparent;\n  margin: 0 1rem;\n  color: var(--cds-text-02, #525252);\n  font-weight: normal;\n  line-height: 1rem;\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  .bx--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    @media screen and (prefers-contrast) {\n      .bx--list-box__menu-item__option:focus {\n        outline-style: dotted; } }\n  .bx--list-box__menu-item__option:hover {\n    border-color: transparent;\n    color: var(--cds-text-01, #161616); }\n\n.bx--list-box--sm .bx--list-box__menu-item__option {\n  height: 2rem;\n  padding-top: 0.4375rem;\n  padding-bottom: 0.4375rem; }\n\n.bx--list-box--xl .bx--list-box__menu-item__option,\n.bx--list-box--lg .bx--list-box__menu-item__option {\n  height: 3rem;\n  padding-top: 0.9375rem;\n  padding-bottom: 0.9375rem; }\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option, .bx--list-box--disabled :hover:host(bx-dropdown-item) .bx--list-box__menu-item__option,\n.bx--list-box--disabled .bx--list-box__menu-item__option {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--list-box__menu-item[disabled], [disabled]:host(bx-dropdown-item),\n.bx--list-box__menu-item[disabled] *,\n[disabled]:host(bx-dropdown-item) *,\n.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,\n[disabled]:host(bx-dropdown-item) .bx--list-box__menu-item__option,\n.bx--list-box__menu-item[disabled]:hover,\n[disabled]:hover:host(bx-dropdown-item) {\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed;\n  outline: none; }\n\n\n.bx--list-box__menu-item[disabled]:hover,\n[disabled]:hover:host(bx-dropdown-item) {\n  background-color: revert; }\n\n.bx--list-box__menu-item[disabled] .bx--checkbox-label::before, [disabled]:host(bx-dropdown-item) .bx--checkbox-label::before {\n  border-color: var(--cds-disabled-02, #c6c6c6); }\n\n\n.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,\n[disabled]:host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box__menu-item[disabled]:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option, [disabled]:hover:host(bx-dropdown-item) + .bx--list-box__menu-item .bx--list-box__menu-item__option, .bx--list-box__menu-item[disabled]:hover + :host(bx-dropdown-item) .bx--list-box__menu-item__option, [disabled]:hover:host(bx-dropdown-item) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {\n  margin: 0 0.5rem; }\n  .bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n    margin: 0; }\n\n.bx--list-box__menu-item--highlighted, :host(bx-dropdown-item[highlighted]), :host(bx-dropdown-item[selected]) {\n  border-color: transparent;\n  background-color: var(--cds-hover-ui, #e5e5e5);\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, :host(bx-dropdown-item[highlighted]) .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option,\n.bx--list-box__menu-item--highlighted + .bx--list-box__menu-item .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[highlighted]) + .bx--list-box__menu-item .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[selected]) + .bx--list-box__menu-item .bx--list-box__menu-item__option,\n.bx--list-box__menu-item--highlighted + :host(bx-dropdown-item) .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[highlighted]) + :host(bx-dropdown-item) .bx--list-box__menu-item__option,\n:host(bx-dropdown-item[selected]) + :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, :host(bx-dropdown-item[highlighted]) .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item--active, :host(bx-dropdown-item[selected]) {\n  border-bottom-color: var(--cds-selected-ui, #e0e0e0);\n  background-color: var(--cds-selected-ui, #e0e0e0);\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box--light .bx--list-box__menu-item--active, .bx--list-box--light :host(bx-dropdown-item[selected]) {\n  border-bottom-color: var(--cds-selected-light-ui, #e0e0e0);\n  background-color: var(--cds-selected-light-ui, #e0e0e0); }\n\n.bx--list-box__menu-item--active:hover, :hover:host(bx-dropdown-item[selected]),\n.bx--list-box__menu-item--active.bx--list-box__menu-item--highlighted,\n.bx--list-box__menu-item--active:host(bx-dropdown-item[highlighted]),\n:host(bx-dropdown-item[selected]) {\n  border-bottom-color: var(--cds-hover-selected-ui, #cacaca);\n  background-color: var(--cds-hover-selected-ui, #cacaca); }\n\n.bx--list-box__menu-item--active .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n.bx--list-box__menu-item--active + .bx--list-box__menu-item > .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) + .bx--list-box__menu-item > .bx--list-box__menu-item__option, .bx--list-box__menu-item--active + :host(bx-dropdown-item) > .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) + :host(bx-dropdown-item) > .bx--list-box__menu-item__option {\n  border-top-color: transparent; }\n\n.bx--list-box__menu-item__selected-icon {\n  position: absolute;\n  top: 50%;\n  right: 1rem;\n  display: none;\n  fill: var(--cds-icon-01, #161616);\n  transform: translateY(-50%); }\n\n.bx--list-box--inline .bx--list-box__menu-item__selected-icon {\n  right: 0.5rem; }\n\n.bx--list-box__menu-item--active .bx--list-box__menu-item__selected-icon, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__selected-icon {\n  display: block; }\n\n.bx--list-box__menu-item .bx--checkbox-label, :host(bx-dropdown-item) .bx--checkbox-label {\n  width: 100%; }\n\n.bx--list-box__menu-item .bx--checkbox-label-text, :host(bx-dropdown-item) .bx--checkbox-label-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.bx--list-box--up .bx--list-box__menu {\n  bottom: 2.5rem; }\n\n.bx--list-box--up.bx--dropdown--sm .bx--list-box__menu,\n.bx--list-box--up.bx--list-box--sm .bx--list-box__menu,\n.bx--list-box--up .bx--list-box--sm .bx--list-box__menu {\n  bottom: 2rem; }\n\n.bx--list-box--up.bx--dropdown--xl .bx--list-box__menu,\n.bx--list-box--up.bx--list-box--xl .bx--list-box__menu,\n.bx--list-box--up.bx--dropdown--lg .bx--list-box__menu,\n.bx--list-box--up.bx--list-box--lg .bx--list-box__menu,\n.bx--list-box--up .bx--list-box--lg .bx--list-box__menu {\n  bottom: 3rem; }\n\n.bx--list-box input[role='combobox'],\n.bx--list-box input[type='text'] {\n  min-width: 0;\n  background-color: inherit; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--list-box__field,\n  .bx--list-box__menu,\n  .bx--multi-select .bx--tag--filter {\n    outline: 1px solid transparent; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--list-box__field:focus,\n  .bx--multi-select .bx--tag__close-icon:focus, .bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option, :host(bx-dropdown-item[highlighted]) .bx--list-box__menu-item__option, :host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--list-box__menu-icon > svg,\n  .bx--list-box__selection > svg,\n  .bx--list-box__selection--multi > svg {\n    fill: ButtonText; } }\n\n.bx--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  margin-bottom: 2rem; }\n  .bx--fieldset *,\n  .bx--fieldset *::before,\n  .bx--fieldset *::after {\n    box-sizing: inherit; }\n\n.bx--fieldset--no-margin {\n  margin-bottom: 0; }\n\n.bx--form-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: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: flex-start; }\n\n.bx--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  display: inline-block;\n  margin-bottom: 0.5rem;\n  color: var(--cds-text-02, #525252);\n  font-weight: 400;\n  line-height: 1rem;\n  vertical-align: baseline; }\n  .bx--label *,\n  .bx--label *::before,\n  .bx--label *::after {\n    box-sizing: inherit; }\n\n.bx--label .bx--tooltip__trigger, .bx--label :host(bx-tooltip) {\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.bx--label.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 4.6875rem;\n  height: 0.875rem; }\n  .bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--label.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--label.bx--skeleton::before {\n        animation: none; } }\n\ninput[type='number'] {\n  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\ninput[data-invalid]:not(:focus),\n.bx--number[data-invalid] input[type='number']:not(:focus),\n.bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),\n.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),\n.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),\n.bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),\n.bx--combo-box[data-invalid] .bx--text-input:not(:focus) {\n  outline: 2px solid var(--cds-support-01, #da1e28);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    input[data-invalid]:not(:focus),\n    .bx--number[data-invalid] input[type='number']:not(:focus),\n    .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),\n    .bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),\n    .bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),\n    .bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),\n    .bx--combo-box[data-invalid] .bx--text-input:not(:focus) {\n      outline-style: dotted; } }\n\ninput[data-invalid] ~ .bx--form-requirement,\n.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement,\n.bx--number__input-wrapper--warning ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper--warn ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,\n.bx--time-picker--invalid ~ .bx--form-requirement,\n.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--text-input__field-wrapper--warning ~ .bx--form-requirement,\n.bx--text-input__field-wrapper--warning > .bx--text-input ~ .bx--form-requirement,\n.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select--warning .bx--select-input__wrapper ~ .bx--form-requirement,\n.bx--time-picker[data-invalid] ~ .bx--form-requirement,\n.bx--list-box[data-invalid] ~ .bx--form-requirement,\n.bx--list-box--warning ~ .bx--form-requirement {\n  display: block;\n  overflow: visible;\n  max-height: 12.5rem;\n  font-weight: 400; }\n\ninput[data-invalid] ~ .bx--form-requirement,\n.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper ~ .bx--form-requirement,\n.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,\n.bx--time-picker--invalid ~ .bx--form-requirement,\n.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--time-picker[data-invalid] ~ .bx--form-requirement,\n.bx--list-box[data-invalid] ~ .bx--form-requirement {\n  color: var(--cds-text-error, #da1e28); }\n\n.bx--form--fluid .bx--text-input__field-wrapper[data-invalid],\n.bx--form--fluid .bx--text-input__field-wrapper--warning {\n  display: block; }\n\n.bx--form--fluid .bx--fieldset {\n  margin: 0; }\n\n.bx--form--fluid input[data-invalid] {\n  outline: none; }\n\n.bx--form--fluid .bx--form-requirement {\n  padding: 0.5rem 2.5rem 0.5rem 1rem;\n  margin: 0; }\n\ninput:not(output):not([data-invalid]):-moz-ui-invalid {\n  box-shadow: none; }\n\n.bx--form-requirement {\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-caption-01-font-size, 0.75rem);\n  font-weight: var(--cds-caption-01-font-weight, 400);\n  line-height: var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);\n  display: none;\n  overflow: hidden;\n  max-height: 0;\n  margin: 0.25rem 0 0; }\n  .bx--form-requirement *,\n  .bx--form-requirement *::before,\n  .bx--form-requirement *::after {\n    box-sizing: inherit; }\n\n.bx--select--inline .bx--form__helper-text {\n  margin-top: 0; }\n\n.bx--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  width: 100%;\n  margin-top: 0.25rem;\n  color: var(--cds-text-02, #525252);\n  opacity: 1; }\n\n.bx--label--disabled,\n.bx--form__helper-text--disabled {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\nfieldset[disabled] .bx--label,\nfieldset[disabled] .bx--form__helper-text {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--form-item.bx--checkbox-wrapper {\n  position: relative;\n  margin-bottom: 0.25rem; }\n\n.bx--form-item.bx--checkbox-wrapper:first-of-type {\n  margin-top: 0.1875rem; }\n\n.bx--label + .bx--form-item.bx--checkbox-wrapper {\n  margin-top: -0.125rem; }\n\n.bx--form-item.bx--checkbox-wrapper:last-of-type {\n  margin-bottom: 0.1875rem; }\n\n.bx--checkbox {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap;\n  top: 1.25rem;\n  left: 0.7rem; }\n\n.bx--checkbox-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-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  position: relative;\n  display: flex;\n  min-height: 1.5rem;\n  padding-top: 0.1875rem;\n  padding-left: 1.25rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none; }\n  .bx--checkbox-label *,\n  .bx--checkbox-label *::before,\n  .bx--checkbox-label *::after {\n    box-sizing: inherit; }\n\n.bx--checkbox-label-text {\n  padding-left: 0.375rem; }\n\n.bx--checkbox-label::before,\n.bx--checkbox-label::after {\n  box-sizing: border-box; }\n\n.bx--checkbox-label::before {\n  position: absolute;\n  top: 0.125rem;\n  left: 0;\n  width: 1rem;\n  height: 1rem;\n  border: 1px solid var(--cds-icon-01, #161616);\n  margin: 0.125rem 0.125rem 0.125rem 0.1875rem;\n  background-color: transparent;\n  border-radius: 1px;\n  content: ''; }\n\n.bx--checkbox-label::after {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.4375rem;\n  width: 0.5625rem;\n  height: 0.3125rem;\n  border-bottom: 2px solid var(--cds-inverse-01, #ffffff);\n  border-left: 2px solid var(--cds-inverse-01, #ffffff);\n  margin-top: -0.1875rem /*rtl:0rem*/;\n  background: none;\n  content: '';\n  transform: scale(0) rotate(-45deg);\n  transform-origin: bottom right /*rtl:center*/; }\n\n.bx--checkbox:checked + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::before {\n  border-width: 1px;\n  border-color: var(--cds-icon-01, #161616);\n  background-color: var(--cds-icon-01, #161616); }\n\n.bx--checkbox:checked + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='true']::after {\n  transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/; }\n\n.bx--checkbox:indeterminate + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::after {\n  top: 0.6875rem;\n  width: 0.5rem;\n  border-bottom: 2px solid var(--cds-inverse-01, #ffffff);\n  border-left: 0 solid var(--cds-inverse-01, #ffffff);\n  transform: scale(1) rotate(0deg); }\n\n.bx--checkbox:focus + .bx--checkbox-label::before,\n.bx--checkbox-label__focus::before,\n.bx--checkbox:checked:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'].bx--checkbox-label__focus::before,\n.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'].bx--checkbox-label__focus::before {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: 1px; }\n\n.bx--checkbox:disabled + .bx--checkbox-label,\n.bx--checkbox-label[data-contained-checkbox-disabled='true'] {\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed; }\n\n.bx--checkbox:disabled + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-disabled='true']::before {\n  border-color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--checkbox:checked:disabled + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate:disabled + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'][data-contained-checkbox-disabled='true']::before {\n  background-color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--checkbox-label-text.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 6.25rem;\n  height: var(--cds-spacing-05, 1rem);\n  margin: 0.0625rem 0 0 0.375rem; }\n  .bx--checkbox-label-text.bx--skeleton:hover, .bx--checkbox-label-text.bx--skeleton:focus, .bx--checkbox-label-text.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--checkbox-label-text.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--checkbox-label-text.bx--skeleton::before {\n        animation: none; } }\n\n.bx--checkbox--inline {\n  position: relative; }\n\n.bx--tag {\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  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\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, #393939);\n  display: inline-flex;\n  min-width: 2rem;\n  max-width: 100%;\n  min-height: 1.5rem;\n  align-items: center;\n  justify-content: center;\n  padding: 0.25rem 0.5rem;\n  margin: 0.25rem;\n  border-radius: 0.9375rem;\n  cursor: default;\n  vertical-align: middle;\n  word-break: break-word; }\n  .bx--tag *,\n  .bx--tag *::before,\n  .bx--tag *::after {\n    box-sizing: inherit; }\n  .bx--tag::-moz-focus-inner {\n    border: 0; }\n  .bx--tag.bx--tag--interactive:hover,\n  .bx--tag .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-gray, #c6c6c6); }\n  .bx--tag:not(:first-child) {\n    margin-left: 0; }\n\n.bx--tag--red {\n  background-color: var(--cds-tag-background-red, #ffd7d9);\n  color: var(--cds-tag-color-red, #750e13); }\n  .bx--tag--red.bx--tag--interactive:hover,\n  .bx--tag--red .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-red, #ffb3b8); }\n\n.bx--tag--magenta {\n  background-color: var(--cds-tag-background-magenta, #ffd6e8);\n  color: var(--cds-tag-color-magenta, #740937); }\n  .bx--tag--magenta.bx--tag--interactive:hover,\n  .bx--tag--magenta .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-magenta, #ffafd2); }\n\n.bx--tag--purple {\n  background-color: var(--cds-tag-background-purple, #e8daff);\n  color: var(--cds-tag-color-purple, #491d8b); }\n  .bx--tag--purple.bx--tag--interactive:hover,\n  .bx--tag--purple .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-purple, #d4bbff); }\n\n.bx--tag--blue {\n  background-color: var(--cds-tag-background-blue, #d0e2ff);\n  color: var(--cds-tag-color-blue, #002d9c); }\n  .bx--tag--blue.bx--tag--interactive:hover,\n  .bx--tag--blue .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-blue, #a6c8ff); }\n\n.bx--tag--cyan {\n  background-color: var(--cds-tag-background-cyan, #bae6ff);\n  color: var(--cds-tag-color-cyan, #003a6d); }\n  .bx--tag--cyan.bx--tag--interactive:hover,\n  .bx--tag--cyan .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-cyan, #82cfff); }\n\n.bx--tag--teal {\n  background-color: var(--cds-tag-background-teal, #9ef0f0);\n  color: var(--cds-tag-color-teal, #004144); }\n  .bx--tag--teal.bx--tag--interactive:hover,\n  .bx--tag--teal .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-teal, #3ddbd9); }\n\n.bx--tag--green {\n  background-color: var(--cds-tag-background-green, #a7f0ba);\n  color: var(--cds-tag-color-green, #044317); }\n  .bx--tag--green.bx--tag--interactive:hover,\n  .bx--tag--green .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-green, #6fdc8c); }\n\n.bx--tag--gray {\n  background-color: var(--cds-tag-background-gray, #e0e0e0);\n  color: var(--cds-tag-color-gray, #393939); }\n  .bx--tag--gray.bx--tag--interactive:hover,\n  .bx--tag--gray .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-gray, #c6c6c6); }\n\n.bx--tag--cool-gray {\n  background-color: var(--cds-tag-background-cool-gray, #dde1e6);\n  color: var(--cds-tag-color-cool-gray, #343a3f); }\n  .bx--tag--cool-gray.bx--tag--interactive:hover,\n  .bx--tag--cool-gray .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-cool-gray, #c1c7cd); }\n\n.bx--tag--warm-gray {\n  background-color: var(--cds-tag-background-warm-gray, #e5e0df);\n  color: var(--cds-tag-color-warm-gray, #3c3838); }\n  .bx--tag--warm-gray.bx--tag--interactive:hover,\n  .bx--tag--warm-gray .bx--tag__close-icon:hover {\n    background-color: var(--cds-tag-hover-warm-gray, #cac5c4); }\n\n.bx--tag--high-contrast {\n  background-color: var(--cds-inverse-02, #393939);\n  color: var(--cds-inverse-01, #ffffff); }\n  .bx--tag--high-contrast.bx--tag--interactive:hover,\n  .bx--tag--high-contrast .bx--tag__close-icon:hover {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n\n.bx--tag--outline {\n  background-color: var(--cds-background, #ffffff);\n  color: var(--cds-text-01, #161616);\n  box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939); }\n  .bx--tag--outline.bx--tag--interactive:hover,\n  .bx--tag--outline .bx--tag__close-icon:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--tag--disabled,\n.bx--tag--filter.bx--tag--disabled,\n.bx--tag--interactive.bx--tag--disabled {\n  background-color: var(--cds-disabled-01, #f4f4f4);\n  color: var(--cds-disabled-02, #c6c6c6); }\n  .bx--tag--disabled.bx--tag--interactive:hover,\n  .bx--tag--disabled .bx--tag__close-icon:hover,\n  .bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,\n  .bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,\n  .bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,\n  .bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover {\n    background-color: var(--cds-disabled-01, #f4f4f4); }\n  .bx--tag--disabled:hover,\n  .bx--tag--filter.bx--tag--disabled:hover,\n  .bx--tag--interactive.bx--tag--disabled:hover {\n    cursor: not-allowed; }\n\n.bx--tag__label {\n  overflow: hidden;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.bx--tag--interactive:focus {\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n  outline: none; }\n\n.bx--tag--interactive:hover {\n  cursor: pointer; }\n\n.bx--tag--filter {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  cursor: pointer; }\n  .bx--tag--filter:hover {\n    outline: none; }\n\n.bx--tag--interactive {\n  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--tag__close-icon {\n  display: flex;\n  width: 1.5rem;\n  height: 1.5rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  margin: 0 0 0 0.125rem;\n  background-color: transparent;\n  border-radius: 50%;\n  color: currentColor;\n  cursor: pointer;\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  .bx--tag__close-icon svg {\n    fill: currentColor; }\n\n.bx--tag__custom-icon {\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  margin-right: var(--cds-spacing-02, 0.25rem);\n  background-color: transparent;\n  color: currentColor;\n  outline: none; }\n  .bx--tag__custom-icon svg {\n    fill: currentColor; }\n\n.bx--tag--disabled .bx--tag__close-icon {\n  cursor: not-allowed; }\n\n.bx--tag__close-icon:focus {\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);\n  outline: none; }\n\n.bx--tag--high-contrast .bx--tag__close-icon:focus {\n  box-shadow: inset 0 0 0 1px var(--cds-inverse-focus-ui, #ffffff); }\n\n.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover {\n  background-color: transparent; }\n\n.bx--tag--filter.bx--tag--disabled svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tag--sm {\n  min-height: 1.125rem;\n  padding: 0 0.5rem; }\n\n.bx--tag--sm.bx--tag--filter {\n  padding-right: 0; }\n\n.bx--tag--sm .bx--tag__close-icon {\n  width: 1.125rem;\n  height: 1.125rem;\n  margin-left: 0.3125rem; }\n\n.bx--tag.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  background-color: var(--cds-skeleton-01, #e5e5e5);\n  color: var(--cds-text-01, #161616);\n  overflow: hidden;\n  width: 3.75rem; }\n  .bx--tag.bx--skeleton:hover, .bx--tag.bx--skeleton:focus, .bx--tag.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--tag.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--tag.bx--skeleton::before {\n        animation: none; } }\n  .bx--tag.bx--skeleton.bx--tag--interactive:hover,\n  .bx--tag.bx--skeleton .bx--tag__close-icon:hover {\n    background-color: var(--cds-skeleton-01, #e5e5e5); }\n  @media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n      .bx--tag.bx--skeleton {\n        transform: translateZ(0); } } }\n\n/* stylelint-disable */\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tag {\n    outline: 1px solid transparent; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tag__close-icon svg,\n  .bx--tag__custom-icon svg {\n    fill: ButtonText; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tag__close-icon:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n/* stylelint-enable */\n:host(bx-dropdown) {\n  outline: none; }\n  :host(bx-dropdown) .bx--assistive-text {\n    left: -100%;\n    top: -100%; }\n  :host(bx-dropdown) .bx--label[hidden] {\n    display: none; }\n  :host(bx-dropdown) .bx--list-box__menu {\n    top: 100%;\n    margin-top: 1px; }\n\n:host(bx-dropdown-item) {\n  display: block; }\n  :host(bx-dropdown-item) .bx--list-box__menu-item__option {\n    height: 100%; }\n\n:host(bx-dropdown-item[size='sm']) {\n  height: 2rem; }\n  :host(bx-dropdown-item[size='sm']) .bx--list-box__menu-item__option {\n    padding-top: 0.4375rem;\n    padding-bottom: 0.4375rem; }\n\n:host(bx-dropdown-item[size='xl']) {\n  height: 3rem; }\n  :host(bx-dropdown-item[size='xl']) .bx--list-box__menu-item__option {\n    padding-top: 0.9375rem;\n    padding-bottom: 0.9375rem; }\n\n:host(bx-dropdown-item[disabled]) .bx--list-box__menu-item__option {\n  color: var(--cds-disabled-02, #c6c6c6);\n  text-decoration: none; }\n\n:host(bx-dropdown-item[selected]) .bx--list-box__menu-item__option {\n  color: var(--cds-text-01, #161616); }\n\n:host(bx-dropdown-item[selected]) .bx--list-box__menu-item__selected-icon {\n  display: block; }\n\n:host(bx-dropdown-skeleton) .bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none; }\n  :host(bx-dropdown-skeleton) .bx--skeleton:hover, :host(bx-dropdown-skeleton) .bx--skeleton:focus, :host(bx-dropdown-skeleton) .bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  :host(bx-dropdown-skeleton) .bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      :host(bx-dropdown-skeleton) .bx--skeleton::before {\n        animation: none; } }\n\n.bx--select, :host(bx-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  width: 100%;\n  flex-direction: column;\n  align-items: flex-start; }\n  .bx--select *, :host(bx-select) *,\n  .bx--select *::before,\n  :host(bx-select) *::before,\n  .bx--select *::after,\n  :host(bx-select) *::after {\n    box-sizing: inherit; }\n\n.bx--select-input__wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center; }\n\n.bx--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  outline: 2px solid transparent;\n  outline-offset: -2px;\n  display: block;\n  width: 100%;\n  height: 2.5rem;\n  padding: 0 var(--cds-spacing-09, 3rem) 0 var(--cds-spacing-05, 1rem);\n  border: none;\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: var(--cds-field-01, #f4f4f4);\n  border-radius: 0;\n  color: var(--cds-text-01, #161616);\n  cursor: pointer;\n  font-family: inherit;\n  opacity: 1;\n  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--select-input:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--select-input::-ms-expand {\n    display: none; }\n\n@-moz-document url-prefix() {\n  .bx--select-input:-moz-focusring, .bx--select-input::-moz-focus-inner {\n    background-image: none;\n    color: transparent;\n    text-shadow: 0 0 0 #000000; } }\n  .bx--select-input:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px;\n    color: var(--cds-text-01, #161616); }\n    @media screen and (prefers-contrast) {\n      .bx--select-input:focus {\n        outline-style: dotted; } }\n  .bx--select-input:disabled, .bx--select-input:hover:disabled {\n    border-bottom-color: var(--cds-disabled-01, #f4f4f4);\n    background-color: var(--cds-disabled-01, #f4f4f4);\n    color: var(--cds-disabled-02, #c6c6c6);\n    cursor: not-allowed; }\n\n.bx--select-input--sm {\n  height: 2rem;\n  max-height: 2rem; }\n\n.bx--select-input--xl,\n.bx--select-input--lg {\n  height: 3rem;\n  max-height: 3rem; }\n\n.bx--select--disabled .bx--label, :host(bx-select)[disabled] .bx--label,\n.bx--select--disabled .bx--form__helper-text,\n:host(bx-select)[disabled] .bx--form__helper-text {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input,\n.bx--select--warning .bx--select-input {\n  padding-right: 4.5rem; }\n\n.bx--select-input:disabled ~ .bx--select__arrow {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--select--light .bx--select-input, :host(bx-select)[color-scheme='light'] .bx--select-input {\n  background-color: var(--cds-field-02, #ffffff); }\n  .bx--select--light .bx--select-input:hover, :host(bx-select)[color-scheme='light'] .bx--select-input:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--select--light .bx--select-input:disabled, :host(bx-select)[color-scheme='light'] .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled, :host(bx-select)[color-scheme='light'] .bx--select-input:hover:disabled {\n    background-color: var(--cds-field-02, #ffffff);\n    color: var(--cds-disabled-02, #c6c6c6);\n    cursor: not-allowed; }\n\n.bx--select__arrow {\n  position: absolute;\n  top: 0;\n  right: var(--cds-spacing-05, 1rem);\n  height: 100%;\n  fill: var(--cds-ui-05, #161616);\n  pointer-events: none; }\n  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n    .bx--select__arrow path {\n      fill: ButtonText; } }\n\n.bx--select__invalid-icon {\n  position: absolute;\n  right: var(--cds-spacing-08, 2.5rem); }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {\n  fill: var(--cds-support-01, #da1e28); }\n\n.bx--select__invalid-icon--warning {\n  fill: var(--cds-support-03, #f1c21b); }\n\n.bx--select__invalid-icon--warning path[fill] {\n  fill: #000000;\n  opacity: 1; }\n\noptgroup.bx--select-optgroup,\n.bx--select-option {\n  background-color: var(--cds-background-hover, #e5e5e5);\n  color: var(--cds-text-01, #161616); }\n  optgroup.bx--select-optgroup:disabled,\n  .bx--select-option:disabled {\n    color: var(--cds-text-disabled, #c6c6c6); }\n\n.bx--select--inline {\n  display: flex;\n  flex-direction: row;\n  align-items: center; }\n\n.bx--select--inline.bx--select--invalid .bx--label, .bx--select--inline:host(bx-select)[invalid] .bx--label,\n.bx--select--inline.bx--select--invalid .bx--form__helper-text,\n.bx--select--inline:host(bx-select)[invalid] .bx--form__helper-text {\n  align-self: flex-start;\n  margin-top: 0.8125rem; }\n\n.bx--select--inline .bx--form__helper-text {\n  margin-bottom: 0;\n  margin-left: var(--cds-spacing-03, 0.5rem); }\n\n.bx--select--inline .bx--label {\n  margin: 0 0.5rem 0 0;\n  white-space: nowrap; }\n\n.bx--select--inline .bx--select-input {\n  width: auto;\n  padding-right: var(--cds-spacing-07, 2rem);\n  padding-left: 0.5rem;\n  border-bottom: none;\n  background-color: transparent;\n  color: var(--cds-text-01, #161616); }\n\n.bx--select--inline .bx--select-input:focus,\n.bx--select--inline .bx--select-input:focus option,\n.bx--select--inline .bx--select-input:focus optgroup {\n  background-color: var(--cds-background, #ffffff); }\n\n.bx--select--inline .bx--select-input[disabled],\n.bx--select--inline .bx--select-input[disabled]:hover {\n  background-color: var(--cds-disabled-01, #f4f4f4); }\n\n.bx--select--inline .bx--select__arrow {\n  right: 0.5rem; }\n\n.bx--select--inline.bx--select--invalid .bx--select-input, .bx--select--inline:host(bx-select)[invalid] .bx--select-input {\n  padding-right: 3.5rem; }\n\n.bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon, .bx--select--inline:host(bx-select)[invalid] .bx--select-input ~ .bx--select__invalid-icon {\n  right: var(--cds-spacing-07, 2rem); }\n\n.bx--select--inline .bx--select-input:disabled {\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed; }\n  .bx--select--inline .bx--select-input:disabled ~ * {\n    cursor: not-allowed; }\n\n.bx--select.bx--skeleton, .bx--skeleton:host(bx-select) {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 100%;\n  height: 2.5rem; }\n  .bx--select.bx--skeleton:hover, .bx--skeleton:hover:host(bx-select), .bx--select.bx--skeleton:focus, .bx--skeleton:focus:host(bx-select), .bx--select.bx--skeleton:active, .bx--skeleton:active:host(bx-select) {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--select.bx--skeleton::before, .bx--skeleton:host(bx-select)::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--select.bx--skeleton::before, .bx--skeleton:host(bx-select)::before {\n        animation: none; } }\n\n.bx--select.bx--skeleton .bx--select-input, .bx--skeleton:host(bx-select) .bx--select-input {\n  display: none; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--select__arrow {\n    fill: ButtonText; } }\n\n:host(bx-select) {\n  outline: none; }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-search-with-typeahead-item) span {\n  white-space: pre; }\n\n:host(dds-search-with-typeahead-item)[groupTitle] {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  color: var(--cds-text-05, #6f6f6f); }\n  :host(dds-search-with-typeahead-item)[groupTitle]:active {\n    outline: none; }\n  :host(dds-search-with-typeahead-item)[groupTitle]:hover {\n    cursor: auto;\n    background: none; }\n\n:host(dds-search-with-typeahead-item)[lastBeforeGroup] .bx--container-class {\n  border-bottom-color: var(--cds-ui-04, #8d8d8d); }\n\n:host(dds-scoped-search-dropdown),\n:host(dds-scoped-search-dropdown-mobile) {\n  display: flex;\n  border-right: 1px solid var(--cds-ui-03, #e0e0e0); }\n  :host(dds-scoped-search-dropdown) .bx--list-box,\n  :host(dds-scoped-search-dropdown-mobile) .bx--list-box {\n    height: 3rem;\n    max-height: none; }\n  :host(dds-scoped-search-dropdown) .bx--list-box__field:focus,\n  :host(dds-scoped-search-dropdown-mobile) .bx--list-box__field:focus {\n    outline: none; }\n\n@media (max-width: 65.98rem) {\n  :host(dds-scoped-search-dropdown) {\n    display: none; } }\n\n:host(dds-scoped-search-dropdown) .bx--list-box__menu {\n  width: -moz-fit-content;\n  width: fit-content; }\n\n:host(dds-scoped-search-dropdown-mobile) {\n  width: 3rem; }\n  :host(dds-scoped-search-dropdown-mobile) .bx--select-input {\n    padding: 0;\n    color: transparent; }\n  :host(dds-scoped-search-dropdown-mobile) .bx--select__arrow {\n    position: absolute;\n    margin-left: auto;\n    margin-right: auto;\n    left: 0;\n    right: 0;\n    text-align: center; }\n  :host(dds-scoped-search-dropdown-mobile) .bx--form__helper-text {\n    width: 0; }\n  @media (min-width: 66rem) {\n    :host(dds-scoped-search-dropdown-mobile) {\n      display: none; } }\n\n:host(dds-top-nav),\n.bx--header__search {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  position: relative;\n  height: 100%; }\n  :host(dds-top-nav).bx--masthead__platform .bx--header__nav, :host(dds-top-nav).bx--masthead__platform :host(bx-header-nav),\n  .bx--header__search.bx--masthead__platform .bx--header__nav,\n  .bx--header__search.bx--masthead__platform :host(bx-header-nav) {\n    padding-left: 0; }\n    :host(dds-top-nav).bx--masthead__platform .bx--header__nav::before, :host(dds-top-nav).bx--masthead__platform :host(bx-header-nav)::before,\n    .bx--header__search.bx--masthead__platform .bx--header__nav::before,\n    .bx--header__search.bx--masthead__platform :host(bx-header-nav)::before {\n      display: none; }\n  :host(dds-top-nav).bx--masthead__platform .bx--masthead__platform-name,\n  .bx--header__search.bx--masthead__platform .bx--masthead__platform-name {\n    z-index: 1;\n    height: 100%;\n    background: var(--cds-ui-background, #ffffff); }\n  :host(dds-top-nav).bx--masthead__header--search-active .bx--header__nav-container,\n  .bx--header__search.bx--masthead__header--search-active .bx--header__nav-container {\n    display: none; }\n  :host(dds-top-nav).bx--masthead__header--search-active + .bx--header__profile,\n  .bx--header__search.bx--masthead__header--search-active + .bx--header__profile {\n    display: none; }\n    @media (min-width: 42rem) {\n      :host(dds-top-nav).bx--masthead__header--search-active + .bx--header__profile,\n      .bx--header__search.bx--masthead__header--search-active + .bx--header__profile {\n        display: flex; } }\n\n@media (min-width: 42rem) {\n  .bx--header__search:not(\n  .bx--masthead__header--search-active) {\n    overflow-x: visible; } }\n\n.bx--header__action {\n  border: 2px solid transparent;\n  background-color: var(--cds-ui-background, #ffffff);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center; }\n  .bx--header__action > svg {\n    position: relative;\n    fill: var(--cds-icon-02, #525252); }\n  .bx--header__action:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition-duration: 95ms; }\n    .bx--header__action:hover > svg {\n      fill: var(--cds-icon-01, #161616); }\n  .bx--header__action:focus, .bx--header__action:active {\n    border-color: var(--cds-focus, #0f62fe);\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--header__search--actions {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex; }\n  .bx--header__search--actions .bx--header__search--search,\n  .bx--header__search--actions .bx--header__search--close {\n    color: var(--cds-icon-02, #525252);\n    background-color: var(--cds-ui-background, #ffffff);\n    padding: 0; }\n    .bx--header__search--actions .bx--header__search--search:hover,\n    .bx--header__search--actions .bx--header__search--close:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n      .bx--header__search--actions .bx--header__search--search:hover svg[focusable='false'][aria-hidden='true'],\n      .bx--header__search--actions .bx--header__search--close:hover svg[focusable='false'][aria-hidden='true'] {\n        fill: var(--cds-icon-01, #161616); }\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--visible::before,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--visible .bx--assistive-text, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger::before, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only:host(bx-tooltip):host(bx-tooltip-definition) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--search.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--visible::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--visible .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y.bx--tooltip__trigger .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only:host(bx-tooltip):host(bx-tooltip-definition) .bx--assistive-text,\n    .bx--header__search--actions .bx--header__search--close.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition) .bx--assistive-text {\n      display: none; }\n\n.bx--header__profile .bx--header__action:focus,\n.bx--header__search--actions .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus,\n.bx--header__search--actions .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n  border-color: var(--cds-focus, #0f62fe); }\n\nbutton.bx--header__search--close.bx--header__action[part='close-button'] {\n  overflow: hidden;\n  width: 0;\n  border: none;\n  display: none; }\n  button.bx--header__search--close.bx--header__action[part='close-button'] svg {\n    position: relative; }\n\n.bx--header__search--search {\n  outline: none;\n  width: 3rem; }\n\n:host(dds-search-with-typeahead) {\n  display: block;\n  position: relative;\n  outline: none;\n  height: var(--cds-spacing-09, 3rem);\n  margin-left: 3rem; }\n  :host(dds-search-with-typeahead) .dds-ce__search__list {\n    height: 0;\n    overflow: hidden; }\n  :host(dds-search-with-typeahead)[open] .dds-ce__search__list {\n    height: auto; }\n  :host(dds-search-with-typeahead)[active] {\n    z-index: 999;\n    width: 100%;\n    margin-left: 0; }\n    :host(dds-search-with-typeahead)[active] button.bx--header__search--close.bx--header__action[part='close-button'] {\n      display: inline-flex; }\n    :host(dds-search-with-typeahead)[active] button.bx--header__search--close.bx--header__action.bx--header__search--hide {\n      display: none; }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--actions {\n      z-index: 10001; }\n    :host(dds-search-with-typeahead)[active] .react-autosuggest__container::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: block;\n      border-bottom: 2px solid var(--cds-interactive-01, #0f62fe);\n      width: 100%;\n      height: 2px;\n      z-index: 10002; }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--input {\n      display: flex;\n      flex: 1;\n      padding: 0 var(--cds-spacing-05, 1rem);\n      outline: 2px solid transparent;\n      outline-offset: -2px;\n      background-color: var(--cds-ui-01, #f4f4f4);\n      height: 3rem;\n      z-index: 10000; }\n      :host(dds-search-with-typeahead)[active] .bx--header__search--input::-moz-placeholder {\n        left: 0;\n        opacity: 1;\n        transition-duration: 112ms;\n        transition-delay: 200ms;\n        color: var(--cds-text-03, #a8a8a8); }\n      :host(dds-search-with-typeahead)[active] .bx--header__search--input::placeholder {\n        left: 0;\n        opacity: 1;\n        transition-duration: 112ms;\n        transition-delay: 200ms;\n        color: var(--cds-text-03, #a8a8a8); }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--close {\n      width: var(--cds-spacing-09, 3rem);\n      display: inline-flex; }\n    :host(dds-search-with-typeahead)[active] .bx--header__search--close,\n    :host(dds-search-with-typeahead)[active] .bx--header__search--search {\n      border: 2px solid transparent; }\n      :host(dds-search-with-typeahead)[active] .bx--header__search--close:focus, :host(dds-search-with-typeahead)[active] .bx--header__search--close:active,\n      :host(dds-search-with-typeahead)[active] .bx--header__search--search:focus,\n      :host(dds-search-with-typeahead)[active] .bx--header__search--search:active {\n        border: 2px solid var(--cds-focus, #0f62fe); }\n    :host(dds-search-with-typeahead)[active] .bx--header__action {\n      background-color: var(--cds-ui-01, #f4f4f4);\n      transition-property: width;\n      transition-delay: 380ms;\n      transition-duration: 112ms; }\n  @media (max-width: 65.98rem) {\n    :host(dds-search-with-typeahead)[scope-value] .react-autosuggest__suggestions-container {\n      left: var(--cds-spacing-09, 3rem);\n      width: calc(100% - var(--cds-spacing-09, 3rem)); } }\n  :host(dds-search-with-typeahead)[leadspace-search] {\n    background: var(--cds-ui-01, #f4f4f4);\n    outline: 2px solid transparent;\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), top 110ms cubic-bezier(0, 0, 0.38, 0.9);\n    top: 0; }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search] {\n        height: var(--cds-spacing-10, 4rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search]:focus {\n      outline: 2px solid var(--cds-focus, #0f62fe); }\n      :host(dds-search-with-typeahead)[leadspace-search]:focus .bx--header__search--actions {\n        border-bottom: none; }\n    :host(dds-search-with-typeahead)[leadspace-search][unfocused] {\n      outline: none; }\n      :host(dds-search-with-typeahead)[leadspace-search][unfocused] .bx--header__search--actions {\n        border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n    :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--actions {\n      display: flex;\n      width: 100%;\n      border-bottom: 1px solid var(--cds-ui-04, #8d8d8d); }\n    :host(dds-search-with-typeahead)[leadspace-search] .bx--search-magnifier-icon {\n      position: absolute;\n      z-index: 2;\n      top: 50%;\n      left: var(--cds-spacing-05, 1rem);\n      fill: var(--cds-icon-02, #525252);\n      pointer-events: none;\n      transform: translateY(-50%); }\n    :host(dds-search-with-typeahead)[leadspace-search] form {\n      width: 100%;\n      padding-left: var(--cds-spacing-09, 3rem); }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search] form {\n          height: var(--cds-spacing-10, 4rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__container::after {\n      content: none; }\n    :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__suggestions-container {\n      top: 3.125rem; }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__suggestions-container {\n          top: 4.125rem; } }\n    :host(dds-search-with-typeahead)[leadspace-search] .react-autosuggest__suggestions-list {\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--input {\n      color: var(--cds-text-01, #161616);\n      border-bottom: none; }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--input {\n          height: var(--cds-spacing-10, 4rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search] .bx--header__search--close {\n        height: var(--cds-spacing-10, 4rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search][large] {\n        height: var(--cds-spacing-09, 3rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search][large] form {\n      width: 100%;\n      padding-left: var(--cds-spacing-09, 3rem); }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search][large] form {\n          height: var(--cds-spacing-09, 3rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search][large] .bx--header__search--input {\n        height: var(--cds-spacing-09, 3rem); } }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[leadspace-search][large] .bx--header__search--close {\n        height: var(--cds-spacing-09, 3rem); } }\n    :host(dds-search-with-typeahead)[leadspace-search][large] .react-autosuggest__suggestions-container {\n      top: 3.125rem; }\n      @media (min-width: 42rem) {\n        :host(dds-search-with-typeahead)[leadspace-search][large] .react-autosuggest__suggestions-container {\n          top: 3.125rem; } }\n  :host(dds-search-with-typeahead)[sticky-search] {\n    top: 5rem; }\n  :host(dds-search-with-typeahead)[theme-sticky] {\n    top: var(--cds-spacing-05, 1rem); }\n    @media (min-width: 42rem) {\n      :host(dds-search-with-typeahead)[theme-sticky] {\n        top: var(--cds-spacing-07, 2rem); } }\n    @media (min-width: 66rem) {\n      :host(dds-search-with-typeahead)[theme-sticky] {\n        top: var(--cds-spacing-09, 3rem); } }\n\n.react-autosuggest__container {\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n  height: 3rem; }\n\n.react-autosuggest__suggestions-container {\n  position: absolute;\n  top: 3rem;\n  left: 0;\n  width: 100%;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n  max-height: 80vh;\n  overflow-y: auto; }\n\n.react-autosuggest__suggestions-list {\n  background-color: var(--cds-ui-background, #ffffff); }\n\n.react-autosuggest__section-title {\n  height: 3rem;\n  display: flex;\n  align-items: center;\n  color: var(--cds-text-02, #525252);\n  padding: 0 1rem;\n  border-top: solid 1px var(--cds-ui-04, #8d8d8d);\n  border-bottom: solid 1px var(--cds-ui-01, #f4f4f4);\n  background-color: var(--cds-ui-background, #ffffff);\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.react-autosuggest__suggestion, :host(dds-search-with-typeahead-item), :host(dds-masthead-search-item) {\n  color: var(--cds-text-01, #161616);\n  height: 3rem;\n  display: flex; }\n  .react-autosuggest__suggestion span, :host(dds-search-with-typeahead-item) span, :host(dds-masthead-search-item) span {\n    font-weight: 600; }\n  .react-autosuggest__suggestion .bx--container-class, :host(dds-search-with-typeahead-item) .bx--container-class, :host(dds-masthead-search-item) .bx--container-class {\n    display: flex;\n    border-bottom: 1px solid var(--cds-ui-01, #f4f4f4);\n    flex: 1;\n    padding: 0 1rem;\n    align-items: center; }\n    .react-autosuggest__suggestion .bx--container-class:focus, :host(dds-search-with-typeahead-item) .bx--container-class:focus, :host(dds-masthead-search-item) .bx--container-class:focus {\n      outline: none; }\n  .react-autosuggest__suggestion:hover, :hover:host(dds-search-with-typeahead-item), :hover:host(dds-masthead-search-item) {\n    cursor: pointer;\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    transition: 95ms; }\n  .react-autosuggest__suggestion .bx--container-highlight-class:not(:hover), :host(dds-search-with-typeahead-item) .bx--container-highlight-class:not(:hover), :host(dds-masthead-search-item) .bx--container-highlight-class:not(:hover), .react-autosuggest__suggestion:focus, :focus:host(dds-search-with-typeahead-item), :focus:host(dds-masthead-search-item), .react-autosuggest__suggestion:active, :active:host(dds-search-with-typeahead-item), :active:host(dds-masthead-search-item) {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n  .react-autosuggest__suggestion:last-of-type .bx--container-class, :last-of-type:host(dds-search-with-typeahead-item) .bx--container-class, :last-of-type:host(dds-masthead-search-item) .bx--container-class {\n    border-bottom: none; }\n\n.bx--header__search--input {\n  font-size: 1rem;\n  line-height: 1.375rem;\n  border: none;\n  width: 0;\n  transition: 120ms;\n  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);\n  padding: 0; }\n  .bx--header__search--input::-moz-placeholder {\n    position: relative;\n    left: 5rem;\n    opacity: 0; }\n  .bx--header__search--input::placeholder {\n    position: relative;\n    left: 5rem;\n    opacity: 0; }\n\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--masthead__l1,\n:host(dds-masthead-l1) {\n  --cds-interactive-01: #0f62fe;\n  --cds-interactive-02: #393939;\n  --cds-interactive-03: #0f62fe;\n  --cds-interactive-04: #0f62fe;\n  --cds-ui-background: #ffffff;\n  --cds-ui-01: #f4f4f4;\n  --cds-ui-02: #ffffff;\n  --cds-ui-03: #e0e0e0;\n  --cds-ui-04: #8d8d8d;\n  --cds-ui-05: #161616;\n  --cds-text-01: #161616;\n  --cds-text-02: #525252;\n  --cds-text-03: #a8a8a8;\n  --cds-text-04: #ffffff;\n  --cds-text-05: #6f6f6f;\n  --cds-text-error: #da1e28;\n  --cds-icon-01: #161616;\n  --cds-icon-02: #525252;\n  --cds-icon-03: #ffffff;\n  --cds-link-01: #0f62fe;\n  --cds-link-02: #0043ce;\n  --cds-inverse-link: #78a9ff;\n  --cds-field-01: #f4f4f4;\n  --cds-field-02: #ffffff;\n  --cds-inverse-01: #ffffff;\n  --cds-inverse-02: #393939;\n  --cds-support-01: #da1e28;\n  --cds-support-02: #198038;\n  --cds-support-03: #f1c21b;\n  --cds-support-04: #0043ce;\n  --cds-inverse-support-01: #fa4d56;\n  --cds-inverse-support-02: #42be65;\n  --cds-inverse-support-03: #f1c21b;\n  --cds-inverse-support-04: #4589ff;\n  --cds-overlay-01: rgba(22, 22, 22, 0.5);\n  --cds-danger-01: #da1e28;\n  --cds-danger-02: #da1e28;\n  --cds-focus: #0f62fe;\n  --cds-inverse-focus-ui: #ffffff;\n  --cds-hover-primary: #0353e9;\n  --cds-active-primary: #002d9c;\n  --cds-hover-primary-text: #0043ce;\n  --cds-hover-secondary: #4c4c4c;\n  --cds-active-secondary: #6f6f6f;\n  --cds-hover-tertiary: #0353e9;\n  --cds-active-tertiary: #002d9c;\n  --cds-hover-ui: #e5e5e5;\n  --cds-hover-light-ui: #e5e5e5;\n  --cds-hover-selected-ui: #cacaca;\n  --cds-active-ui: #c6c6c6;\n  --cds-active-light-ui: #c6c6c6;\n  --cds-selected-ui: #e0e0e0;\n  --cds-selected-light-ui: #e0e0e0;\n  --cds-inverse-hover-ui: #4c4c4c;\n  --cds-hover-danger: #b81921;\n  --cds-active-danger: #750e13;\n  --cds-hover-row: #e5e5e5;\n  --cds-visited-link: #8a3ffc;\n  --cds-disabled-01: #f4f4f4;\n  --cds-disabled-02: #c6c6c6;\n  --cds-disabled-03: #8d8d8d;\n  --cds-highlight: #d0e2ff;\n  --cds-decorative-01: #e0e0e0;\n  --cds-button-separator: #e0e0e0;\n  --cds-skeleton-01: #e5e5e5;\n  --cds-skeleton-02: #c6c6c6;\n  --cds-background: #ffffff;\n  --cds-layer: #f4f4f4;\n  --cds-layer-accent: #e0e0e0;\n  --cds-layer-accent-hover: #d1d1d1;\n  --cds-layer-accent-active: #a8a8a8;\n  --cds-field: #f4f4f4;\n  --cds-background-inverse: #393939;\n  --cds-background-brand: #0f62fe;\n  --cds-interactive: #0f62fe;\n  --cds-border-subtle: #e0e0e0;\n  --cds-border-strong: #8d8d8d;\n  --cds-border-inverse: #161616;\n  --cds-border-interactive: #0f62fe;\n  --cds-text-primary: #161616;\n  --cds-text-secondary: #525252;\n  --cds-text-placeholder: #a8a8a8;\n  --cds-text-helper: #6f6f6f;\n  --cds-text-on-color: #ffffff;\n  --cds-text-inverse: #ffffff;\n  --cds-link-primary: #0f62fe;\n  --cds-link-secondary: #0043ce;\n  --cds-link-visited: #8a3ffc;\n  --cds-link-inverse: #78a9ff;\n  --cds-icon-primary: #161616;\n  --cds-icon-secondary: #525252;\n  --cds-icon-on-color: #ffffff;\n  --cds-icon-inverse: #ffffff;\n  --cds-support-error: #da1e28;\n  --cds-support-success: #198038;\n  --cds-support-warning: #f1c21b;\n  --cds-support-info: #0043ce;\n  --cds-support-error-inverse: #fa4d56;\n  --cds-support-success-inverse: #42be65;\n  --cds-support-warning-inverse: #f1c21b;\n  --cds-support-info-inverse: #4589ff;\n  --cds-overlay: rgba(22, 22, 22, 0.5);\n  --cds-toggle-off: #8d8d8d;\n  --cds-shadow: rgba(0, 0, 0, 0.3);\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-background-active: #c6c6c6;\n  --cds-layer-active: #c6c6c6;\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-focus-inset: #ffffff;\n  --cds-focus-inverse: #ffffff;\n  --cds-background-hover: #e5e5e5;\n  --cds-layer-hover: #e5e5e5;\n  --cds-field-hover: #e5e5e5;\n  --cds-background-inverse-hover: #4c4c4c;\n  --cds-link-primary-hover: #0043ce;\n  --cds-button-danger-hover: #b81921;\n  --cds-button-primary-hover: #0353e9;\n  --cds-button-secondary-hover: #4c4c4c;\n  --cds-button-tertiary-hover: #0353e9;\n  --cds-background-selected: #e0e0e0;\n  --cds-background-selected-hover: #cacaca;\n  --cds-layer-selected: #e0e0e0;\n  --cds-layer-selected-hover: #cacaca;\n  --cds-layer-selected-inverse: #161616;\n  --cds-border-subtle-selected: #c6c6c6;\n  --cds-border-disabled: #f4f4f4;\n  --cds-text-disabled: #c6c6c6;\n  --cds-button-disabled: #c6c6c6;\n  --cds-icon-disabled: #c6c6c6;\n  --cds-text-on-color-disabled: #8d8d8d;\n  --cds-icon-on-color-disabled: #8d8d8d;\n  --cds-layer-selected-disabled: #8d8d8d;\n  --cds-skeleton-background: #e5e5e5;\n  --cds-skeleton-element: #c6c6c6;\n  --cds-brand-01: #0f62fe;\n  --cds-brand-02: #393939;\n  --cds-brand-03: #0f62fe;\n  --cds-active-01: #c6c6c6;\n  --cds-hover-field: #e5e5e5;\n  --cds-danger: #da1e28;\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-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-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-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-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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, 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-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-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-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.199;\n  --cds-productive-heading-07-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.25;\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-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-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, 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', 'Georgia', Times, 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-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-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-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.199;\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', 'Georgia', Times, 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', 'Georgia', Times, 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-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-layout-01: 1rem;\n  --cds-layout-02: 1.5rem;\n  --cds-layout-03: 2rem;\n  --cds-layout-04: 3rem;\n  --cds-layout-05: 4rem;\n  --cds-layout-06: 6rem;\n  --cds-layout-07: 10rem;\n  --cds-container-01: 1.5rem;\n  --cds-container-02: 2rem;\n  --cds-container-03: 2.5rem;\n  --cds-container-04: 3rem;\n  --cds-container-05: 4rem;\n  --cds-size-xsmall: 1.5rem;\n  --cds-size-small: 2rem;\n  --cds-size-medium: 2.5rem;\n  --cds-size-large: 3rem;\n  --cds-size-xlarge: 4rem;\n  --cds-size-2XLarge: 5rem;\n  --cds-icon-size-01: 1rem;\n  --cds-icon-size-02: 1.25rem;\n  display: flex;\n  position: relative;\n  max-width: 98rem;\n  margin-left: auto;\n  margin-right: auto;\n  height: var(--cds-layout-04, 3rem);\n  background-color: var(--cds-ui-02, #ffffff);\n  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n  overflow: visible; }\n  .bx--masthead__l1::after,\n  :host(dds-masthead-l1)::after {\n    content: '';\n    position: absolute;\n    height: 0.0625rem;\n    bottom: -0.0625rem;\n    left: calc(-50vw + 50%);\n    right: calc(-50vw + 50%);\n    background-color: var(--cds-ui-03, #e0e0e0); }\n\n.bx--masthead__l1-inner-container {\n  width: 100%;\n  display: flex; }\n  .bx--masthead__l1-inner-container::before {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: calc(-50vw + 50%);\n    right: 100%;\n    z-index: 1; }\n  .bx--masthead__l1-inner-container::after {\n    content: '';\n    position: absolute;\n    background-color: var(--cds-ui-background, #ffffff);\n    height: 48px;\n    left: 100%;\n    right: calc(-50vw + 50%); }\n\n.bx--masthead__l1-name,\n:host(dds-masthead-l1-name) {\n  display: flex;\n  height: 100%;\n  z-index: 1;\n  background-color: var(--cds-ui-02, #ffffff);\n  color: var(--cds-text-04, #ffffff);\n  padding: 0 0 0 0.75rem;\n  align-items: stretch;\n  white-space: nowrap; }\n  @media (max-width: 65.98rem) {\n    .bx--masthead__l1-name,\n    :host(dds-masthead-l1-name) {\n      padding-left: 0; } }\n  .bx--masthead__l1-name[aria-selected='true'] span::after,\n  :host(dds-masthead-l1-name)[aria-selected='true'] span::after {\n    content: '';\n    display: block;\n    position: absolute;\n    box-sizing: border-box;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 0.1875rem;\n    background-color: var(--cds-link-01, #0f62fe); }\n\n.bx--masthead__l1-name-title {\n  display: flex;\n  align-items: stretch;\n  min-width: 4.1875rem;\n  white-space: nowrap;\n  position: relative; }\n  .bx--masthead__l1-name-title a {\n    font-size: var(--cds-productive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-productive-heading-02-font-weight, 600);\n    line-height: var(--cds-productive-heading-02-line-height, 1.375);\n    letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);\n    display: flex;\n    align-items: center;\n    color: var(--cds-text-01, #161616);\n    position: relative;\n    text-decoration: none;\n    padding: 0 1rem; }\n    .bx--masthead__l1-name-title a:active, .bx--masthead__l1-name-title a:focus {\n      outline: 2px solid var(--cds-interactive-01, #0f62fe);\n      outline-offset: -2px; }\n  .bx--masthead__l1-name-title:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--masthead__l1-nav {\n  padding-left: 0; }\n  .bx--masthead__l1-nav li:not([role='none']) > a {\n    align-items: flex-end; }\n  .bx--masthead__l1-nav a.bx--header__menu-item:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--masthead__l1-nav a.bx--header__menu-item:focus {\n    border-color: var(--cds-interactive-01, #0f62fe); }\n  .bx--masthead__l1-nav a.bx--header__menu-item svg {\n    position: relative;\n    top: -2px;\n    fill: var(--cds-text-01, #161616); }\n  .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] {\n    background-color: var(--cds-ui-03, #e0e0e0); }\n    .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li {\n      background-color: var(--cds-ui-background, #ffffff); }\n      .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li:hover {\n        background-color: var(--cds-hover-ui, #e5e5e5); }\n      .bx--masthead__l1-nav a.bx--header__menu-title[aria-expanded='true'] + .bx--header__menu li a.bx--header__menu-item:hover {\n        color: var(--cds-text-01, #161616);\n        background-color: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--tooltip__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-flex;\n  align-items: center;\n  color: var(--cds-text-02, #525252); }\n  .bx--tooltip__label:focus {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__label:focus {\n        outline-style: dotted; } }\n\n.bx--tooltip__trigger svg, :host(bx-tooltip) svg {\n  fill: var(--cds-icon-02, #525252); }\n\n.bx--tooltip__trigger:not(.bx--btn--icon-only), :not(.bx--btn--icon-only):host(bx-tooltip) {\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  font-size: 1rem; }\n  .bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner, :host(bx-tooltip):not(.bx--btn--icon-only)::-moz-focus-inner {\n    border: 0; }\n  .bx--tooltip__trigger:not(.bx--btn--icon-only):focus, :not(.bx--btn--icon-only):focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe);\n    fill: var(--cds-hover-primary, #0353e9); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger:not(.bx--btn--icon-only):focus, :not(.bx--btn--icon-only):focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n\n.bx--tooltip__trigger:not(.bx--btn--icon-only)[disabled] svg, :not(.bx--btn--icon-only)[disabled]:host(bx-tooltip) svg {\n  fill: var(--cds-icon-disabled, #c6c6c6); }\n\n.bx--tooltip__label .bx--tooltip__trigger, .bx--tooltip__label :host(bx-tooltip) {\n  margin-left: 0.5rem; }\n\n.bx--tooltip__label--bold {\n  font-weight: 600; }\n\n.bx--tooltip, :host(bx-tooltip-body) {\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  min-width: 13rem;\n  max-width: 18rem;\n  padding: 1rem;\n  margin-top: 0.25rem;\n  background: var(--cds-inverse-02, #393939);\n  border-radius: 0.125rem;\n  color: var(--cds-inverse-01, #ffffff);\n  word-wrap: break-word; }\n  .bx--tooltip:focus, :focus:host(bx-tooltip-body) {\n    box-shadow: inset 0 0 0 1px var(--cds-inverse-02, #393939), inset 0 0 0 2px var(--cds-ui-background, #ffffff);\n    outline: 0; }\n  .bx--tooltip.bx--tooltip--top.bx--tooltip--align-start, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip-body), .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-start, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip-body) {\n    transform: translate(calc(50% - 22px), 0); }\n    .bx--tooltip.bx--tooltip--top.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret, .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret {\n      margin-left: 15px; }\n  .bx--tooltip.bx--tooltip--top.bx--tooltip--align-end, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip-body), .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-end, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip-body) {\n    transform: translate(calc(22px - 50%), 0); }\n    .bx--tooltip.bx--tooltip--top.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret, .bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret {\n      margin-right: 15px; }\n  .bx--tooltip.bx--tooltip--left.bx--tooltip--align-start, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip-body) {\n    transform: translate(0, calc(-15px + 50%)); }\n    .bx--tooltip.bx--tooltip--left.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 14px; }\n  .bx--tooltip.bx--tooltip--left.bx--tooltip--align-end, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip-body) {\n    transform: translate(0, calc(31px - 50%)); }\n    .bx--tooltip.bx--tooltip--left.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: initial;\n      bottom: 25px; }\n  .bx--tooltip.bx--tooltip--right.bx--tooltip--align-start, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip-body) {\n    transform: translate(0, calc(-26px + 50%)); }\n    .bx--tooltip.bx--tooltip--right.bx--tooltip--align-start .bx--tooltip__caret, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 26px; }\n  .bx--tooltip.bx--tooltip--right.bx--tooltip--align-end, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip-body) {\n    transform: translate(0, calc(20px - 50%)); }\n    .bx--tooltip.bx--tooltip--right.bx--tooltip--align-end .bx--tooltip__caret, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: initial;\n      bottom: 12px; }\n  .bx--tooltip p, :host(bx-tooltip-body) p {\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    text-align: left; }\n  .bx--tooltip button, :host(bx-tooltip-body) button {\n    padding-right: 2rem; }\n  .bx--tooltip .bx--btn:focus, :host(bx-tooltip-body) .bx--btn:focus {\n    border-color: var(--cds-inverse-focus-ui, #ffffff);\n    outline-color: var(--cds-inverse-02, #393939); }\n  .bx--tooltip .bx--link, :host(bx-tooltip-body) .bx--link {\n    color: var(--cds-inverse-link, #78a9ff);\n    font-size: 0.875rem; }\n    .bx--tooltip .bx--link:focus, :host(bx-tooltip-body) .bx--link:focus {\n      outline: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n      outline-offset: 2px; }\n    .bx--tooltip .bx--link:active, :host(bx-tooltip-body) .bx--link:active, .bx--tooltip .bx--link:active:visited, :host(bx-tooltip-body) .bx--link:active:visited, .bx--tooltip .bx--link:active:visited:hover, :host(bx-tooltip-body) .bx--link:active:visited:hover {\n      color: var(--cds-inverse-01, #ffffff); }\n    .bx--tooltip .bx--link:visited, :host(bx-tooltip-body) .bx--link:visited {\n      color: var(--cds-inverse-link, #78a9ff); }\n  .bx--tooltip .bx--tooltip__content[tabindex='-1']:focus, :host(bx-tooltip-body) .bx--tooltip__content[tabindex='-1']:focus {\n    outline: none; }\n  .bx--tooltip .bx--tooltip__caret, :host(bx-tooltip-body) .bx--tooltip__caret {\n    position: absolute;\n    top: calc(-0.42969rem + 1px);\n    right: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    border-right: 0.42969rem solid transparent;\n    border-bottom: 0.42969rem solid var(--cds-inverse-02, #393939);\n    border-left: 0.42969rem solid transparent;\n    margin: 0 auto;\n    content: ''; }\n  .bx--tooltip .bx--tooltip__footer, :host(bx-tooltip-body) .bx--tooltip__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 1rem; }\n  .bx--tooltip[data-floating-menu-direction='left'], [data-floating-menu-direction='left']:host(bx-tooltip-body) {\n    margin-left: calc(var(--cds-spacing-03, 0.5rem) * -1); }\n    .bx--tooltip[data-floating-menu-direction='left'] .bx--tooltip__caret, [data-floating-menu-direction='left']:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 50%;\n      right: calc(-0.42969rem + 1px);\n      left: auto;\n      transform: rotate(90deg) translate(50%, -50%); }\n  .bx--tooltip[data-floating-menu-direction='top'], [data-floating-menu-direction='top']:host(bx-tooltip-body) {\n    margin-top: calc(var(--cds-spacing-03, 0.5rem) * -1); }\n    .bx--tooltip[data-floating-menu-direction='top'] .bx--tooltip__caret, [data-floating-menu-direction='top']:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: auto;\n      bottom: calc(-0.42969rem + 1px);\n      transform: rotate(180deg); }\n  .bx--tooltip[data-floating-menu-direction='right'], [data-floating-menu-direction='right']:host(bx-tooltip-body) {\n    margin-left: var(--cds-spacing-03, 0.5rem); }\n    .bx--tooltip[data-floating-menu-direction='right'] .bx--tooltip__caret, [data-floating-menu-direction='right']:host(bx-tooltip-body) .bx--tooltip__caret {\n      top: 50%;\n      right: auto;\n      left: calc(-0.42969rem + 1px);\n      transform: rotate(270deg) translate(50%, -50%); }\n  .bx--tooltip[data-floating-menu-direction='bottom'], [data-floating-menu-direction='bottom']:host(bx-tooltip-body) {\n    margin-top: var(--cds-spacing-03, 0.5rem); }\n\n.bx--tooltip__heading {\n  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);\n  font-weight: var(--cds-productive-heading-01-font-weight, 600);\n  line-height: var(--cds-productive-heading-01-line-height, 1.28572);\n  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);\n  margin-bottom: var(--cds-spacing-03, 0.5rem); }\n\n.bx--tooltip--shown, :host(bx-tooltip-body[open]) {\n  display: block;\n  margin-top: 0; }\n\n/* begin legacy definition tooltip TODO: deprecate */\n.bx--tooltip--definition, :host(bx-tooltip-definition) {\n  position: relative; }\n  .bx--tooltip--definition .bx--tooltip__trigger, :host(bx-tooltip-definition) .bx--tooltip__trigger, .bx--tooltip--definition :host(bx-tooltip), :host(bx-tooltip-definition) :host(bx-tooltip) {\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: relative;\n    display: inline-flex;\n    border-bottom: 1px dotted var(--cds-interactive-01, #0f62fe);\n    color: var(--cds-text-01, #161616); }\n    .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top, :host(bx-tooltip-definition) .bx--tooltip__trigger:hover + .bx--tooltip--definition__top, .bx--tooltip--definition :hover:host(bx-tooltip) + .bx--tooltip--definition__top, :host(bx-tooltip-definition) :hover:host(bx-tooltip) + .bx--tooltip--definition__top,\n    .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom,\n    :host(bx-tooltip-definition) .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom,\n    .bx--tooltip--definition :hover:host(bx-tooltip) + .bx--tooltip--definition__bottom,\n    :host(bx-tooltip-definition) :hover:host(bx-tooltip) + .bx--tooltip--definition__bottom {\n      display: block; }\n    .bx--tooltip--definition .bx--tooltip__trigger:focus, :host(bx-tooltip-definition) .bx--tooltip__trigger:focus, .bx--tooltip--definition :focus:host(bx-tooltip), :host(bx-tooltip-definition) :focus:host(bx-tooltip) {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip--definition .bx--tooltip__trigger:focus, :host(bx-tooltip-definition) .bx--tooltip__trigger:focus, .bx--tooltip--definition :focus:host(bx-tooltip), :host(bx-tooltip-definition) :focus:host(bx-tooltip) {\n          outline-style: dotted; } }\n      .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top, :host(bx-tooltip-definition) .bx--tooltip__trigger:focus + .bx--tooltip--definition__top, .bx--tooltip--definition :focus:host(bx-tooltip) + .bx--tooltip--definition__top, :host(bx-tooltip-definition) :focus:host(bx-tooltip) + .bx--tooltip--definition__top,\n      .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom,\n      :host(bx-tooltip-definition) .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom,\n      .bx--tooltip--definition :focus:host(bx-tooltip) + .bx--tooltip--definition__bottom,\n      :host(bx-tooltip-definition) :focus:host(bx-tooltip) + .bx--tooltip--definition__bottom {\n        display: block; }\n\n.bx--tooltip--definition__bottom,\n.bx--tooltip--definition__top {\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n  position: absolute;\n  z-index: 1;\n  display: none;\n  width: 13rem;\n  padding: 0.5rem 1rem;\n  margin-top: 0.75rem;\n  background: var(--cds-inverse-02, #393939);\n  border-radius: 0.125rem;\n  pointer-events: none; }\n  .bx--tooltip--definition__bottom p,\n  .bx--tooltip--definition__top p {\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    color: var(--cds-inverse-01, #ffffff); }\n  .bx--tooltip--definition__bottom .bx--tooltip__caret,\n  .bx--tooltip--definition__top .bx--tooltip__caret {\n    position: absolute;\n    right: 0;\n    left: 0;\n    width: 0.6rem;\n    height: 0.6rem;\n    margin-left: 1rem;\n    background: var(--cds-inverse-02, #393939); }\n\n.bx--tooltip--definition__bottom .bx--tooltip__caret {\n  top: -0.2rem;\n  transform: rotate(-135deg); }\n\n.bx--tooltip--definition__top {\n  margin-top: -2rem;\n  transform: translateY(-100%); }\n  .bx--tooltip--definition__top .bx--tooltip__caret {\n    bottom: -0.2rem;\n    transform: rotate(45deg); }\n\n.bx--tooltip--definition__align-end {\n  right: 0; }\n\n.bx--tooltip--definition__align-center {\n  margin-left: 50%;\n  transform: translateX(-50%); }\n\n.bx--tooltip--definition__top.bx--tooltip--definition__align-center {\n  margin-left: 50%;\n  transform: translate(-50%, -100%); }\n\n.bx--tooltip--definition__align-center .bx--tooltip__caret {\n  left: auto;\n  margin-right: calc(50% - 6px);\n  margin-left: auto; }\n\n.bx--tooltip--definition__align-end .bx--tooltip__caret {\n  left: auto;\n  margin-right: 1rem;\n  margin-left: auto; }\n\n/* end legacy definition tooltip */\n.bx--tooltip--definition.bx--tooltip--a11y, :host(bx-tooltip-definition) {\n  display: inline-flex; }\n\n.bx--tooltip--definition button.bx--tooltip--a11y, :host(bx-tooltip-definition) button.bx--tooltip--a11y, .bx--tooltip--definition button:host(bx-tooltip-definition), :host(bx-tooltip-definition) button:host(bx-tooltip-definition) {\n  margin: 0; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition, .bx--tooltip__trigger--definition:host(bx-tooltip) {\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  border-bottom: 0.0625rem dotted var(--cds-text-02, #525252);\n  transition: border-color 110ms; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition:hover, .bx--tooltip__trigger--definition:hover:host(bx-tooltip),\n.bx--tooltip__trigger.bx--tooltip__trigger--definition:focus,\n.bx--tooltip__trigger--definition:focus:host(bx-tooltip) {\n  border-bottom-color: var(--cds-interactive-04, #0f62fe); }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: default; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.5rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after, .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.25rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.5625rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: default; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.5rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.25rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.5625rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip):host(bx-tooltip-definition) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip-definition) + .bx--assistive-text {\n    bottom: -0.5rem;\n    transform: translate(0, 100%); }\n\n/* begin tooltip icon (TODO: deprecate) */\n.bx--tooltip--icon {\n  display: inline-flex;\n  align-items: center; }\n\n.bx--tooltip--icon__top,\n.bx--tooltip--icon__bottom {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,\n  .bx--tooltip--icon__bottom::before,\n  .bx--tooltip--icon__bottom::after {\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    position: absolute;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,\n      .bx--tooltip--icon__bottom::before,\n      .bx--tooltip--icon__bottom::after {\n        transition: none; } }\n  .bx--tooltip--icon__top::before,\n  .bx--tooltip--icon__bottom::before {\n    right: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-style: solid;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    margin: 0 auto;\n    margin-top: 1px;\n    margin-left: 50%;\n    content: ''; }\n  .bx--tooltip--icon__top::after,\n  .bx--tooltip--icon__bottom::after {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: 1.5rem;\n    padding: 0 1rem;\n    margin-left: 50%;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    content: attr(aria-label);\n    font-weight: 400;\n    pointer-events: none;\n    transform: translateX(-50%);\n    white-space: nowrap; }\n  .bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after,\n  .bx--tooltip--icon__bottom:hover::before,\n  .bx--tooltip--icon__bottom:hover::after,\n  .bx--tooltip--icon__bottom:focus::before,\n  .bx--tooltip--icon__bottom:focus::after {\n    opacity: 1; }\n  .bx--tooltip--icon__top:hover svg, .bx--tooltip--icon__top:focus svg,\n  .bx--tooltip--icon__bottom:hover svg,\n  .bx--tooltip--icon__bottom:focus svg {\n    fill: var(--cds-icon-02, #525252); }\n  .bx--tooltip--icon__top:focus,\n  .bx--tooltip--icon__bottom:focus {\n    outline: 1px solid transparent; }\n    .bx--tooltip--icon__top:focus svg,\n    .bx--tooltip--icon__bottom:focus svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip--icon__top:focus svg,\n        .bx--tooltip--icon__bottom:focus svg {\n          outline-style: dotted; } }\n\n.bx--tooltip--icon__top::before {\n  transform: translate(-50%, calc(-100% - 9px)) rotate(180deg);\n  top: 1px; }\n\n.bx--tooltip--icon__top::after {\n  transform: translate(-50%, calc(-100% - 12px));\n  top: 0; }\n\n.bx--tooltip--icon__bottom::before {\n  transform: translate(-50%, 10px) rotate(0);\n  bottom: 0; }\n\n.bx--tooltip--icon__bottom::after {\n  transform: translate(-50%, calc(100% + 10px));\n  bottom: 0; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::before {\n  transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n  top: 1px;\n  margin-left: 4px; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::after {\n  transform: translate(0, calc(-100% - 12px));\n  top: 0;\n  margin-left: 0; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::before {\n  transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n  top: 1px;\n  right: 0;\n  left: auto;\n  margin-right: 4px; }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::after {\n  transform: translate(0, calc(-100% - 12px));\n  top: 0;\n  margin-left: 0;\n  right: 0; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::before {\n  transform: translate(0, 10px) rotate(0);\n  bottom: 0;\n  margin-left: 4px; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::after {\n  transform: translate(0, calc(100% + 10px));\n  bottom: 0;\n  margin-left: 0; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::before {\n  transform: translate(0, 10px) rotate(0);\n  bottom: 0;\n  right: 0;\n  left: auto;\n  margin-right: 4px; }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::after {\n  transform: translate(0, calc(100% + 10px));\n  bottom: 0;\n  margin-left: 0;\n  right: 0; }\n\n.bx--tooltip--icon .bx--tooltip__trigger svg, .bx--tooltip--icon :host(bx-tooltip) svg {\n  margin-left: 0; }\n\n/* end legacy tooltip icon */\n.bx--tooltip__trigger:hover svg, :hover:host(bx-tooltip) svg, .bx--tooltip__trigger:focus svg, :focus:host(bx-tooltip) svg {\n  fill: var(--cds-icon-02, #525252); }\n\n.bx--tooltip__trigger.bx--tooltip--top, .bx--tooltip--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--top:focus, .bx--tooltip--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--top:focus, .bx--tooltip--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--top:focus, .bx--tooltip--top:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--top:focus svg, .bx--tooltip--top:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--top:focus svg, .bx--tooltip--top:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n      .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after, .bx--tooltip--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible::before, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible::after, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--top:hover::before, .bx--tooltip--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--top:hover::after, .bx--tooltip--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--top:focus::before, .bx--tooltip--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--top:focus::after, .bx--tooltip--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text, .bx--tooltip--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n  .bx--tooltip--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text, .bx--tooltip--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text,\n  .bx--tooltip--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text::after, .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip--top:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top::after, .bx--tooltip--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text,\n  .bx--tooltip--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after, .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after, .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after, .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--tooltip--right, .bx--tooltip--right:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--right:focus, .bx--tooltip--right:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--right:focus, .bx--tooltip--right:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--right:focus, .bx--tooltip--right:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--right:focus svg, .bx--tooltip--right:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--right:focus svg, .bx--tooltip--right:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip--right.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after, .bx--tooltip--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n      .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after, .bx--tooltip--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible::before, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible::after, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--right:hover::before, .bx--tooltip--right:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--right:hover::after, .bx--tooltip--right:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--right:focus::before, .bx--tooltip--right:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--right:focus::after, .bx--tooltip--right:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n  .bx--tooltip--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text,\n  .bx--tooltip--right:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--right.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text, .bx--tooltip--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n  .bx--tooltip--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text, .bx--tooltip--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text,\n  .bx--tooltip--right:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--right:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--right:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--right.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text::after, .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip--right:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right::after, .bx--tooltip--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text,\n  .bx--tooltip--right:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after, .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after, .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after, .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n\n.bx--tooltip__trigger.bx--tooltip--bottom, .bx--tooltip--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus, .bx--tooltip--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--bottom:focus, .bx--tooltip--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus, .bx--tooltip--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--bottom:focus svg, .bx--tooltip--bottom:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--bottom:focus svg, .bx--tooltip--bottom:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n      .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after, .bx--tooltip--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible::before, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible::after, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--bottom:hover::before, .bx--tooltip--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover::after, .bx--tooltip--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--bottom:focus::before, .bx--tooltip--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus::after, .bx--tooltip--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text, .bx--tooltip--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n  .bx--tooltip--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text, .bx--tooltip--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text,\n  .bx--tooltip--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text::after, .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip--bottom:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom::after, .bx--tooltip--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text,\n  .bx--tooltip--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after, .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after, .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after, .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n\n.bx--tooltip__trigger.bx--tooltip--left, .bx--tooltip--left:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--tooltip--left:focus, .bx--tooltip--left:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--left:focus, .bx--tooltip--left:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--left:focus, .bx--tooltip--left:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--tooltip--left:focus svg, .bx--tooltip--left:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--tooltip--left:focus svg, .bx--tooltip--left:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip--left.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after, .bx--tooltip--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n      .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after, .bx--tooltip--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible::before, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible::after, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--tooltip--left:hover::before, .bx--tooltip--left:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--left:hover::after, .bx--tooltip--left:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--tooltip--left:focus::before, .bx--tooltip--left:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--left:focus::after, .bx--tooltip--left:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n  .bx--tooltip--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text,\n  .bx--tooltip--left:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip--left.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text, .bx--tooltip--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n  .bx--tooltip--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text, .bx--tooltip--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text,\n  .bx--tooltip--left:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--tooltip--left:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--tooltip--left:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--tooltip--left.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text::after, .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip--left:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left::after, .bx--tooltip--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text,\n  .bx--tooltip--left:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text::after, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after, .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text::after, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after, .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text::after, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after, .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--tooltip--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n\n.bx--tooltip__trigger:not(.bx--tooltip--hidden) .bx--assistive-text, :not(.bx--tooltip--hidden):host(bx-tooltip) .bx--assistive-text {\n  pointer-events: all; }\n\n/* stylelint-disable */\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tooltip__trigger svg, :host(bx-tooltip) svg, .bx--tooltip__trigger:hover svg, :hover:host(bx-tooltip) svg, .bx--tooltip__trigger:focus svg, :focus:host(bx-tooltip) svg {\n    fill: ButtonText; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tooltip__trigger:focus svg, :focus:host(bx-tooltip) svg {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--tooltip, :host(bx-tooltip-body) {\n    outline: 1px solid transparent; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--assistive-text {\n    outline: 1px solid transparent; } }\n\n:host(bx-tooltip-body) ::slotted(bx-tooltip-footer) {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1rem; }\n\n:host(bx-tooltip-body) ::slotted(p) {\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  text-align: left; }\n\n:host(bx-tooltip-body[direction='top']) {\n  margin-bottom: var(--cds-spacing-03, 0.5rem); }\n  :host(bx-tooltip-body[direction='top']) .bx--tooltip__caret {\n    top: auto;\n    bottom: -0.375rem;\n    transform: rotate(180deg); }\n\n:host(bx-tooltip-body[direction='right']) {\n  margin-left: var(--cds-spacing-03, 0.5rem); }\n  :host(bx-tooltip-body[direction='right']) .bx--tooltip__caret {\n    right: auto;\n    left: calc(-6.875px + 1px);\n    transform: rotate(270deg) translate(25%, -50%); }\n\n:host(bx-tooltip-body[direction='bottom']) {\n  margin-top: var(--cds-spacing-03, 0.5rem); }\n\n:host(bx-tooltip-body[direction='left']) {\n  margin-right: var(--cds-spacing-03, 0.5rem); }\n  :host(bx-tooltip-body[direction='left']) .bx--tooltip__caret {\n    right: calc(-6.875px + 1px);\n    left: auto;\n    transform: rotate(90deg) translate(-25%, -50%); }\n\n:host(bx-tooltip-body[direction='top'])[alignment='start'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='bottom'])[alignment='start'] .bx--tooltip__caret {\n  margin-left: 1.0625rem; }\n\n:host(bx-tooltip-body[direction='top'])[alignment='end'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='bottom'])[alignment='end'] .bx--tooltip__caret {\n  margin-right: 1.0625rem; }\n\n:host(bx-tooltip-body[direction='left']) .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='right']) .bx--tooltip__caret {\n  top: 50%; }\n\n:host(bx-tooltip-body[direction='left'])[alignment='start'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='right'])[alignment='start'] .bx--tooltip__caret {\n  top: calc(6.875px + rem(17px)); }\n\n:host(bx-tooltip-body[direction='left'])[alignment='end'] .bx--tooltip__caret,\n:host(bx-tooltip-body[direction='right'])[alignment='end'] .bx--tooltip__caret {\n  top: auto;\n  bottom: 1.0625rem; }\n\n:host(bx-tooltip-definition) {\n  outline: none; }\n\n:host(bx-tooltip-icon) {\n  outline: none; }\n  :host(bx-tooltip-icon) .bx--tooltip__trigger:focus ::slotted(svg), :host(bx-tooltip-icon) :focus:host(bx-tooltip) ::slotted(svg) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n\n:host(bx-header-nav) .bx-ce--header__divider {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 1.5rem;\n  width: 0.0625rem;\n  background-color: #393939; }\n\n:host(bx-header-nav-item), :host(dds-top-nav-item) {\n  outline: none; }\n\n:host(bx-header-menu), :host(dds-top-nav-menu),\n:host(dds-megamenu-top-nav-menu),\n:host(dds-masthead-profile),\n:host(dds-cloud-masthead-profile) {\n  outline: none; }\n\n:host(bx-header-menu-item), :host(dds-top-nav-menu-item),\n:host(dds-masthead-profile-item) {\n  outline: none; }\n  :host(bx-header-menu-item) a.bx--header__menu-item, :host(dds-top-nav-menu-item) a.bx--header__menu-item, :host(dds-masthead-profile-item) a.bx--header__menu-item {\n    height: 3rem; }\n    :host(bx-header-menu-item) a.bx--header__menu-item:hover, :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover, :host(dds-masthead-profile-item) a.bx--header__menu-item:hover {\n      background-color: #353535;\n      color: #f4f4f4; }\n    :host(bx-header-menu-item) a.bx--header__menu-item:active, :host(dds-top-nav-menu-item) a.bx--header__menu-item:active, :host(dds-masthead-profile-item) a.bx--header__menu-item:active {\n      background-color: #393939; }\n\n:host(bx-header-menu-button), :host(dds-masthead-menu-button) {\n  display: content;\n  outline: none; }\n  @media (min-width: 66rem) {\n    :host(bx-header-menu-button), :host(dds-masthead-menu-button) {\n      display: none; } }\n\n:host(bx-header-menu-button[collapse-mode='fixed']) {\n  display: none; }\n\n@media (min-width: 66rem) {\n  :host(bx-header-menu-button[collapse-mode='rail']) {\n    display: block; } }\n\n:host(bx-header-name), :host(dds-masthead-logo) {\n  display: content;\n  height: 100%; }\n\n:host(bx-side-nav), :host(dds-left-nav) {\n  top: 0; }\n\n:host(bx-side-nav[collapse-mode='fixed']) {\n  width: 16rem; }\n\n:host(bx-side-nav[collapse-mode='rail']) {\n  width: 3rem; }\n  :host(bx-side-nav[collapse-mode='rail']):hover {\n    width: 16rem; }\n\n:host(bx-side-nav[usage-mode='header-nav']),\n:host(bx-side-nav[collapse-mode][usage-mode='header-nav']) {\n  width: 0; }\n\n@media (max-width: 65.98rem) {\n  :host(bx-side-nav[expanded][usage-mode='header-nav']),\n  :host(bx-side-nav[collapse-mode][expanded][usage-mode='header-nav']) {\n    width: 16rem; } }\n\n:host(bx-side-nav-link), :host(dds-left-nav-item), :host(dds-cloud-left-nav-item) {\n  display: block;\n  outline: none;\n  width: auto;\n  height: auto; }\n  :host(bx-side-nav-link) .bx--side-nav__icon, :host(dds-left-nav-item) .bx--side-nav__icon, :host(dds-cloud-left-nav-item) .bx--side-nav__icon {\n    color: #525252; }\n    :host(bx-side-nav-link) .bx--side-nav__icon[hidden], :host(dds-left-nav-item) .bx--side-nav__icon[hidden], :host(dds-cloud-left-nav-item) .bx--side-nav__icon[hidden] {\n      display: none; }\n\n:host(bx-side-nav-divider) {\n  display: block; }\n\n:host(bx-side-nav-menu), :host(dds-left-nav-menu) {\n  display: block;\n  outline: none;\n  width: auto;\n  height: auto; }\n  :host(bx-side-nav-menu) .bx--side-nav__icon[hidden], :host(dds-left-nav-menu) .bx--side-nav__icon[hidden] {\n    display: none; }\n\n:host(bx-side-nav-menu[active]) {\n  background-color: #e5e5e5;\n  color: #161616;\n  position: relative; }\n  :host(bx-side-nav-menu[active])::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 4px;\n    background-color: #0f62fe; }\n\n:host(bx-side-nav-menu[active][expanded]) {\n  background-color: inherit;\n  color: inherit;\n  position: inherit; }\n  :host(bx-side-nav-menu[active][expanded])::before {\n    content: none; }\n\n:host(bx-side-nav-menu-item), :host(dds-left-nav-menu-item) {\n  display: block;\n  outline: none;\n  width: auto;\n  height: auto; }\n  :host(bx-side-nav-menu-item) a.bx--side-nav__link, :host(dds-left-nav-menu-item) a.bx--side-nav__link {\n    height: 2rem;\n    min-height: 2rem;\n    padding-left: 2rem;\n    font-weight: 400; }\n\n:host(bx-side-nav-menu-item[parent-has-icon]) a.bx--side-nav__link {\n  padding-left: 4.5rem; }\n\n:host(bx-side-nav-item) .bx--side-nav__link:hover,\n:host(bx-side-nav-menu) .bx--side-nav__submenu:hover,\n:host(dds-left-nav-menu) .bx--side-nav__submenu:hover,\n:host(bx-side-nav-menu-item) .bx--side-nav__link:hover,\n:host(dds-left-nav-menu-item) .bx--side-nav__link:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@keyframes expand {\n  0% {\n    overflow-y: hidden;\n    max-height: 0; }\n  100% {\n    max-height: 100%; } }\n\n@keyframes collapse {\n  0% {\n    max-height: 100vh; }\n  100% {\n    max-height: 0; } }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--header__nav .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(bx-header-nav) .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  background-color: transparent;\n  bottom: 0;\n  box-shadow: none; }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu,\n.bx--masthead__megamenu__l1-nav .bx--header__menu {\n  position: fixed;\n  display: block;\n  visibility: hidden;\n  margin-bottom: var(--cds-layout-05, 4rem);\n  left: 0;\n  width: 100vw;\n  transform: translateZ(0.0001px);\n  transition: visibility 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-megamenu),\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu .bx--masthead__megamenu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-megamenu),\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu .bx--masthead__megamenu,\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-megamenu),\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='false'] + .bx--header__menu .bx--masthead__megamenu {\n  animation: 240ms cubic-bezier(0.4, 0.14, 0.3, 1) collapse; }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  position: fixed;\n  left: 0;\n  height: calc(100vh - var(--cds-spacing-10, 4rem) - var(--cds-spacing-09, 3rem));\n  transform: translateZ(0);\n  visibility: visible;\n  margin-bottom: var(--cds-layout-05, 4rem);\n  width: var(--dds-ce--viewport-width, 100vw);\n  min-height: 20rem; }\n  :host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-megamenu),\n  :host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n  :host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--masthead__megamenu,\n  .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-megamenu),\n  .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n  .bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--masthead__megamenu,\n  .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-megamenu),\n  .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu ::slotted(dds-cloud-megamenu),\n  .bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu .bx--masthead__megamenu {\n    animation: 240ms cubic-bezier(0.4, 0.14, 0.3, 1) expand; }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n.bx--masthead__megamenu__l0-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  top: var(--cds-spacing-09, 3rem); }\n\n.bx--masthead__megamenu__l1-nav .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  top: 6.125rem; }\n\n:host(dds-megamenu),\n:host(dds-cloud-megamenu),\n.bx--masthead__megamenu {\n  display: block;\n  overflow-y: overlay;\n  overflow-x: hidden;\n  background-color: var(--cds-ui-background, #ffffff);\n  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3)); }\n  :host(dds-megamenu):focus,\n  :host(dds-cloud-megamenu):focus,\n  .bx--masthead__megamenu:focus {\n    outline: none; }\n  :host(dds-megamenu) .bx--masthead__megamenu__container,\n  :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n  .bx--masthead__megamenu .bx--masthead__megamenu__container {\n    width: 100vw;\n    margin-right: auto;\n    margin-left: auto;\n    max-width: 99rem;\n    padding-right: 1rem;\n    padding-left: 1rem; }\n    @media (min-width: 42rem) {\n      :host(dds-megamenu) .bx--masthead__megamenu__container,\n      :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n      .bx--masthead__megamenu .bx--masthead__megamenu__container {\n        padding-right: 2rem;\n        padding-left: 2rem; } }\n    @media (min-width: 99rem) {\n      :host(dds-megamenu) .bx--masthead__megamenu__container,\n      :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n      .bx--masthead__megamenu .bx--masthead__megamenu__container {\n        padding-right: 2.5rem;\n        padding-left: 2.5rem; } }\n    :host(dds-megamenu) .bx--masthead__megamenu__container .bx--masthead__megamenu__container--row,\n    :host(dds-cloud-megamenu) .bx--masthead__megamenu__container .bx--masthead__megamenu__container--row,\n    .bx--masthead__megamenu .bx--masthead__megamenu__container .bx--masthead__megamenu__container--row {\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -1rem;\n      margin-left: -1rem;\n      flex-wrap: nowrap; }\n\n:host(dds-megamenu-right-navigation),\n.bx--masthead__megamenu__categories-section {\n  display: flex;\n  flex-direction: column;\n  padding-top: 1.125rem;\n  width: 100%; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu__categories,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu__categories {\n    padding: 0 0 var(--cds-layout-03, 2rem) 0;\n    -moz-column-count: 4;\n         column-count: 4;\n    -moz-column-gap: 0;\n         column-gap: 0; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu--hasViewAllLink,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu--hasViewAllLink {\n    padding-bottom: 0; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu--hasHighlights,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu--hasHighlights {\n    -moz-column-count: 3;\n         column-count: 3; }\n\n.bx--masthead__megamenu__copy,\n:host(dds-megamenu-category-group-copy) {\n  display: block;\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  color: var(--cds-text-02, #525252);\n  padding: 0.375rem var(--cds-spacing-05, 1rem) 0.625rem; }\n\n:host(dds-megamenu-category-group),\n.bx--masthead__megamenu__category-group {\n  display: block; }\n  :host(dds-megamenu-category-group) .bx--masthead__megamenu__category-group-content,\n  .bx--masthead__megamenu__category-group .bx--masthead__megamenu__category-group-content {\n    width: 100%;\n    display: inline-block;\n    padding-bottom: var(--cds-spacing-07, 2rem); }\n  :host(dds-megamenu-category-group) .bx--masthead__megamenu__copy,\n  :host(dds-megamenu-category-group) ::slotted(dds-megamenu-category-group-copy),\n  .bx--masthead__megamenu__category-group .bx--masthead__megamenu__copy,\n  .bx--masthead__megamenu__category-group ::slotted(dds-megamenu-category-group-copy) {\n    font-size: var(--cds-body-long-01-font-size, 0.875rem);\n    font-weight: var(--cds-body-long-01-font-weight, 400);\n    line-height: var(--cds-body-long-01-line-height, 1.42857);\n    letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n    color: var(--cds-text-01, #161616);\n    margin-top: -0.375rem;\n    padding: 0 var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem); }\n\n:host(dds-megamenu-link-with-icon) span {\n  flex: inherit; }\n\n:host(dds-megamenu-link-with-icon) ::slotted([slot='icon']) {\n  transform: none;\n  /* stylelint-disable-next-line comment-whitespace-inside */\n  /* !rtl:raw:\n      transform: scaleX(-1);\n      */ }\n\n:host(dds-megamenu-link-with-icon)[style-scheme='category-headline'],\n.bx--masthead__megamenu__category-headline {\n  width: 100%; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] p,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] a,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] .bx--link-with-icon,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] :host(dds-megamenu-link-with-icon),\n  .bx--masthead__megamenu__category-headline p,\n  .bx--masthead__megamenu__category-headline a,\n  .bx--masthead__megamenu__category-headline .bx--link-with-icon,\n  .bx--masthead__megamenu__category-headline :host(dds-megamenu-link-with-icon) {\n    padding: 6px var(--cds-spacing-05, 1rem);\n    text-decoration: none;\n    width: 100%;\n    font-size: var(--cds-expressive-heading-01-font-size, 0.875rem);\n    font-weight: var(--cds-expressive-heading-01-font-weight, 600);\n    line-height: var(--cds-expressive-heading-01-line-height, 1.25);\n    letter-spacing: var(--cds-expressive-heading-01-letter-spacing, 0.16px); }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] ::slotted(span),\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] span,\n  .bx--masthead__megamenu__category-headline ::slotted(span),\n  .bx--masthead__megamenu__category-headline span {\n    color: var(--cds-text-01, #161616);\n    flex: inherit; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline'] svg,\n  .bx--masthead__megamenu__category-headline svg {\n    color: var(--cds-link-01, #0f62fe);\n    min-width: var(--cds-spacing-05, 1rem); }\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-headline']:visited, :host(dds-megamenu-link-with-icon)[style-scheme='category-headline']:hover,\n  .bx--masthead__megamenu__category-headline:visited,\n  .bx--masthead__megamenu__category-headline:hover {\n    color: var(--cds-text-01, #161616); }\n\n:host(dds-megamenu-category-link) a,\n.bx--masthead__megamenu__category-sublink {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  color: var(--cds-text-02, #525252);\n  text-decoration: none;\n  padding: 6px var(--cds-spacing-05, 1rem);\n  display: block; }\n  :host(dds-megamenu-category-link) a:hover, :host(dds-megamenu-category-link) a:active,\n  .bx--masthead__megamenu__category-sublink:hover,\n  .bx--masthead__megamenu__category-sublink:active {\n    color: var(--cds-text-01, #161616); }\n\n.bx--masthead__megamenu__category-sublink--highlighted,\n:host(dds-megamenu-link-with-icon)[style-scheme='category-sublink'] {\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  width: 100%; }\n  .bx--masthead__megamenu__category-sublink--highlighted span,\n  :host(dds-megamenu-link-with-icon)[style-scheme='category-sublink'] span {\n    flex: inherit; }\n\n.bx--masthead__megamenu__category-sublink--highlighted,\n:host(dds-megamenu-link-with-icon)[style-scheme='category-sublink'] a {\n  width: 100%;\n  padding: 7px var(--cds-spacing-05, 1rem); }\n\n:host(dds-megamenu-link-with-icon)[style-scheme='view-all'],\n.bx--masthead__megamenu__view-all-cta {\n  margin-top: auto;\n  display: flex;\n  z-index: 1; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a,\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon,\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :host(dds-megamenu-link-with-icon),\n  .bx--masthead__megamenu__view-all-cta a,\n  .bx--masthead__megamenu__view-all-cta .bx--link-with-icon,\n  .bx--masthead__megamenu__view-all-cta :host(dds-megamenu-link-with-icon) {\n    text-decoration: none;\n    width: 100%;\n    margin: 0 var(--cds-spacing-05, 1rem);\n    border-top: 0.0625rem solid var(--cds-ui-03, #e0e0e0);\n    height: var(--cds-spacing-09, 3rem); }\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a:hover, :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a:focus,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon:hover,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :hover:host(dds-megamenu-link-with-icon),\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon:focus,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :focus:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta a:hover,\n    .bx--masthead__megamenu__view-all-cta a:focus,\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:hover,\n    .bx--masthead__megamenu__view-all-cta :hover:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:focus,\n    .bx--masthead__megamenu__view-all-cta :focus:host(dds-megamenu-link-with-icon) {\n      margin: 0;\n      padding: 0 var(--cds-spacing-05, 1rem); }\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] a:hover,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] .bx--link-with-icon:hover,\n    :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] :hover:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta a:hover,\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:hover,\n    .bx--masthead__megamenu__view-all-cta :hover:host(dds-megamenu-link-with-icon) {\n      border-top: 0.0625rem solid transparent;\n      color: var(--cds-hover-primary-text, #0043ce); }\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] ::slotted(span),\n  .bx--masthead__megamenu__view-all-cta ::slotted(span) {\n    vertical-align: middle;\n    align-self: center; }\n  :host(dds-megamenu-link-with-icon)[style-scheme='view-all'] span,\n  .bx--masthead__megamenu__view-all-cta span {\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    flex: inherit; }\n\n:host(dds-megamenu-category-link) a:focus, :host(dds-megamenu-category-link) a:active,\n:host(dds-megamenu-link-with-icon) a:focus,\n:host(dds-megamenu-link-with-icon) a:active,\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:focus,\n.bx--masthead__megamenu__category-headline :focus:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:active,\n.bx--masthead__megamenu__category-headline :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink--highlighted:focus,\n.bx--masthead__megamenu__category-sublink--highlighted:active,\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:focus,\n.bx--masthead__megamenu__view-all-cta :focus:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:active,\n.bx--masthead__megamenu__view-all-cta :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink:focus,\n.bx--masthead__megamenu__category-sublink:active {\n  outline: 1px solid var(--cds-focus, #0f62fe);\n  outline-width: 2px;\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    :host(dds-megamenu-category-link) a:focus, :host(dds-megamenu-category-link) a:active,\n    :host(dds-megamenu-link-with-icon) a:focus,\n    :host(dds-megamenu-link-with-icon) a:active,\n    .bx--masthead__megamenu__category-headline .bx--link-with-icon:focus,\n    .bx--masthead__megamenu__category-headline :focus:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__category-headline .bx--link-with-icon:active,\n    .bx--masthead__megamenu__category-headline :active:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__category-sublink--highlighted:focus,\n    .bx--masthead__megamenu__category-sublink--highlighted:active,\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:focus,\n    .bx--masthead__megamenu__view-all-cta :focus:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__view-all-cta .bx--link-with-icon:active,\n    .bx--masthead__megamenu__view-all-cta :active:host(dds-megamenu-link-with-icon),\n    .bx--masthead__megamenu__category-sublink:focus,\n    .bx--masthead__megamenu__category-sublink:active {\n      outline-style: dotted; } }\n\n:host(dds-megamenu-category-link) a:active, :host(dds-megamenu-category-link) a:hover,\n:host(dds-megamenu-link-with-icon) a:active,\n:host(dds-megamenu-link-with-icon) a:hover,\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:active,\n.bx--masthead__megamenu__category-headline :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-headline .bx--link-with-icon:hover,\n.bx--masthead__megamenu__category-headline :hover:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink--highlighted:active,\n.bx--masthead__megamenu__category-sublink--highlighted:hover,\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:active,\n.bx--masthead__megamenu__view-all-cta :active:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon:hover,\n.bx--masthead__megamenu__view-all-cta :hover:host(dds-megamenu-link-with-icon),\n.bx--masthead__megamenu__category-sublink:active,\n.bx--masthead__megamenu__category-sublink:hover {\n  background-color: var(--cds-hover-ui, #e5e5e5);\n  text-decoration: none; }\n\n:host(dds-megamenu-category-link) a svg,\n:host(dds-megamenu-link-with-icon) a svg,\n.bx--masthead__megamenu__category-headline .bx--link-with-icon svg,\n.bx--masthead__megamenu__category-headline :host(dds-megamenu-link-with-icon) svg,\n.bx--masthead__megamenu__category-sublink--highlighted svg,\n.bx--masthead__megamenu__view-all-cta .bx--link-with-icon svg,\n.bx--masthead__megamenu__view-all-cta :host(dds-megamenu-link-with-icon) svg,\n.bx--masthead__megamenu__category-sublink svg {\n  transform: none;\n  /* stylelint-disable-next-line comment-whitespace-inside */\n  /* !rtl:raw:\n      transform: scaleX(-1);\n      */ }\n\n:host(dds-megamenu-left-navigation),\n.bx--masthead__megamenu__highlight-section {\n  min-height: 100%;\n  padding-top: 1.125rem;\n  border-right: 0.0625rem solid var(--cds-ui-03, #e0e0e0);\n  display: block;\n  max-width: 25%;\n  flex: 0 0 25%; }\n\n@media (min-width: 800px) and (max-width: 1055px) {\n  .bx--masthead__megamenu__container--row {\n    flex-direction: column; }\n  :host(dds-megamenu-left-navigation),\n  .bx--masthead__megamenu__highlight-section {\n    border-right: none;\n    border-bottom: 0.0625rem solid var(--cds-ui-03, #e0e0e0);\n    -moz-column-count: 2;\n         column-count: 2;\n    -moz-column-gap: 0;\n         column-gap: 0;\n    display: block;\n    max-width: 100%;\n    flex: 0 0 100%; }\n  :host(dds-megamenu-right-navigation) .bx--masthead__megamenu__categories,\n  .bx--masthead__megamenu__categories-section .bx--masthead__megamenu__categories {\n    -moz-column-count: 2;\n         column-count: 2; } }\n\n* {\n  box-sizing: border-box; }\n\n:host(dds-masthead-menu-button) {\n  position: relative;\n  width: 3rem;\n  height: 3rem; }\n  @media (max-width: 41.98rem) {\n    :host(dds-masthead-menu-button)[hide-menu-button] {\n      display: none; } }\n  :host(dds-masthead-menu-button) .dds-ce--header__menu-trigger__container {\n    display: contents; }\n  @media (max-width: 41.98rem) {\n    :host(dds-masthead-menu-button) .dds-ce--header__menu-trigger__container--has-search-active {\n      display: none; } }\n\n:host(dds-masthead-logo) {\n  height: 100%;\n  z-index: 2;\n  background-color: var(--cds-ui-background, #ffffff); }\n  :host(dds-masthead-logo) a {\n    position: relative;\n    display: flex;\n    height: 100%;\n    align-items: center;\n    padding: 0 2rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    outline: none; }\n    :host(dds-masthead-logo) a:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    :host(dds-masthead-logo) a:active, :host(dds-masthead-logo) a:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (min-width: 99rem) {\n      :host(dds-masthead-logo) a {\n        padding: 0 2.5rem; } }\n    @media (max-width: 81.98rem) {\n      :host(dds-masthead-logo) a {\n        padding: 0 2rem; } }\n    @media (max-width: 65.98rem) {\n      :host(dds-masthead-logo) a {\n        padding: 0 1rem; } }\n    :host(dds-masthead-logo) a svg {\n      width: 58px;\n      height: 23px; }\n      :host(dds-masthead-logo) a svg g,\n      :host(dds-masthead-logo) a svg path {\n        fill: var(--cds-layer-selected-inverse, #161616);\n        /* stylelint-disable-next-line media-feature-name-no-unknown */ }\n        @media (prefers-contrast: more) {\n          :host(dds-masthead-logo) a svg g,\n          :host(dds-masthead-logo) a svg path {\n            fill: ButtonText; } }\n    @media (min-width: 800px) {\n      :host(dds-masthead-logo) a::after {\n        content: '';\n        display: block;\n        position: absolute;\n        right: -0.1875rem;\n        top: 50%;\n        transform: translateY(-50%);\n        height: 1.5rem;\n        width: 0.0625rem;\n        background-color: var(--cds-ui-03, #e0e0e0); } }\n  :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition, :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip),\n  :host(dds-masthead-logo) .bx--tooltip--definition,\n  :host(dds-masthead-logo) :host(bx-tooltip-definition) {\n    border: none; }\n    :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition .bx--tooltip__trigger, :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip) .bx--tooltip__trigger, :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition :host(bx-tooltip), :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip) :host(bx-tooltip),\n    :host(dds-masthead-logo) .bx--tooltip--definition .bx--tooltip__trigger,\n    :host(dds-masthead-logo) :host(bx-tooltip-definition) .bx--tooltip__trigger,\n    :host(dds-masthead-logo) .bx--tooltip--definition :host(bx-tooltip),\n    :host(dds-masthead-logo) :host(bx-tooltip-definition) :host(bx-tooltip) {\n      border: none; }\n    :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--a11y, :host(dds-masthead-logo) .bx--tooltip__trigger--definition.bx--tooltip--a11y:host(bx-tooltip), :host(dds-masthead-logo) .bx--tooltip__trigger--definition:host(bx-tooltip):host(bx-tooltip-definition), :host(dds-masthead-logo) .bx--tooltip__trigger.bx--tooltip__trigger--definition:host(bx-tooltip-definition),\n    :host(dds-masthead-logo) .bx--tooltip--definition.bx--tooltip--a11y,\n    :host(dds-masthead-logo) :host(bx-tooltip-definition) {\n      height: 100%; }\n  :host(dds-masthead-logo).bx--search-active {\n    display: none; }\n    @media (min-width: 42rem) {\n      :host(dds-masthead-logo).bx--search-active {\n        display: block; } }\n  :host(dds-masthead-logo)[hasTooltip] {\n    position: relative;\n    display: inline-flex;\n    overflow: visible;\n    align-items: center;\n    cursor: default; }\n    :host(dds-masthead-logo)[hasTooltip]:focus {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        :host(dds-masthead-logo)[hasTooltip]:focus {\n          outline-style: dotted; } }\n    :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      position: absolute;\n      z-index: 6000;\n      display: flex;\n      align-items: center;\n      opacity: 0;\n      pointer-events: none; }\n      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n        :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          display: inline-block; } }\n    :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after {\n      transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n      @media screen and (prefers-reduced-motion: reduce) {\n        :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after {\n          transition: none; } }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y::after, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]::after {\n      transition: none; }\n    :host(dds-masthead-logo)[hasTooltip]::before {\n      width: 0;\n      height: 0;\n      border-style: solid;\n      content: ''; }\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      box-sizing: content-box;\n      color: inherit;\n      opacity: 1;\n      white-space: normal;\n      word-break: break-word; }\n    :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n      z-index: 6000;\n      width: -moz-max-content;\n      width: max-content;\n      min-width: 1.5rem;\n      max-width: 13rem;\n      height: auto;\n      padding: 0.5rem 1rem;\n      background-color: var(--cds-inverse-02, #393939);\n      border-radius: 0.125rem;\n      color: var(--cds-inverse-01, #ffffff);\n      font-weight: 400;\n      text-align: left;\n      transform: translateX(-50%);\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      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          width: auto; } }\n      @supports (-ms-accelerator: true) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          width: auto; } }\n      @supports (-ms-ime-align: auto) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          width: auto; } }\n      @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n        :host(dds-masthead-logo)[hasTooltip]::after,\n        :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n        :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n          border: 1px solid transparent; } }\n    :host(dds-masthead-logo)[hasTooltip]::after {\n      content: attr(aria-label); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y::after, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]::after {\n      content: none; }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible::before, :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible::after, :host(dds-masthead-logo)[hasTooltip]:hover::before, :host(dds-masthead-logo)[hasTooltip]:hover::after, :host(dds-masthead-logo)[hasTooltip]:focus::before, :host(dds-masthead-logo)[hasTooltip]:focus::after {\n      opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:hover .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:hover + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:focus .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:focus + .bx--assistive-text {\n      overflow: visible;\n      margin: auto;\n      clip: auto; }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip].bx--tooltip--visible::before, :host(dds-masthead-logo)[hasTooltip]:hover .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:hover + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:hover.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]:hover::before, :host(dds-masthead-logo)[hasTooltip]:focus .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip]:focus + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:focus.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip]:focus::before {\n      animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden + .bx--assistive-text {\n      overflow: hidden;\n      margin: -1px;\n      clip: rect(0, 0, 0, 0); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden.bx--tooltip--a11y::before, :host(bx-tooltip-definition):host(dds-masthead-logo)[hasTooltip].bx--tooltip--hidden::before {\n      animation: none;\n      opacity: 0; }\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text::after {\n      position: absolute;\n      display: block;\n      content: '';\n      left: 0;\n      width: 100%;\n      height: 0.75rem;\n      top: -0.75rem; }\n    :host(dds-masthead-logo)[hasTooltip]::before, :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      bottom: 0;\n      left: 50%; }\n    :host(dds-masthead-logo)[hasTooltip]::before {\n      bottom: -0.25rem;\n      border-width: 0 0.25rem 0.3125rem 0.25rem;\n      border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n      transform: translate(-50%, 100%); }\n    :host(dds-masthead-logo)[hasTooltip]::after,\n    :host(dds-masthead-logo)[hasTooltip] .bx--assistive-text,\n    :host(dds-masthead-logo)[hasTooltip] + .bx--assistive-text {\n      bottom: -0.5625rem;\n      left: 0;\n      transform: translate(0, 100%); }\n    :host(dds-masthead-logo)[hasTooltip].bx--tooltip--a11y + .bx--assistive-text, :host(dds-masthead-logo)[hasTooltip]:host(bx-tooltip-definition) + .bx--assistive-text {\n      bottom: -0.5rem;\n      transform: translate(0, 100%); }\n  :host(dds-masthead-logo) a ::slotted(svg) {\n    width: 58px;\n    height: 23px; }\n  @media (max-width: 41.98rem) {\n    :host(dds-masthead-logo) .dds-ce--header__logo--has-search-active {\n      display: none; } }\n  :host(dds-masthead-logo):active, :host(dds-masthead-logo):focus {\n    border: none;\n    outline: none; }\n\n:host(dds-top-nav-name) {\n  outline: none;\n  z-index: 1;\n  background: var(--cds-ui-background, #ffffff); }\n  :host(dds-top-nav-name) a.bx--header__name {\n    font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n    line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n    letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0);\n    color: var(--cds-text-01, #161616);\n    padding-left: 1rem;\n    padding-right: 1rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    position: relative;\n    white-space: nowrap;\n    z-index: 1;\n    background-color: var(--cds-ui-background, #ffffff); }\n    @media (min-width: 66rem) {\n      :host(dds-top-nav-name) a.bx--header__name {\n        margin-left: 1rem; } }\n    :host(dds-top-nav-name) a.bx--header__name:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5);\n      color: var(--cds-text-01, #161616); }\n    :host(dds-top-nav-name) a.bx--header__name:active, :host(dds-top-nav-name) a.bx--header__name:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (max-width: 800px) {\n      :host(dds-top-nav-name) a.bx--header__name {\n        display: none; } }\n\n:host(dds-masthead-search) {\n  outline: none; }\n  :host(dds-masthead-search) .dds-ce--masthead__search__list {\n    height: 0;\n    overflow: hidden; }\n  :host(dds-masthead-search)[open] .dds-ce--masthead__search__list {\n    height: auto; }\n\n:host(dds-masthead-search-item) {\n  font-size: 1rem; }\n\n@media (max-width: 41.98rem) {\n  :host(dds-masthead-global-bar)[has-search-active], [has-search-active]:host(dds-cloud-masthead-global-bar) {\n    display: none; } }\n\n:host(dds-masthead-global-bar) .dds-ce--header__global__container, :host(dds-cloud-masthead-global-bar) .dds-ce--header__global__container {\n  display: contents; }\n\n@media (max-width: 41.98rem) {\n  :host(dds-masthead-global-bar) .dds-ce--header__global__container--has-search-active, :host(dds-cloud-masthead-global-bar) .dds-ce--header__global__container--has-search-active {\n    display: none; } }\n\n:host(dds-masthead-profile),\n:host(dds-cloud-masthead-profile) {\n  background-color: var(--cds-ui-background, #ffffff);\n  width: var(--cds-spacing-09, 3rem); }\n  :host(dds-masthead-profile) a.bx--header__menu-item,\n  :host(dds-cloud-masthead-profile) a.bx--header__menu-item {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    border: none;\n    padding: 0.8125rem var(--cds-spacing-05, 1rem);\n    color: var(--cds-text-02, #525252);\n    white-space: nowrap;\n    justify-content: center;\n    padding: 0; }\n    :host(dds-masthead-profile) a.bx--header__menu-item:hover,\n    :host(dds-cloud-masthead-profile) a.bx--header__menu-item:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5);\n      cursor: pointer;\n      color: var(--cds-text-01, #161616); }\n      :host(dds-masthead-profile) a.bx--header__menu-item:hover > svg,\n      :host(dds-cloud-masthead-profile) a.bx--header__menu-item:hover > svg {\n        fill: currentColor; }\n    :host(dds-masthead-profile) a.bx--header__menu-item:active, :host(dds-masthead-profile) a.bx--header__menu-item:focus,\n    :host(dds-cloud-masthead-profile) a.bx--header__menu-item:active,\n    :host(dds-cloud-masthead-profile) a.bx--header__menu-item:focus {\n      outline: 2px solid var(--cds-interactive-01, #0f62fe);\n      outline-offset: -2px; }\n      :host(dds-masthead-profile) a.bx--header__menu-item:active > svg, :host(dds-masthead-profile) a.bx--header__menu-item:focus > svg,\n      :host(dds-cloud-masthead-profile) a.bx--header__menu-item:active > svg,\n      :host(dds-cloud-masthead-profile) a.bx--header__menu-item:focus > svg {\n        fill: var(--cds-text-01, #161616); }\n  :host(dds-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n  :host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n    left: auto;\n    right: 0;\n    width: 10rem; }\n\n:host(dds-top-nav),\n:host(dds-top-nav-l1) {\n  display: none;\n  background-color: var(--cds-ui-background, #ffffff); }\n  @media (min-width: 800px) {\n    :host(dds-top-nav),\n    :host(dds-top-nav-l1) {\n      flex: 1;\n      display: flex;\n      align-items: stretch; } }\n  @media (min-width: 800px) {\n    :host(dds-top-nav) .bx--header__nav, :host(dds-top-nav) :host(bx-header-nav),\n    :host(dds-top-nav-l1) .bx--header__nav,\n    :host(dds-top-nav-l1) :host(bx-header-nav) {\n      display: block;\n      position: absolute; } }\n  :host(dds-top-nav)[hide-divider] .bx--header__nav, :host(dds-top-nav)[hide-divider] :host(bx-header-nav),\n  :host(dds-top-nav-l1)[hide-divider] .bx--header__nav,\n  :host(dds-top-nav-l1)[hide-divider] :host(bx-header-nav) {\n    padding-left: 0; }\n  :host(dds-top-nav) .dds-ce--header__nav-content-container,\n  :host(dds-top-nav-l1) .dds-ce--header__nav-content-container {\n    flex: 1;\n    position: relative; }\n  :host(dds-top-nav) .bx--header__nav-caret-left-container,\n  :host(dds-top-nav) .bx--header__nav-caret-right-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-left-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-right-container {\n    bottom: 0;\n    z-index: 1;\n    position: relative; }\n  :host(dds-top-nav) .bx--header__nav-caret-right-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-right-container {\n    right: 0;\n    /* stylelint-disable-next-line comment-whitespace-inside */\n    /* !rtl:raw:\n    position: absolute !important;\n    */ }\n  :host(dds-top-nav) .bx--header__nav-caret-left-container,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-left-container {\n    left: 0;\n    /* stylelint-disable-next-line comment-whitespace-inside */\n    /* !rtl:raw:\n    right: initial;\n    position: absolute !important;\n    */ }\n  :host(dds-top-nav) .bx--header__nav-caret-left,\n  :host(dds-top-nav) .bx--header__nav-caret-right,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-left,\n  :host(dds-top-nav-l1) .bx--header__nav-caret-right {\n    position: relative;\n    height: 48px; }\n  :host(dds-top-nav) .dds-ce--header__nav-caret-container--hidden,\n  :host(dds-top-nav-l1) .dds-ce--header__nav-caret-container--hidden {\n    position: absolute;\n    visibility: hidden; }\n\n@media (min-width: 800px) {\n  :host(dds-top-nav)[cloud],\n  :host(dds-top-nav-l1)[cloud] {\n    display: none; } }\n\n@media (min-width: 960px) {\n  :host(dds-top-nav)[cloud],\n  :host(dds-top-nav-l1)[cloud] {\n    flex: 1;\n    display: flex;\n    align-items: stretch; } }\n\n@media (min-width: 800px) {\n  :host(dds-top-nav)[cloud] .bx--header__nav, :host(dds-top-nav)[cloud] :host(bx-header-nav),\n  :host(dds-top-nav-l1)[cloud] .bx--header__nav,\n  :host(dds-top-nav-l1)[cloud] :host(bx-header-nav) {\n    display: none; } }\n\n@media (min-width: 960px) {\n  :host(dds-top-nav)[cloud] .bx--header__nav, :host(dds-top-nav)[cloud] :host(bx-header-nav),\n  :host(dds-top-nav-l1)[cloud] .bx--header__nav,\n  :host(dds-top-nav-l1)[cloud] :host(bx-header-nav) {\n    display: block;\n    position: absolute; } }\n\n:host(dds-top-nav-l1) {\n  overflow: visible; }\n\n:host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'],\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'],\n:host(dds-masthead-profile) .bx--header__menu-title[aria-expanded='true'],\n:host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] {\n  background-color: var(--cds-ui-01, #f4f4f4);\n  z-index: 0; }\n\n:host(dds-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu,\n:host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  background-color: var(--cds-ui-background, #ffffff);\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n  bottom: -1px; }\n\n:host(dds-top-nav-menu-item),\n:host(dds-masthead-profile-item) {\n  position: relative;\n  height: 100%; }\n  :host(dds-top-nav-menu-item)::before,\n  :host(dds-masthead-profile-item)::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    border-top: 1px solid var(--cds-ui-03, #e0e0e0); }\n  :host(dds-top-nav-menu-item):first-of-type::before,\n  :host(dds-masthead-profile-item):first-of-type::before {\n    border-top: none; }\n  :host(dds-top-nav-menu-item):hover,\n  :host(dds-masthead-profile-item):hover {\n    background-color: var(--cds-ui-01, #f4f4f4); }\n    :host(dds-top-nav-menu-item):hover::before,\n    :host(dds-masthead-profile-item):hover::before {\n      border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n    :host(dds-top-nav-menu-item):hover + li::before,\n    :host(dds-masthead-profile-item):hover + li::before {\n      border-top: 1px solid var(--cds-ui-01, #f4f4f4); }\n  :host(dds-top-nav-menu-item):focus::before,\n  :host(dds-masthead-profile-item):focus::before {\n    border: 2px solid var(--cds-interactive-01, #0f62fe);\n    box-sizing: border-box; }\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item {\n    height: 100%; }\n\n:host(dds-top-nav-item) .bx--header__menu-arrow,\n:host(dds-top-nav-menu) .bx--header__menu-arrow,\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-arrow,\n:host(dds-top-nav-menu-item) .bx--header__menu-arrow,\n:host(dds-masthead-profile-item) .bx--header__menu-arrow {\n  fill: var(--cds-text-01, #161616);\n  width: 20px;\n  height: 20px; }\n\n:host(dds-top-nav-item) a.bx--header__menu-item,\n:host(dds-top-nav-menu) a.bx--header__menu-item,\n:host(dds-megamenu-top-nav-menu) a.bx--header__menu-item,\n:host(dds-top-nav-menu-item) a.bx--header__menu-item,\n:host(dds-masthead-profile-item) a.bx--header__menu-item {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  border: none;\n  padding: 0.8125rem var(--cds-spacing-05, 1rem);\n  color: var(--cds-text-02, #525252);\n  white-space: nowrap; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    cursor: pointer;\n    color: var(--cds-text-01, #161616); }\n    :host(dds-top-nav-item) a.bx--header__menu-item:hover > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover > svg,\n    :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover > svg,\n    :host(dds-masthead-profile-item) a.bx--header__menu-item:hover > svg {\n      fill: currentColor; }\n  :host(dds-top-nav-item) a.bx--header__menu-item:active, :host(dds-top-nav-item) a.bx--header__menu-item:focus,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:focus,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:active,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:focus,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:active,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:focus {\n    outline: 2px solid var(--cds-interactive-01, #0f62fe);\n    outline-offset: -2px; }\n    :host(dds-top-nav-item) a.bx--header__menu-item:active > svg, :host(dds-top-nav-item) a.bx--header__menu-item:focus > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:active > svg,\n    :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:focus > svg,\n    :host(dds-top-nav-menu-item) a.bx--header__menu-item:active > svg,\n    :host(dds-top-nav-menu-item) a.bx--header__menu-item:focus > svg,\n    :host(dds-masthead-profile-item) a.bx--header__menu-item:active > svg,\n    :host(dds-masthead-profile-item) a.bx--header__menu-item:focus > svg {\n      fill: var(--cds-text-01, #161616); }\n  :host(dds-top-nav-item) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-megamenu-top-nav-menu) a.bx--header__menu-item:hover,\n  :host(dds-top-nav-menu-item) a.bx--header__menu-item:hover,\n  :host(dds-masthead-profile-item) a.bx--header__menu-item:hover {\n    color: var(--cds-text-01, #161616); }\n\n:host(dds-megamenu-top-nav-menu) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n  bottom: auto;\n  height: auto;\n  max-height: calc( 100vh - var(--cds-spacing-09, 3rem) - var(--cds-layout-05, 4rem));\n  min-height: 0; }\n\n:host(dds-left-nav) {\n  display: block;\n  overflow: hidden;\n  margin-top: calc(3rem + 1px);\n  height: calc(100% - 3rem - 1px);\n  width: 16rem; }\n  @media (max-width: 41.98rem) {\n    :host(dds-left-nav) {\n      width: 100vw;\n      max-width: 100vw; } }\n  :host(dds-left-nav)[usage-mode='header-nav'], :host(dds-left-nav)[collapse-mode][usage-mode='header-nav'] {\n    inset-inline-start: -100vw;\n    visibility: hidden;\n    /* stylelint-disable-next-line  time-min-milliseconds */\n    transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 110ms, left 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n  :host(dds-left-nav)[expanded][usage-mode='header-nav'], :host(dds-left-nav)[collapse-mode][expanded][usage-mode='header-nav'] {\n    overflow: hidden auto;\n    inset-inline-start: 0;\n    visibility: visible;\n    /* stylelint-disable-next-line time-min-milliseconds */\n    transition: visibility 1ms cubic-bezier(0.2, 0, 1, 0.9) 0ms, inset-inline-start 110ms cubic-bezier(0.2, 0, 1, 0.9) 1ms; }\n  :host(dds-left-nav) .bx--side-nav__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%; }\n  :host(dds-left-nav) .bx--side-nav__platform-name {\n    flex-shrink: 0;\n    flex-grow: 0; }\n  :host(dds-left-nav) .bx--side-nav__menu-sections {\n    flex-basis: 100%;\n    flex-shrink: 1;\n    position: relative; }\n  :host(dds-left-nav) ::slotted(dds-left-nav-menu-section) {\n    overflow: hidden;\n    height: auto; }\n\n@media (min-width: 42rem) {\n  :host(dds-masthead-menu-button),\n  :host(dds-left-nav) {\n    display: block; } }\n\n@media (min-width: 800px) {\n  :host(dds-masthead-menu-button),\n  :host(dds-left-nav) {\n    display: none; } }\n\n@media (min-width: 42rem) {\n  :host(dds-masthead-menu-button)[cloud],\n  :host(dds-left-nav)[cloud] {\n    display: block; } }\n\n@media (min-width: 960px) {\n  :host(dds-masthead-menu-button)[cloud],\n  :host(dds-left-nav)[cloud] {\n    display: none; } }\n\n:host(dds-left-nav-name) .bx--side-nav__submenu-platform {\n  display: flex;\n  align-items: center;\n  height: 3rem;\n  padding: 0 1rem;\n  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);\n  text-decoration: none;\n  color: var(--cds-text-01, #161616);\n  flex-direction: row;\n  font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n  line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0); }\n  :host(dds-left-nav-name) .bx--side-nav__submenu-platform::after {\n    content: none; }\n\n:host(dds-left-nav-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item-highlighted) a.bx--side-nav__link,\n:host(dds-left-nav-item) a.bx--side-nav__link,\n:host(dds-cloud-left-nav-item) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 1rem;\n  height: 3rem;\n  width: 100%; }\n\n:host(dds-left-nav-item) .bx--side-nav__link:hover, :host(dds-cloud-left-nav-item) .bx--side-nav__link:hover,\n:host(dds-left-nav-menu) .bx--side-nav__link:hover,\n:host(dds-left-nav-menu-item) .bx--side-nav__link:hover {\n  background-color: #e5e5e5;\n  color: #161616; }\n\n:host(dds-left-nav-menu) .bx--side-nav__link,\n:host(dds-left-nav-menu) .bx--side-nav__submenu,\n:host(dds-left-nav-menu) a.bx--side-nav__link,\n:host(dds-left-nav-menu) .bx--side-nav__submenu .bx--side-nav__submenu-content,\n:host(dds-left-nav-menu-item) .bx--side-nav__link,\n:host(dds-left-nav-menu-item) .bx--side-nav__submenu,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link,\n:host(dds-left-nav-menu-item) .bx--side-nav__submenu .bx--side-nav__submenu-content,\n:host(dds-left-nav-menu-section) .bx--side-nav__link,\n:host(dds-left-nav-menu-section) .bx--side-nav__submenu,\n:host(dds-left-nav-menu-section) a.bx--side-nav__link,\n:host(dds-left-nav-menu-section) .bx--side-nav__submenu .bx--side-nav__submenu-content {\n  height: auto;\n  min-height: 3rem; }\n\n:host(dds-left-nav-menu) .bx--side-nav__submenu-title,\n:host(dds-left-nav-menu) a.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu) button.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-item) .bx--side-nav__submenu-title,\n:host(dds-left-nav-menu-item) a.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-item) button.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-section) .bx--side-nav__submenu-title,\n:host(dds-left-nav-menu-section) a.bx--side-nav__link > .bx--side-nav__link-text,\n:host(dds-left-nav-menu-section) button.bx--side-nav__link > .bx--side-nav__link-text {\n  height: auto;\n  white-space: normal;\n  padding: 0.8rem 0; }\n\n@media (max-width: 800px) {\n  :host(dds-left-nav-overlay)[active] {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    background-color: rgba(22, 22, 22, 0.5);\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n    top: 0;\n    left: 0;\n    z-index: calc(8000 - 1);\n    -webkit-clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/;\n            clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/; } }\n\n@media (max-width: 960px) {\n  :host(dds-left-nav-overlay)[cloud][active] {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    background-color: rgba(22, 22, 22, 0.5);\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n    top: 0;\n    left: 0;\n    z-index: calc(8000 - 1);\n    -webkit-clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/;\n            clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%, 0 calc(3rem + 1px), 3rem calc(3rem + 1px)) /*!rtl:polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%)*/; } }\n\n:host(dds-left-nav-overlay[dir='rtl']) {\n  -webkit-clip-path: polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%);\n          clip-path: polygon(0 0, calc(100% - 3rem) 0, calc(100% - 3rem) calc(3rem + 1px), 100% calc(3rem + 1px), 100% 100%, 0 100%); }\n\n:host(dds-megamenu-link-with-icon):focus,\n:host(dds-megamenu-category-link):focus {\n  outline: none; }\n\n:host(dds-masthead-search-composite),\n:host(dds-masthead-search-container) {\n  display: contents; }\n\n/**\n* Copyright IBM Corp. 2016, 2023\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--btn {\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  position: relative;\n  display: inline-flex;\n  max-width: 20rem;\n  min-height: 3rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;\n  margin: 0;\n  border-radius: 0;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\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  .bx--btn:disabled, .bx--btn:hover:disabled, .bx--btn:focus:disabled, .bx--btn.bx--btn--disabled, .bx--btn.bx--btn--disabled:hover, .bx--btn.bx--btn--disabled:focus {\n    border-color: var(--cds-disabled-02, #c6c6c6);\n    background: var(--cds-disabled-02, #c6c6c6);\n    box-shadow: none;\n    color: var(--cds-disabled-03, #8d8d8d);\n    cursor: not-allowed; }\n  .bx--btn .bx--btn__icon {\n    position: absolute;\n    right: 1rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0; }\n\n.bx--btn::-moz-focus-inner {\n  padding: 0;\n  border: 0; }\n\n.bx--btn--primary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-01, #0f62fe);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--primary:hover {\n    background-color: var(--cds-hover-primary, #0353e9); }\n  .bx--btn--primary: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-ui-background, #ffffff); }\n  .bx--btn--primary:active {\n    background-color: var(--cds-active-primary, #002d9c); }\n  .bx--btn--primary .bx--btn__icon,\n  .bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--primary:hover {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-02, #393939);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--secondary:hover {\n    background-color: var(--cds-hover-secondary, #4c4c4c); }\n  .bx--btn--secondary: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-ui-background, #ffffff); }\n  .bx--btn--secondary:active {\n    background-color: var(--cds-active-secondary, #6f6f6f); }\n  .bx--btn--secondary .bx--btn__icon,\n  .bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--secondary:hover, .bx--btn--secondary:focus {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-interactive-03, #0f62fe);\n  background-color: transparent;\n  color: var(--cds-interactive-03, #0f62fe); }\n  .bx--btn--tertiary:hover {\n    background-color: var(--cds-hover-tertiary, #0353e9); }\n  .bx--btn--tertiary: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-ui-background, #ffffff); }\n  .bx--btn--tertiary:active {\n    background-color: var(--cds-active-tertiary, #002d9c); }\n  .bx--btn--tertiary .bx--btn__icon,\n  .bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--tertiary:hover {\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:focus {\n    background-color: var(--cds-interactive-03, #0f62fe);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:active {\n    border-color: transparent;\n    background-color: var(--cds-active-tertiary, #002d9c);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n\n.bx--btn--ghost {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-link-01, #0f62fe);\n  padding: calc(0.875rem - 3px) 16px; }\n  .bx--btn--ghost:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--btn--ghost: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-ui-background, #ffffff); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost .bx--btn__icon,\n  .bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--ghost .bx--btn__icon {\n    position: static;\n    margin-left: 0.5rem; }\n  .bx--btn--ghost:hover, .bx--btn--ghost:active {\n    color: var(--cds-hover-primary-text, #0043ce); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {\n    border-color: transparent;\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n  .bx--btn--ghost.bx--btn--sm {\n    padding: calc(0.375rem - 3px) 16px; }\n  .bx--btn--ghost.bx--btn--field, .bx--btn--ghost.bx--btn--md {\n    padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger, .bx--btn.bx--btn--icon-only:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::after, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger svg, .bx--btn.bx--btn--icon-only:host(bx-tooltip) svg,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) svg, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n    fill: currentColor; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip) .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n    opacity: 0; }\n\n.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) .bx--assistive-text {\n  pointer-events: all; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n  border-color: var(--cds-focus, #0f62fe); }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]), .bx--btn.bx--btn--icon-only:active:not([disabled]):host(bx-tooltip) {\n  border-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n  outline-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover, .bx--btn.bx--btn--icon-only[disabled]:hover:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus,\n.bx--btn.bx--btn--icon-only[disabled]:focus:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active,\n.bx--btn.bx--btn--icon-only[disabled]:active:host(bx-tooltip) {\n  cursor: not-allowed;\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--top, .bx--btn--icon-only--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::after, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::after, .bx--btn--icon-only--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text::after, .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--right, .bx--btn--icon-only--right:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::after, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::before, .bx--btn--icon-only--right:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::after, .bx--btn--icon-only--right:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::before, .bx--btn--icon-only--right:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::after, .bx--btn--icon-only--right:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text::after, .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--bottom, .bx--btn--icon-only--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::after, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::after, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::after, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text::after, .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--left, .bx--btn--icon-only--left:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::after, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::before, .bx--btn--icon-only--left:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::after, .bx--btn--icon-only--left:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::before, .bx--btn--icon-only--left:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::after, .bx--btn--icon-only--left:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text::after, .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n\n.bx--btn--icon-only {\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem; }\n  .bx--btn--icon-only .bx--btn__icon {\n    position: static; }\n  .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n  .bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon {\n    margin: 0; }\n\n.bx--btn--icon-only.bx--btn--selected {\n  background: var(--cds-selected-ui, #e0e0e0); }\n\n.bx--btn path[data-icon-path='inner-path'] {\n  fill: none; }\n\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,\n.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon {\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] {\n  cursor: not-allowed; }\n\n.bx--btn--field.bx--btn--icon-only,\n.bx--btn--md.bx--btn--icon-only {\n  padding-right: 0.6875rem;\n  padding-left: 0.6875rem; }\n\n.bx--btn--sm.bx--btn--icon-only {\n  padding-right: 0.4375rem;\n  padding-left: 0.4375rem; }\n\n.bx--btn--danger {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-danger-01, #da1e28);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger:hover {\n    background-color: var(--cds-hover-danger, #b81921); }\n  .bx--btn--danger: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-ui-background, #ffffff); }\n  .bx--btn--danger:active {\n    background-color: var(--cds-active-danger, #750e13); }\n  .bx--btn--danger .bx--btn__icon,\n  .bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--danger:hover {\n    color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger-tertiary, .bx--btn--danger--tertiary {\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--cds-danger-02, #da1e28);\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28); }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary: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-ui-background, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-tertiary .bx--btn__icon,\n    .bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--tertiary .bx--btn__icon,\n    .bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      border-color: var(--cds-hover-danger, #b81921);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary:focus {\n      background-color: var(--cds-danger-01, #da1e28);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      border-color: var(--cds-active-danger, #750e13);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:disabled, .bx--btn--danger-tertiary:hover:disabled, .bx--btn--danger-tertiary:focus:disabled, .bx--btn--danger-tertiary.bx--btn--disabled, .bx--btn--danger-tertiary.bx--btn--disabled:hover, .bx--btn--danger-tertiary.bx--btn--disabled:focus, .bx--btn--danger--tertiary:disabled, .bx--btn--danger--tertiary:hover:disabled, .bx--btn--danger--tertiary:focus:disabled, .bx--btn--danger--tertiary.bx--btn--disabled, .bx--btn--danger--tertiary.bx--btn--disabled:hover, .bx--btn--danger--tertiary.bx--btn--disabled:focus {\n      background: transparent;\n      color: var(--cds-disabled-03, #8d8d8d);\n      outline: none; }\n  .bx--btn--danger-ghost, .bx--btn--danger--ghost {\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28);\n    padding: calc(0.875rem - 3px) 16px; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger--ghost:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-ghost:focus, .bx--btn--danger--ghost: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-ui-background, #ffffff); }\n    .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-ghost .bx--btn__icon,\n    .bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--ghost .bx--btn__icon,\n    .bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-ghost .bx--btn__icon, .bx--btn--danger--ghost .bx--btn__icon {\n      position: static;\n      margin-left: 0.5rem; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:hover, .bx--btn--danger--ghost:active {\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-ghost:disabled, .bx--btn--danger-ghost:hover:disabled, .bx--btn--danger-ghost:focus:disabled, .bx--btn--danger-ghost.bx--btn--disabled, .bx--btn--danger-ghost.bx--btn--disabled:hover, .bx--btn--danger-ghost.bx--btn--disabled:focus, .bx--btn--danger--ghost:disabled, .bx--btn--danger--ghost:hover:disabled, .bx--btn--danger--ghost:focus:disabled, .bx--btn--danger--ghost.bx--btn--disabled, .bx--btn--danger--ghost.bx--btn--disabled:hover, .bx--btn--danger--ghost.bx--btn--disabled:focus {\n      border-color: transparent;\n      background: transparent;\n      color: var(--cds-disabled-02, #c6c6c6);\n      outline: none; }\n    .bx--btn--danger-ghost.bx--btn--sm, .bx--btn--danger--ghost.bx--btn--sm {\n      padding: calc(0.375rem - 3px) 16px; }\n    .bx--btn--danger-ghost.bx--btn--field, .bx--btn--danger-ghost.bx--btn--md, .bx--btn--danger--ghost.bx--btn--field, .bx--btn--danger--ghost.bx--btn--md {\n      padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn--sm {\n  min-height: 2rem;\n  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; }\n\n.bx--btn--xl:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 5rem; }\n\n.bx--btn--lg:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 4rem; }\n\n.bx--btn--field,\n.bx--btn--md {\n  min-height: 2.5rem;\n  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; }\n\n.bx--btn--expressive {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  min-height: 3rem; }\n\n.bx--btn--icon-only.bx--btn--expressive {\n  padding: 12px 13px; }\n\n.bx--btn.bx--btn--expressive .bx--btn__icon {\n  width: 1.25rem;\n  height: 1.25rem; }\n\n.bx--btn-set .bx--btn.bx--btn--expressive {\n  max-width: 20rem; }\n\n.bx--btn.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 9.375rem; }\n  .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--btn.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--skeleton::before {\n        animation: none; } }\n\n.bx--btn-set {\n  display: flex; }\n\n.bx--btn-set--stacked {\n  flex-direction: column; }\n\n.bx--btn-set .bx--btn {\n  width: 100%;\n  max-width: 12.25rem; }\n  .bx--btn-set .bx--btn:not(:focus) {\n    box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0); }\n  .bx--btn-set .bx--btn:first-of-type:not(:focus) {\n    box-shadow: inherit; }\n\n.bx--btn-set .bx--btn:focus + .bx--btn {\n  box-shadow: inherit; }\n\n.bx--btn-set--stacked .bx--btn:not(:focus) {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0); }\n\n.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus) {\n  box-shadow: inherit; }\n\n.bx--btn-set .bx--btn.bx--btn--disabled {\n  box-shadow: -0.0625rem 0 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n.bx--btn-set--stacked .bx--btn.bx--btn--disabled {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n    fill: ButtonText; } }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--modal {\n  position: fixed;\n  z-index: 9000;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));\n  content: '';\n  opacity: 0;\n  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;\n  visibility: hidden; }\n  .bx--modal.is-visible {\n    opacity: 1;\n    transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;\n    visibility: inherit; }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--modal.is-visible {\n        transition: none; } }\n  .bx--modal .bx--pagination,\n  .bx--modal .bx--pagination__control-buttons,\n  .bx--modal .bx--text-input,\n  .bx--modal .bx--text-area,\n  .bx--modal .bx--search-input,\n  .bx--modal .bx--select-input,\n  .bx--modal .bx--dropdown,\n  .bx--modal .bx--dropdown-list,\n  .bx--modal .bx--number input[type='number'],\n  .bx--modal .bx--date-picker__input,\n  .bx--modal .bx--multi-select,\n  .bx--modal .bx--number__control-btn::before,\n  .bx--modal .bx--number__control-btn::after {\n    background-color: var(--cds-field-02, #ffffff); }\n  .bx--modal .bx--number__rule-divider {\n    background-color: var(--cds-decorative-01, #e0e0e0); }\n\n.bx--modal.is-visible .bx--modal-container {\n  transform: translate3d(0, 0, 0);\n  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1); }\n\n.bx--modal-container {\n  position: fixed;\n  top: 0;\n  display: grid;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  background-color: var(--cds-ui-01, #f4f4f4);\n  grid-template-columns: 100%;\n  grid-template-rows: auto 1fr auto;\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  @media (min-width: 42rem) {\n    .bx--modal-container {\n      position: static;\n      width: 84%;\n      height: auto;\n      max-height: 90%; } }\n  @media (min-width: 66rem) {\n    .bx--modal-container {\n      width: 60%;\n      max-height: 84%; } }\n  @media (min-width: 82rem) {\n    .bx--modal-container {\n      width: 48%; } }\n  .bx--modal-container .bx--modal-container-body {\n    display: contents; }\n\n.bx--modal-content {\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);\n  position: relative;\n  padding-top: var(--cds-spacing-03, 0.5rem);\n  padding-right: var(--cds-spacing-05, 1rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  margin-bottom: var(--cds-spacing-09, 3rem);\n  color: var(--cds-text-01, #161616);\n  font-weight: 400;\n  grid-column: 1/-1;\n  grid-row: 2/-2;\n  overflow-y: auto; }\n  .bx--modal-content:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--modal-content:focus {\n        outline-style: dotted; } }\n\n.bx--modal-content > p,\n.bx--modal-content__regular-content {\n  padding-right: 20%;\n  font-size: var(--cds-body-long-01-font-size, 0.875rem);\n  font-weight: var(--cds-body-long-01-font-weight, 400);\n  line-height: var(--cds-body-long-01-line-height, 1.42857);\n  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px); }\n\n.bx--modal-content--with-form {\n  padding-right: var(--cds-spacing-05, 1rem); }\n\n.bx--modal-header {\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-09, 3rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  margin-bottom: var(--cds-spacing-03, 0.5rem);\n  grid-column: 1/-1;\n  grid-row: 1/1; }\n\n.bx--modal-header__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  margin-bottom: var(--cds-spacing-02, 0.25rem);\n  color: var(--cds-text-02, #525252); }\n\n.bx--modal-header__heading {\n  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);\n  font-weight: var(--cds-productive-heading-03-font-weight, 400);\n  line-height: var(--cds-productive-heading-03-line-height, 1.4);\n  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);\n  color: var(--cds-text-01, #161616); }\n\n.bx--modal-container--xs .bx--modal-content__regular-content {\n  padding-right: var(--cds-spacing-05, 1rem); }\n\n.bx--modal-container--xs .bx--modal-content > p {\n  padding-right: 0; }\n\n@media (min-width: 42rem) {\n  .bx--modal-container--xs {\n    width: 48%; } }\n\n@media (min-width: 66rem) {\n  .bx--modal-container--xs {\n    width: 32%;\n    max-height: 48%; } }\n\n@media (min-width: 82rem) {\n  .bx--modal-container--xs {\n    width: 24%; } }\n\n.bx--modal-container--sm .bx--modal-content__regular-content {\n  padding-right: var(--cds-spacing-05, 1rem); }\n\n.bx--modal-container--sm .bx--modal-content > p {\n  padding-right: 0; }\n\n@media (min-width: 42rem) {\n  .bx--modal-container--sm {\n    width: 60%; } }\n\n@media (min-width: 66rem) {\n  .bx--modal-container--sm {\n    width: 42%;\n    max-height: 72%; }\n    .bx--modal-container--sm .bx--modal-content > p,\n    .bx--modal-container--sm .bx--modal-content__regular-content {\n      padding-right: 20%; } }\n\n@media (min-width: 82rem) {\n  .bx--modal-container--sm {\n    width: 36%; } }\n\n@media (min-width: 42rem) {\n  .bx--modal-container--lg {\n    width: 96%; } }\n\n@media (min-width: 66rem) {\n  .bx--modal-container--lg {\n    width: 84%;\n    max-height: 96%; } }\n\n@media (min-width: 82rem) {\n  .bx--modal-container--lg {\n    width: 72%; } }\n\n.bx--modal-scroll-content > *:last-child {\n  padding-bottom: var(--cds-spacing-07, 2rem); }\n\n.bx--modal-content--overflow-indicator {\n  position: absolute;\n  bottom: var(--cds-spacing-09, 3rem);\n  left: 0;\n  width: 100%;\n  height: 2rem;\n  background-image: linear-gradient(to bottom, rgba(var(--cds-ui-01, #f4f4f4), 0), var(--cds-ui-01, #f4f4f4));\n  content: '';\n  grid-column: 1/-1;\n  grid-row: 2/-2;\n  pointer-events: none; }\n\n@media not all and (min-resolution: 0.001dpcm) {\n  @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n    .bx--modal-content--overflow-indicator {\n      background-image: linear-gradient(to bottom, rgba(var(--cds-layer, #f4f4f4), 0), var(--cds-layer, #f4f4f4)); } } }\n\n.bx--modal-content:focus ~ .bx--modal-content--overflow-indicator {\n  width: calc(100% - 4px);\n  margin: 0 2px 2px; }\n\n@media screen and (-ms-high-contrast: active) {\n  .bx--modal-scroll-content > *:last-child {\n    padding-bottom: 0; }\n  .bx--modal-content--overflow-indicator {\n    display: none; } }\n\n.bx--modal-footer {\n  display: flex;\n  height: 4rem;\n  justify-content: flex-end;\n  margin-top: auto;\n  grid-column: 1/-1;\n  grid-row: -1/-1; }\n\n.bx--modal-footer .bx--btn {\n  max-width: none;\n  height: 4rem;\n  flex: 0 1 50%;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-bottom: var(--cds-spacing-07, 2rem);\n  margin: 0; }\n\n.bx--modal-footer--three-button .bx--btn {\n  flex: 0 1 25%;\n  align-items: flex-start; }\n\n.bx--modal-close {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 0;\n  overflow: hidden;\n  width: 3rem;\n  height: 3rem;\n  padding: 0.75rem;\n  border: 2px solid transparent;\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--modal-close:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--modal-close:focus {\n    border-color: var(--cds-focus, #0f62fe);\n    outline: none; }\n\n.bx--modal-close::-moz-focus-inner {\n  border: 0; }\n\n.bx--modal-close__icon {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--body--with-modal-open {\n  overflow: hidden; }\n\n.bx--body--with-modal-open .bx--tooltip, .bx--body--with-modal-open :host(bx-tooltip-body),\n.bx--body--with-modal-open .bx--overflow-menu-options {\n  z-index: 9000; }\n\n/* stylelint-disable */\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--modal-close__icon {\n    fill: ButtonText; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--modal-close:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n/* stylelint-enable */\n:host(dds-expressive-modal),\n.bx--modal--expressive {\n  color: var(--cds-text-01, #161616); }\n  :host(dds-expressive-modal) .bx--modal-container,\n  .bx--modal--expressive .bx--modal-container {\n    padding: 1rem;\n    min-height: 5.25rem; }\n    @media (min-width: 42rem) {\n      :host(dds-expressive-modal) .bx--modal-container,\n      .bx--modal--expressive .bx--modal-container {\n        padding: 2rem; } }\n  :host(dds-expressive-modal) .bx--modal-content,\n  .bx--modal--expressive .bx--modal-content {\n    display: flex;\n    padding-left: 0;\n    padding-right: 1.875rem;\n    margin-bottom: 0;\n    padding-top: 0; }\n\n:host(dds-expressive-modal-footer) .bx--modal-footer {\n  justify-content: flex-start;\n  height: 3rem; }\n\n:host(dds-expressive-modal-close-button) .bx--modal-close {\n  position: fixed; }\n\n:host(dds-expressive-modal-heading),\n.bx--modal--expressive .bx--modal-content h1 {\n  font-size: var(--cds-expressive-heading-04-font-size, 1.75rem);\n  font-weight: var(--cds-expressive-heading-04-font-weight, 400);\n  line-height: var(--cds-expressive-heading-04-line-height, 1.28572);\n  letter-spacing: var(--cds-expressive-heading-04-letter-spacing, 0); }\n\n@media (min-width: 42rem) {\n  :host(dds-expressive-modal)[expressive-size='full-width'] .bx--modal-container,\n  .bx--modal--expressive--fullwidth .bx--modal-container {\n    width: calc(100% - 2rem);\n    max-width: 96rem;\n    height: calc(100% - 2rem);\n    max-height: none; } }\n\n:host(dds-expressive-modal[size='full-width']) ::slotted(dds-expressive-modal-body),\n:host(dds-expressive-modal[size='full-width']) ::slotted(dds-lightbox-media-viewer-body),\n.bx--modal--expressive--fullwidth .bx--modal-content {\n  padding-right: 0;\n  height: auto;\n  min-height: 31.25rem; }\n\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-video-player),\n.bx--video-player {\n  color: var(--dds--video-caption--color, var(--cds-text-02, #525252)); }\n  :host(dds-video-player) .bx--image__img,\n  .bx--video-player .bx--image__img {\n    width: 100%;\n    height: 100%; }\n  :host(dds-video-player):focus,\n  .bx--video-player:focus {\n    outline: none; }\n    :host(dds-video-player):focus .bx--video-player__video-container::before,\n    .bx--video-player:focus .bx--video-player__video-container::before {\n      content: ' ';\n      position: absolute;\n      top: 0.125rem;\n      left: 0.125rem;\n      right: 0.125rem;\n      bottom: 0.125rem;\n      z-index: 1;\n      border: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n      outline: 2px solid var(--cds-focus, #0f62fe); }\n\n:host(dds-video-player[background-mode='true']) .bx--video-player__video-container,\n.bx--video-player[background-mode='true'] .bx--video-player__video-container {\n  height: 100%;\n  padding: 0; }\n\n.bx--video-player .bx--video-player__image-overlay:focus::before {\n  content: ' ';\n  position: absolute;\n  top: 0.125rem;\n  left: 0.125rem;\n  right: 0.125rem;\n  bottom: 0.125rem;\n  z-index: 1;\n  border: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n  outline: 2px solid var(--cds-focus, #0f62fe); }\n\n:host(dds-video-player) dds-image,\n.bx--video-player .bx--image {\n  position: relative;\n  width: 100%;\n  height: 100%; }\n  :host(dds-video-player) dds-image::before,\n  .bx--video-player .bx--image::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    z-index: 1;\n    background-color: var(--cds-ui-05, #161616);\n    transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  :host(dds-video-player) dds-image:hover::before,\n  .bx--video-player .bx--image:hover::before {\n    opacity: 0.08; }\n\n.bx--video-player__video-container {\n  width: 100%;\n  position: relative;\n  display: inline-block;\n  position: relative;\n  padding-top: 56.25%;\n  height: 0;\n  overflow: hidden; }\n  .bx--video-player__video-container:focus {\n    outline: none; }\n  .bx--video-player__video-container ::slotted(.bx--video-player__video),\n  .bx--video-player__video-container .bx--video-player__video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--16x9 {\n    position: relative;\n    padding-top: 56.25%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--9x16 {\n    position: relative;\n    padding-top: 177.77778%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--2x1 {\n    position: relative;\n    padding-top: 50%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--1x2 {\n    position: relative;\n    padding-top: 200%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--4x3 {\n    position: relative;\n    padding-top: 75%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--3x4 {\n    position: relative;\n    padding-top: 133.33333%;\n    height: 0;\n    overflow: hidden; }\n  .bx--video-player__video-container.bx--video-player__aspect-ratio--1x1 {\n    position: relative;\n    padding-top: 100%;\n    height: 0;\n    overflow: hidden; }\n\n.bx--video-player__video-caption {\n  font-size: var(--cds-caption-02-font-size, 0.875rem);\n  font-weight: var(--cds-caption-02-font-weight, 400);\n  line-height: var(--cds-caption-02-line-height, 1.28572);\n  letter-spacing: var(--cds-caption-02-letter-spacing, 0.32px);\n  padding-top: var(--dds--video-caption--padding, var(--cds-spacing-03, 0.5rem));\n  max-width: 90%; }\n\n.bx--video-player__image-overlay {\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%; }\n  .bx--video-player__image-overlay:focus {\n    outline: 3px solid var(--cds-focus, #0f62fe);\n    outline-offset: 1px; }\n  .bx--video-player__image-overlay:hover svg circle, .bx--video-player__image-overlay:active svg circle {\n    opacity: 0.9;\n    fill: #161616; }\n  .bx--video-player__image-overlay:hover svg path, .bx--video-player__image-overlay:active svg path {\n    fill: var(--cds-icon-03, #ffffff); }\n  .bx--video-player__image-overlay svg circle,\n  .bx--video-player__image-overlay svg path {\n    transition: fill 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--video-player__image-overlay svg circle {\n    opacity: 0.8; }\n\n:host(dds-video-player) .bx--video-player__image-overlay:active dds-image::before,\n:host(dds-video-player) .bx--video-player__image-overlay:active .bx--image::before,\n.bx--video-player .bx--video-player__image-overlay:active dds-image::before,\n.bx--video-player .bx--video-player__image-overlay:active .bx--image::before {\n  opacity: 0.12; }\n\n.bx--modal--expressive--fullwidth .bx--modal-container .bx--modal-content {\n  min-height: 100%; }\n\n.bx--lightbox-media-viewer {\n  color: var(--cds-text-01, #161616); }\n  @media (max-width: 41.98rem) {\n    .bx--lightbox-media-viewer .bx--modal-container {\n      padding: 0 var(--cds-spacing-05, 1rem); } }\n  .bx--lightbox-media-viewer .bx--modal-container .bx--modal-content {\n    padding-right: 0; }\n  .bx--lightbox-media-viewer .bx--video-player {\n    width: 100%; }\n    .bx--lightbox-media-viewer .bx--video-player .bx--video-player__video-container {\n      /* stylelint-disable-next-line function-name-case */\n      padding-top: Min(calc(100vh - var(--cds-spacing-13, 10rem)), 56.25%); }\n  @media (min-width: 42rem) {\n    .bx--lightbox-media-viewer .bx--model-container {\n      padding-top: 4rem;\n      padding-bottom: 0; } }\n  @media (min-width: 66rem) {\n    .bx--lightbox-media-viewer .bx--model-container {\n      padding-top: 3rem;\n      padding-bottom: 1rem; } }\n\n:host(dds-lightbox-media-viewer-body),\n.bx--lightbox-media-viewer__container {\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto; }\n  :host(dds-lightbox-media-viewer-body)::before, :host(dds-lightbox-media-viewer-body)::after,\n  .bx--lightbox-media-viewer__container::before,\n  .bx--lightbox-media-viewer__container::after {\n    padding-top: 0;\n    content: '';\n    display: block;\n    position: sticky;\n    height: var(--cds-spacing-07, 2rem);\n    width: 100%;\n    z-index: 1;\n    flex: 0 0 auto; }\n  :host(dds-lightbox-media-viewer-body)::before,\n  .bx--lightbox-media-viewer__container::before {\n    top: 0;\n    background: linear-gradient(to bottom, var(--cds-ui-01, #f4f4f4), transparent); }\n  :host(dds-lightbox-media-viewer-body)::after,\n  .bx--lightbox-media-viewer__container::after {\n    bottom: 0;\n    background: linear-gradient(to top, var(--cds-ui-01, #f4f4f4), transparent); }\n  @media (min-width: 42rem) {\n    :host(dds-lightbox-media-viewer-body),\n    .bx--lightbox-media-viewer__container {\n      padding-left: var(--cds-spacing-05, 1rem);\n      padding-right: var(--cds-spacing-05, 1rem); } }\n  @media (min-width: 66rem) {\n    :host(dds-lightbox-media-viewer-body),\n    .bx--lightbox-media-viewer__container {\n      display: flex;\n      flex-direction: column;\n      padding: 0; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__row,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__row {\n    display: flex;\n    flex-wrap: wrap;\n    margin-right: 0;\n    margin-left: 0;\n    flex-flow: column nowrap;\n    width: 100%;\n    padding-top: calc(var(--cds-spacing-09, 3rem) - var(--cds-spacing-07, 2rem)); }\n    @media (min-width: 66rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__row,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__row {\n        padding-top: 0;\n        flex-direction: row; } }\n  @media (max-width: 65.98rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n      position: relative; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media img,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media img {\n    width: auto;\n    max-width: 100%;\n    height: auto;\n    max-height: 100%; }\n  @media (max-width: 65.98rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n      display: flex;\n      align-items: center; } }\n  @media (min-width: 66rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n      width: 100%;\n      padding-right: 1rem;\n      padding-left: 1rem;\n      display: block;\n      max-width: 75%;\n      flex: 0 0 75%;\n      width: 100%;\n      flex: none;\n      /* stylelint-disable-next-line property-no-unknown */\n      aspect-ratio: 16 / 9; }\n      .bx--row--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n      .bx--grid--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media, .bx--row--condensed\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media,\n      .bx--grid--condensed\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n        padding-right: 0.03125rem;\n        padding-left: 0.03125rem; }\n      .bx--row--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media,\n      .bx--grid--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media, .bx--row--narrow\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media,\n      .bx--grid--narrow\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media {\n        padding-right: 1rem;\n        padding-left: 0; }\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media .bx--image,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media .bx--image {\n        height: 100%; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n    display: flex;\n    flex-direction: column;\n    position: relative; }\n    @media (min-width: 66rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n        width: 100%;\n        padding-right: 1rem;\n        padding-left: 1rem;\n        display: block;\n        max-width: 25%;\n        flex: 0 0 25%;\n        margin-left: auto; }\n        .bx--row--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n        .bx--grid--condensed :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description, .bx--row--condensed\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description,\n        .bx--grid--condensed\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n          padding-right: 0.03125rem;\n          padding-left: 0.03125rem; }\n        .bx--row--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n        .bx--grid--narrow :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description, .bx--row--narrow\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description,\n        .bx--grid--narrow\n        .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n          padding-right: 1rem;\n          padding-left: 0; } }\n    @media (max-width: 65.98rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__media-description,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__media-description {\n        flex-grow: 1; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content {\n    padding-right: 2rem;\n    font-size: var(--cds-body-long-02-font-size, 1rem);\n    font-weight: var(--cds-body-long-02-font-weight, 400);\n    line-height: var(--cds-body-long-02-line-height, 1.5);\n    letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n    @media (min-width: 66rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content {\n        overflow: auto; } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content__title,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content__title {\n    padding-bottom: 2rem;\n    font-size: var(--cds-expressive-heading-03-font-size, 1.25rem);\n    font-weight: var(--cds-expressive-heading-03-font-weight, 400);\n    line-height: var(--cds-expressive-heading-03-line-height, 1.4);\n    letter-spacing: var(--cds-expressive-heading-03-letter-spacing, 0); }\n    @media (max-width: 65.98rem) {\n      :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content__title,\n      .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content__title {\n        padding-top: var(--cds-spacing-05, 1rem); } }\n  :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__content__desc,\n  .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__content__desc {\n    color: var(--cds-text-02, #525252);\n    padding-bottom: var(--cds-spacing-07, 2rem);\n    font-size: var(--cds-body-long-02-font-size, 1rem);\n    font-weight: var(--cds-body-long-02-font-weight, 400);\n    line-height: var(--cds-body-long-02-line-height, 1.5);\n    letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n  @media (min-width: 66rem) {\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__title,\n    :host(dds-lightbox-media-viewer-body) .bx--lightbox-media-viewer__desc,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__title,\n    .bx--lightbox-media-viewer__container .bx--lightbox-media-viewer__desc {\n      display: flex;\n      max-width: 95%;\n      height: 100%; } }\n\n::slotted(dds-video-player-container) {\n  width: 100%; }\n\n.bx--btn {\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  position: relative;\n  display: inline-flex;\n  max-width: 20rem;\n  min-height: 3rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;\n  margin: 0;\n  border-radius: 0;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\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  .bx--btn:disabled, .bx--btn:hover:disabled, .bx--btn:focus:disabled, .bx--btn.bx--btn--disabled, .bx--btn.bx--btn--disabled:hover, .bx--btn.bx--btn--disabled:focus {\n    border-color: var(--cds-disabled-02, #c6c6c6);\n    background: var(--cds-disabled-02, #c6c6c6);\n    box-shadow: none;\n    color: var(--cds-disabled-03, #8d8d8d);\n    cursor: not-allowed; }\n  .bx--btn .bx--btn__icon {\n    position: absolute;\n    right: 1rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0; }\n\n.bx--btn::-moz-focus-inner {\n  padding: 0;\n  border: 0; }\n\n.bx--btn--primary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-01, #0f62fe);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--primary:hover {\n    background-color: var(--cds-hover-primary, #0353e9); }\n  .bx--btn--primary: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-ui-background, #ffffff); }\n  .bx--btn--primary:active {\n    background-color: var(--cds-active-primary, #002d9c); }\n  .bx--btn--primary .bx--btn__icon,\n  .bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--primary:hover {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-interactive-02, #393939);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--secondary:hover {\n    background-color: var(--cds-hover-secondary, #4c4c4c); }\n  .bx--btn--secondary: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-ui-background, #ffffff); }\n  .bx--btn--secondary:active {\n    background-color: var(--cds-active-secondary, #6f6f6f); }\n  .bx--btn--secondary .bx--btn__icon,\n  .bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--secondary:hover, .bx--btn--secondary:focus {\n    color: var(--cds-text-04, #ffffff); }\n\n.bx--btn--tertiary {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--cds-interactive-03, #0f62fe);\n  background-color: transparent;\n  color: var(--cds-interactive-03, #0f62fe); }\n  .bx--btn--tertiary:hover {\n    background-color: var(--cds-hover-tertiary, #0353e9); }\n  .bx--btn--tertiary: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-ui-background, #ffffff); }\n  .bx--btn--tertiary:active {\n    background-color: var(--cds-active-tertiary, #002d9c); }\n  .bx--btn--tertiary .bx--btn__icon,\n  .bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--tertiary:hover {\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:focus {\n    background-color: var(--cds-interactive-03, #0f62fe);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:active {\n    border-color: transparent;\n    background-color: var(--cds-active-tertiary, #002d9c);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n\n.bx--btn--ghost {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--cds-link-01, #0f62fe);\n  padding: calc(0.875rem - 3px) 16px; }\n  .bx--btn--ghost:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5); }\n  .bx--btn--ghost: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-ui-background, #ffffff); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost .bx--btn__icon,\n  .bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--ghost .bx--btn__icon {\n    position: static;\n    margin-left: 0.5rem; }\n  .bx--btn--ghost:hover, .bx--btn--ghost:active {\n    color: var(--cds-hover-primary-text, #0043ce); }\n  .bx--btn--ghost:active {\n    background-color: var(--cds-active-ui, #c6c6c6); }\n  .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {\n    border-color: transparent;\n    background: transparent;\n    color: var(--cds-disabled-03, #8d8d8d);\n    outline: none; }\n  .bx--btn--ghost.bx--btn--sm {\n    padding: calc(0.375rem - 3px) 16px; }\n  .bx--btn--ghost.bx--btn--field, .bx--btn--ghost.bx--btn--md {\n    padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger, .bx--btn.bx--btn--icon-only:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only.bx--tooltip__trigger + .bx--assistive-text,\n      .bx--btn.bx--btn--icon-only:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::after, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::after, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text, .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):hover::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) + .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger svg, .bx--btn.bx--btn--icon-only:host(bx-tooltip) svg,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg,\n  .bx--btn.bx--btn--icon-only:hover:host(bx-tooltip) svg, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n    fill: currentColor; }\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled:host(bx-tooltip-definition)::after,\n  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text,\n  .bx--btn.bx--btn--icon-only.bx--btn--disabled:host(bx-tooltip) .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n    opacity: 0; }\n\n.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) .bx--assistive-text {\n  pointer-events: all; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) {\n  border-color: var(--cds-focus, #0f62fe); }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]), .bx--btn.bx--btn--icon-only:active:not([disabled]):host(bx-tooltip) {\n  border-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg, .bx--btn.bx--btn--icon-only:focus:host(bx-tooltip) svg {\n  outline-color: transparent; }\n\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover, .bx--btn.bx--btn--icon-only[disabled]:hover:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus,\n.bx--btn.bx--btn--icon-only[disabled]:focus:host(bx-tooltip),\n.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active,\n.bx--btn.bx--btn--icon-only[disabled]:active:host(bx-tooltip) {\n  cursor: not-allowed;\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--top, .bx--btn--icon-only--top:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus, .bx--btn--icon-only--top:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg, .bx--btn--icon-only--top:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n      .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after, .bx--btn--icon-only--top.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::after, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus::after, .bx--btn--icon-only--top:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text, .bx--btn--icon-only--top:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:hover + .bx--assistive-text,\n  .bx--btn--icon-only--top:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text, .bx--btn--icon-only--top:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top:focus + .bx--assistive-text,\n  .bx--btn--icon-only--top:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--top:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--top:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text::after, .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--btn--icon-only--top:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top::after, .bx--btn--icon-only--top:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top + .bx--assistive-text,\n  .bx--btn--icon-only--top:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after, .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 0;\n    transform: translate(0, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after, .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    left: 50%;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    bottom: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::before {\n    top: -0.5rem;\n    border-width: 0.3125rem 0.25rem 0 0.25rem;\n    border-color: var(--cds-inverse-02, #393939) transparent transparent transparent;\n    transform: translate(-50%, -100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after, .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--top.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, -100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--right, .bx--btn--icon-only--right:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus, .bx--btn--icon-only--right:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg, .bx--btn--icon-only--right:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n      .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after, .bx--btn--icon-only--right.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::after, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::before, .bx--btn--icon-only--right:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover::after, .bx--btn--icon-only--right:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::before, .bx--btn--icon-only--right:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus::after, .bx--btn--icon-only--right:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text, .bx--btn--icon-only--right:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:hover + .bx--assistive-text,\n  .bx--btn--icon-only--right:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text, .bx--btn--icon-only--right:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right:focus + .bx--assistive-text,\n  .bx--btn--icon-only--right:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--right:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--right:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text::after, .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--btn--icon-only--right:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right::after, .bx--btn--icon-only--right:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right + .bx--assistive-text,\n  .bx--btn--icon-only--right:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after, .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after, .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    left: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    right: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::before {\n    right: -0.5rem;\n    border-width: 0.25rem 0.3125rem 0.25rem 0;\n    border-color: transparent var(--cds-inverse-02, #393939) transparent transparent;\n    transform: translate(100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after, .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--right.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    right: -0.8125rem;\n    transform: translate(100%, -50%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--bottom, .bx--btn--icon-only--bottom:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n      .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after, .bx--btn--icon-only--bottom.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::after, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::after, .bx--btn--icon-only--bottom:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::after, .bx--btn--icon-only--bottom:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text, .bx--btn--icon-only--bottom:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text, .bx--btn--icon-only--bottom:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text::after, .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom::after, .bx--btn--icon-only--bottom:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom + .bx--assistive-text,\n  .bx--btn--icon-only--bottom:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after, .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    left: 0;\n    transform: translate(0, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after, .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    left: 0;\n    width: 100%;\n    height: 0.75rem;\n    top: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: 0;\n    left: 50%; }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::before {\n    bottom: -0.5rem;\n    border-width: 0 0.25rem 0.3125rem 0.25rem;\n    border-color: transparent transparent var(--cds-inverse-02, #393939) transparent;\n    transform: translate(-50%, 100%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after, .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--bottom.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    bottom: -0.8125rem;\n    right: 0;\n    left: auto;\n    transform: translate(0, 100%); }\n\n.bx--tooltip__trigger.bx--btn--icon-only--left, .bx--btn--icon-only--left:host(bx-tooltip) {\n  position: relative;\n  display: inline-flex;\n  overflow: visible;\n  align-items: center;\n  cursor: pointer; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n        outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus, .bx--btn--icon-only--left:focus:host(bx-tooltip) {\n    outline: 1px solid transparent; }\n    .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n      @media screen and (prefers-contrast) {\n        .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg, .bx--btn--icon-only--left:focus:host(bx-tooltip) svg {\n          outline-style: dotted; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    position: absolute;\n    z-index: 6000;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none; }\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        display: inline-block; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n        transition: none; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    transition: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    content: ''; }\n  \n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-sizing: content-box;\n    color: inherit;\n    opacity: 1;\n    white-space: normal;\n    word-break: break-word; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));\n    z-index: 6000;\n    width: -moz-max-content;\n    width: max-content;\n    min-width: 1.5rem;\n    max-width: 13rem;\n    height: auto;\n    padding: 0.1875rem 1rem;\n    background-color: var(--cds-inverse-02, #393939);\n    border-radius: 0.125rem;\n    color: var(--cds-inverse-01, #ffffff);\n    font-weight: 400;\n    text-align: left;\n    transform: translateX(-50%);\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    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-accelerator: true) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @supports (-ms-ime-align: auto) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        width: auto; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n      .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n      .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n      .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n        border: 1px solid transparent; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after {\n    content: attr(aria-label); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after, .bx--btn--icon-only--left.bx--tooltip--a11y:host(bx-tooltip)::after, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition)::after {\n    content: none; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::after, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip)::after, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::before, .bx--btn--icon-only--left:host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover::after, .bx--btn--icon-only--left:host(bx-tooltip):hover::after, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::before, .bx--btn--icon-only--left:host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus::after, .bx--btn--icon-only--left:host(bx-tooltip):focus::after {\n    opacity: 1; }\n\n@keyframes tooltip-fade {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text {\n    overflow: visible;\n    margin: auto;\n    clip: auto; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible:host(bx-tooltip-definition)::before, .bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text, .bx--btn--icon-only--left:hover:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:hover + .bx--assistive-text,\n  .bx--btn--icon-only--left:hover:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):hover.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):hover::before, .bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text, .bx--btn--icon-only--left:focus:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left:focus + .bx--assistive-text,\n  .bx--btn--icon-only--left:focus:host(bx-tooltip) + .bx--assistive-text, .bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip):focus.bx--tooltip--a11y::before, .bx--btn--icon-only--left:host(bx-tooltip-definition):host(bx-tooltip):focus::before, .bx--tooltip__trigger.bx--btn--icon-only--left:host(bx-tooltip-definition):focus::before {\n    animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip) + .bx--assistive-text {\n    overflow: hidden;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y::before, .bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y:host(bx-tooltip)::before, .bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition):host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden:host(bx-tooltip-definition)::before {\n    animation: none;\n    opacity: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text::after, .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--btn--icon-only--left:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left::after, .bx--btn--icon-only--left:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left + .bx--assistive-text,\n  .bx--btn--icon-only--left:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after, .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-start:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after, .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-center:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text::after {\n    position: absolute;\n    display: block;\n    content: '';\n    top: 0;\n    width: 0.75rem;\n    height: 100%;\n    right: -0.75rem; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    top: 50%;\n    left: 0; }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::before {\n    left: -0.5rem;\n    border-width: 0.25rem 0 0.25rem 0.3125rem;\n    border-color: transparent transparent transparent var(--cds-inverse-02, #393939);\n    transform: translate(-100%, -50%); }\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after, .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip)::after,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) .bx--assistive-text,\n  .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end + .bx--assistive-text,\n  .bx--btn--icon-only--left.bx--tooltip--align-end:host(bx-tooltip) + .bx--assistive-text {\n    left: -0.8125rem;\n    transform: translate(-100%, -50%); }\n\n.bx--btn--icon-only {\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem; }\n  .bx--btn--icon-only .bx--btn__icon {\n    position: static; }\n  .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n  .bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon {\n    margin: 0; }\n\n.bx--btn--icon-only.bx--btn--selected {\n  background: var(--cds-selected-ui, #e0e0e0); }\n\n.bx--btn path[data-icon-path='inner-path'] {\n  fill: none; }\n\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n  fill: var(--cds-icon-01, #161616); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,\n.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon {\n  fill: var(--cds-disabled-03, #8d8d8d); }\n\n.bx--btn--ghost.bx--btn--icon-only[disabled] {\n  cursor: not-allowed; }\n\n.bx--btn--field.bx--btn--icon-only,\n.bx--btn--md.bx--btn--icon-only {\n  padding-right: 0.6875rem;\n  padding-left: 0.6875rem; }\n\n.bx--btn--sm.bx--btn--icon-only {\n  padding-right: 0.4375rem;\n  padding-left: 0.4375rem; }\n\n.bx--btn--danger {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--cds-danger-01, #da1e28);\n  color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger:hover {\n    background-color: var(--cds-hover-danger, #b81921); }\n  .bx--btn--danger: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-ui-background, #ffffff); }\n  .bx--btn--danger:active {\n    background-color: var(--cds-active-danger, #750e13); }\n  .bx--btn--danger .bx--btn__icon,\n  .bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n    fill: currentColor; }\n  .bx--btn--danger:hover {\n    color: var(--cds-text-04, #ffffff); }\n  .bx--btn--danger-tertiary, .bx--btn--danger--tertiary {\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--cds-danger-02, #da1e28);\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28); }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary: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-ui-background, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-tertiary .bx--btn__icon,\n    .bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--tertiary .bx--btn__icon,\n    .bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-tertiary:hover, .bx--btn--danger--tertiary:hover {\n      border-color: var(--cds-hover-danger, #b81921);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:focus, .bx--btn--danger--tertiary:focus {\n      background-color: var(--cds-danger-01, #da1e28);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:active, .bx--btn--danger--tertiary:active {\n      border-color: var(--cds-active-danger, #750e13);\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-tertiary:disabled, .bx--btn--danger-tertiary:hover:disabled, .bx--btn--danger-tertiary:focus:disabled, .bx--btn--danger-tertiary.bx--btn--disabled, .bx--btn--danger-tertiary.bx--btn--disabled:hover, .bx--btn--danger-tertiary.bx--btn--disabled:focus, .bx--btn--danger--tertiary:disabled, .bx--btn--danger--tertiary:hover:disabled, .bx--btn--danger--tertiary:focus:disabled, .bx--btn--danger--tertiary.bx--btn--disabled, .bx--btn--danger--tertiary.bx--btn--disabled:hover, .bx--btn--danger--tertiary.bx--btn--disabled:focus {\n      background: transparent;\n      color: var(--cds-disabled-03, #8d8d8d);\n      outline: none; }\n  .bx--btn--danger-ghost, .bx--btn--danger--ghost {\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    background-color: transparent;\n    color: var(--cds-danger-02, #da1e28);\n    padding: calc(0.875rem - 3px) 16px; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger--ghost:hover {\n      background-color: var(--cds-hover-danger, #b81921); }\n    .bx--btn--danger-ghost:focus, .bx--btn--danger--ghost: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-ui-background, #ffffff); }\n    .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:active {\n      background-color: var(--cds-active-danger, #750e13); }\n    .bx--btn--danger-ghost .bx--btn__icon,\n    .bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']), .bx--btn--danger--ghost .bx--btn__icon,\n    .bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill='none']) {\n      fill: currentColor; }\n    .bx--btn--danger-ghost .bx--btn__icon, .bx--btn--danger--ghost .bx--btn__icon {\n      position: static;\n      margin-left: 0.5rem; }\n    .bx--btn--danger-ghost:hover, .bx--btn--danger-ghost:active, .bx--btn--danger--ghost:hover, .bx--btn--danger--ghost:active {\n      color: var(--cds-text-04, #ffffff); }\n    .bx--btn--danger-ghost:disabled, .bx--btn--danger-ghost:hover:disabled, .bx--btn--danger-ghost:focus:disabled, .bx--btn--danger-ghost.bx--btn--disabled, .bx--btn--danger-ghost.bx--btn--disabled:hover, .bx--btn--danger-ghost.bx--btn--disabled:focus, .bx--btn--danger--ghost:disabled, .bx--btn--danger--ghost:hover:disabled, .bx--btn--danger--ghost:focus:disabled, .bx--btn--danger--ghost.bx--btn--disabled, .bx--btn--danger--ghost.bx--btn--disabled:hover, .bx--btn--danger--ghost.bx--btn--disabled:focus {\n      border-color: transparent;\n      background: transparent;\n      color: var(--cds-disabled-02, #c6c6c6);\n      outline: none; }\n    .bx--btn--danger-ghost.bx--btn--sm, .bx--btn--danger--ghost.bx--btn--sm {\n      padding: calc(0.375rem - 3px) 16px; }\n    .bx--btn--danger-ghost.bx--btn--field, .bx--btn--danger-ghost.bx--btn--md, .bx--btn--danger--ghost.bx--btn--field, .bx--btn--danger--ghost.bx--btn--md {\n      padding: calc(0.675rem - 3px) 16px; }\n\n.bx--btn--sm {\n  min-height: 2rem;\n  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; }\n\n.bx--btn--xl:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 5rem; }\n\n.bx--btn--lg:not(.bx--btn--icon-only) {\n  align-items: baseline;\n  padding-top: var(--cds-spacing-05, 1rem);\n  padding-right: var(--cds-spacing-10, 4rem);\n  padding-left: var(--cds-spacing-05, 1rem);\n  min-height: 4rem; }\n\n.bx--btn--field,\n.bx--btn--md {\n  min-height: 2.5rem;\n  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; }\n\n.bx--btn--expressive {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n  min-height: 3rem; }\n\n.bx--btn--icon-only.bx--btn--expressive {\n  padding: 12px 13px; }\n\n.bx--btn.bx--btn--expressive .bx--btn__icon {\n  width: 1.25rem;\n  height: 1.25rem; }\n\n.bx--btn-set .bx--btn.bx--btn--expressive {\n  max-width: 20rem; }\n\n.bx--btn.bx--skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: var(--cds-skeleton-01, #e5e5e5);\n  box-shadow: none;\n  pointer-events: none;\n  width: 9.375rem; }\n  .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {\n    border: none;\n    cursor: default;\n    outline: none; }\n  .bx--btn.bx--skeleton::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: var(--cds-skeleton-02, #c6c6c6);\n    content: '';\n    will-change: transform-origin, transform, opacity; }\n    @media (prefers-reduced-motion: reduce) {\n      .bx--btn.bx--skeleton::before {\n        animation: none; } }\n\n.bx--btn-set {\n  display: flex; }\n\n.bx--btn-set--stacked {\n  flex-direction: column; }\n\n.bx--btn-set .bx--btn {\n  width: 100%;\n  max-width: 12.25rem; }\n  .bx--btn-set .bx--btn:not(:focus) {\n    box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0); }\n  .bx--btn-set .bx--btn:first-of-type:not(:focus) {\n    box-shadow: inherit; }\n\n.bx--btn-set .bx--btn:focus + .bx--btn {\n  box-shadow: inherit; }\n\n.bx--btn-set--stacked .bx--btn:not(:focus) {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0); }\n\n.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus) {\n  box-shadow: inherit; }\n\n.bx--btn-set .bx--btn.bx--btn--disabled {\n  box-shadow: -0.0625rem 0 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n.bx--btn-set--stacked .bx--btn.bx--btn--disabled {\n  box-shadow: 0 -0.0625rem 0 0 var(--cds-disabled-03, #8d8d8d); }\n  .bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type {\n    box-shadow: none; }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn:focus {\n    color: Highlight;\n    outline: 1px solid Highlight; } }\n\n@media screen and (-ms-high-contrast: active), (forced-colors: active) {\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill='none']),\n  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {\n    fill: ButtonText; } }\n\n.bx--buttongroup,\n:host(dds-button-group),\n:host(dds-leadspace-block-cta) {\n  --dds--button-group--item-count: 3;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-auto-rows: 1fr;\n  grid-gap: 1rem; }\n  @media (min-width: 42rem) {\n    .bx--buttongroup,\n    :host(dds-button-group),\n    :host(dds-leadspace-block-cta) {\n      display: inline-grid;\n      grid-template-columns: repeat(var(--dds--button-group--item-count), 1fr); } }\n  @media print {\n    .bx--buttongroup,\n    :host(dds-button-group),\n    :host(dds-leadspace-block-cta) {\n      display: block; } }\n\n.bx--buttongroup-item,\n:host(dds-button-group-item),\n:host(dds-button-cta),\n:host(dds-cloud-button-cta) {\n  max-width: 100%;\n  min-width: 0; }\n  @media print {\n    .bx--buttongroup-item,\n    :host(dds-button-group-item),\n    :host(dds-button-cta),\n    :host(dds-cloud-button-cta) {\n      max-width: 100%;\n      margin-bottom: var(--cds-spacing-05, 1rem);\n      display: block; } }\n  .bx--buttongroup-item .bx--btn,\n  :host(dds-button-group-item) .bx--btn,\n  :host(dds-button-cta) .bx--btn,\n  :host(dds-cloud-button-cta) .bx--btn {\n    font-size: 1rem;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    word-break: break-word;\n    transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9), width 0s, height 0s;\n    max-width: 100%; }\n    @media print {\n      .bx--buttongroup-item .bx--btn,\n      :host(dds-button-group-item) .bx--btn,\n      :host(dds-button-cta) .bx--btn,\n      :host(dds-cloud-button-cta) .bx--btn {\n        background: #ffffff;\n        border: 0.0625rem solid #161616;\n        color: #161616;\n        font-weight: 600;\n        display: block;\n        max-width: inherit; } }\n    .bx--buttongroup-item .bx--btn .bx--btn__icon,\n    :host(dds-button-group-item) .bx--btn .bx--btn__icon,\n    :host(dds-button-cta) .bx--btn .bx--btn__icon,\n    :host(dds-cloud-button-cta) .bx--btn .bx--btn__icon {\n      width: auto;\n      height: auto; }\n    .bx--buttongroup-item .bx--btn .bx--btn--hidden,\n    :host(dds-button-group-item) .bx--btn .bx--btn--hidden,\n    :host(dds-button-cta) .bx--btn .bx--btn--hidden,\n    :host(dds-cloud-button-cta) .bx--btn .bx--btn--hidden {\n      display: none;\n      visibility: hidden; }\n      @media print {\n        .bx--buttongroup-item .bx--btn .bx--btn--hidden,\n        :host(dds-button-group-item) .bx--btn .bx--btn--hidden,\n        :host(dds-button-cta) .bx--btn .bx--btn--hidden,\n        :host(dds-cloud-button-cta) .bx--btn .bx--btn--hidden {\n          display: inline-block;\n          visibility: visible;\n          font-weight: 200;\n          color: #161616; }\n          .bx--buttongroup-item .bx--btn .bx--btn--hidden span,\n          :host(dds-button-group-item) .bx--btn .bx--btn--hidden span,\n          :host(dds-button-cta) .bx--btn .bx--btn--hidden span,\n          :host(dds-cloud-button-cta) .bx--btn .bx--btn--hidden span {\n            font-weight: 600;\n            margin-left: calc(-1 * var(--cds-spacing-02, 0.25rem));\n            margin-right: var(--cds-spacing-02, 0.25rem); } }\n  .bx--buttongroup-item .bx--btn--multiline,\n  :host(dds-button-group-item) .bx--btn--multiline,\n  :host(dds-button-cta) .bx--btn--multiline,\n  :host(dds-cloud-button-cta) .bx--btn--multiline {\n    align-items: start; }\n\n:host(dds-button-group-item) ::slotted([slot='icon']) {\n  position: absolute;\n  right: 1rem;\n  top: 50%;\n  transform: translateY(-50%);\n  flex-shrink: 0; }\n  @media print {\n    :host(dds-button-group-item) ::slotted([slot='icon']) {\n      fill: #161616; } }\n\n.bx--buttongroup-item--pseudo {\n  position: absolute;\n  clip: rect(0, 0, 0, 0); }\n  .bx--buttongroup-item--pseudo .bx--btn {\n    width: auto; }\n\n:host(dds-button-group-item),\n:host(dds-button-cta),\n:host(dds-cloud-button-cta) {\n  outline: none; }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--link {\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: inline-flex;\n  color: var(--cds-link-01, #0f62fe);\n  outline: none;\n  text-decoration: none;\n  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--link:hover {\n    color: var(--cds-hover-primary-text, #0043ce);\n    text-decoration: underline; }\n  .bx--link:active, .bx--link:active:visited, .bx--link:active:visited:hover {\n    color: var(--cds-text-01, #161616);\n    text-decoration: underline; }\n  .bx--link:focus {\n    outline: 1px solid var(--cds-focus, #0f62fe); }\n    @media screen and (prefers-contrast) {\n      .bx--link:focus {\n        outline-style: dotted; } }\n  .bx--link:visited {\n    color: var(--cds-link-01, #0f62fe); }\n  .bx--link:visited:hover {\n    color: var(--cds-hover-primary-text, #0043ce); }\n\n.bx--link--disabled,\n.bx--link--disabled:hover {\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  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed;\n  font-weight: 400;\n  text-decoration: none; }\n\n.bx--link.bx--link--visited:visited {\n  color: var(--cds-visited-link, #8a3ffc); }\n\n.bx--link.bx--link--visited:visited:hover {\n  color: var(--cds-hover-primary-text, #0043ce); }\n\n.bx--link.bx--link--inline {\n  text-decoration: underline; }\n  .bx--link.bx--link--inline:focus, .bx--link.bx--link--inline:visited {\n    text-decoration: none; }\n\n.bx--link--disabled.bx--link--inline {\n  text-decoration: underline; }\n\n.bx--link--sm {\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.bx--link--lg {\n  font-size: var(--cds-body-short-02-font-size, 1rem);\n  font-weight: var(--cds-body-short-02-font-weight, 400);\n  line-height: var(--cds-body-short-02-line-height, 1.375);\n  letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n\n.bx--link__icon {\n  display: inline-flex;\n  align-self: center;\n  margin-left: var(--cds-spacing-03, 0.5rem); }\n\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--link-with-icon, :host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon),\n:host(dds-link-list-item),\n:host(dds-link-list-item-cta),\n:host(dds-text-cta) {\n  display: flex; }\n  .bx--link-with-icon span, :host(dds-megamenu-link-with-icon) span,\n  :host(dds-link-with-icon) span,\n  :host(dds-link-list-item) span,\n  :host(dds-link-list-item-cta) span,\n  :host(dds-text-cta) span {\n    vertical-align: middle;\n    align-self: center;\n    flex: 1; }\n  .bx--link-with-icon svg, :host(dds-megamenu-link-with-icon) svg,\n  .bx--link-with-icon ::slotted(svg[slot='icon']),\n  :host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-with-icon) svg,\n  :host(dds-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item) svg,\n  :host(dds-link-list-item) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item-cta) svg,\n  :host(dds-link-list-item-cta) ::slotted(svg[slot='icon']),\n  :host(dds-text-cta) svg,\n  :host(dds-text-cta) ::slotted(svg[slot='icon']) {\n    display: block;\n    margin-left: 0.5rem;\n    align-self: center;\n    fill: currentColor; }\n  .bx--link-with-icon.bx--link--visited, .bx--link--visited:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon).bx--link--visited,\n  :host(dds-link-list-item).bx--link--visited,\n  :host(dds-link-list-item-cta).bx--link--visited,\n  :host(dds-text-cta).bx--link--visited {\n    color: var(--cds-visited-link, #8a3ffc); }\n  .bx--link-with-icon.bx--link--disabled:hover, .bx--link--disabled:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon).bx--link--disabled:hover,\n  :host(dds-link-list-item).bx--link--disabled:hover,\n  :host(dds-link-list-item-cta).bx--link--disabled:hover,\n  :host(dds-text-cta).bx--link--disabled:hover {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n  .bx--link-with-icon.bx--link-with-icon__icon-left, .bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  .bx--link-with-icon .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-megamenu-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  .bx--link-with-icon .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-megamenu-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon).bx--link-with-icon__icon-left,\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item).bx--link-with-icon__icon-left,\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item-cta).bx--link-with-icon__icon-left,\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon),\n  :host(dds-text-cta).bx--link-with-icon__icon-left,\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left,\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: row-reverse; }\n    .bx--link-with-icon.bx--link-with-icon__icon-left svg, .bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    .bx--link-with-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    .bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    .bx--link-with-icon .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    .bx--link-with-icon .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    .bx--link-with-icon .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    .bx--link-with-icon .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-megamenu-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-link-with-icon).bx--link-with-icon__icon-left svg,\n    :host(dds-link-with-icon).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-with-icon) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item).bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item-cta).bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item-cta).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n    :host(dds-text-cta).bx--link-with-icon__icon-left svg,\n    :host(dds-text-cta).bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left svg,\n    :host(dds-text-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) svg,\n    :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left ::slotted(svg[slot='icon']),\n    :host(dds-text-cta) .bx--link-with-icon--inline-icon.bx--link-with-icon__icon-left:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n      align-self: start;\n      position: relative;\n      margin-left: 0;\n      margin-right: 0.5rem;\n      top: 1px; }\n\n.bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon, .bx--link-with-icon__container .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-link-list-item) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon),\n:host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-text-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) {\n  display: inline-block; }\n  .bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon:hover, .bx--link-with-icon__container .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon),\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon:hover,\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon:hover:host(dds-megamenu-link-with-icon) {\n    text-underline-position: under; }\n  .bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon svg, .bx--link-with-icon__container .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  .bx--link-with-icon__container .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  .bx--link-with-icon__container .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-callout-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-callout-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-cta-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-link-with-icon) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-link-with-icon) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-link-list-item) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-link-list-item-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-link-list-item-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-text-cta) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-text-cta) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n    display: inline;\n    vertical-align: middle;\n    white-space: nowrap; }\n\n:host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon.bx--link-with-icon--inline-icon span, :host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) span {\n  display: none; }\n  @media (min-width: 66rem) {\n    :host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon.bx--link-with-icon--inline-icon span, :host(dds-card-cta-footer)[mode='link-list'][cta-type='video'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) span {\n      display: inline; } }\n\n.bx--link-with-icon:not(:first-of-type), :not(:first-of-type):host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon):not(:first-of-type),\n:host(dds-text-cta):not(:first-of-type) {\n  margin-left: 2rem; }\n\n.bx--link-with-icon .bx--link-with-icon__icon-left::slotted(svg[slot='icon']), :host(dds-megamenu-link-with-icon) .bx--link-with-icon__icon-left::slotted(svg[slot='icon']),\n:host(dds-link-with-icon) .bx--link-with-icon__icon-left::slotted(svg[slot='icon']),\n:host(dds-text-cta) .bx--link-with-icon__icon-left::slotted(svg[slot='icon']) {\n  margin-right: 0.5rem;\n  margin-left: 0; }\n\n.bx--link-with-icon .bx--link-with-icon__icon-right::slotted(svg[slot='icon']), :host(dds-megamenu-link-with-icon) .bx--link-with-icon__icon-right::slotted(svg[slot='icon']),\n:host(dds-link-with-icon) .bx--link-with-icon__icon-right::slotted(svg[slot='icon']),\n:host(dds-text-cta) .bx--link-with-icon__icon-right::slotted(svg[slot='icon']) {\n  margin-left: 0.5rem;\n  margin-right: 0; }\n\n.bx--link-with-icon:focus, :focus:host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon):focus,\n:host(dds-text-cta):focus {\n  outline: 2px solid var(--cds-focus, #0f62fe); }\n\n.bx--link-with-icon:active, :active:host(dds-megamenu-link-with-icon),\n:host(dds-link-with-icon):active,\n:host(dds-text-cta):active {\n  text-decoration: none; }\n\n:host(dds-link-with-icon):focus,\n:host(dds-text-cta):focus {\n  outline: none; }\n\n:host(dds-link-with-icon),\n.bx--link-with-icon__container {\n  display: table; }\n\n:host(dds-link-with-icon) .bx--link--disabled,\n:host(dds-link-list-item) .bx--link--disabled,\n:host(dds-text-cta) .bx--link--disabled,\n:host(dds-link-list-item-cta) .bx--link--disabled {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-link-list-item) .bx--link {\n  align-content: flex-start; }\n  :host(dds-link-list-item) .bx--link span,\n  :host(dds-link-list-item) .bx--link ::slotted(svg[slot='icon']) {\n    align-self: flex-start; }\n\n:host(dds-link-list-item)[type='end'] .bx--link-with-icon__icon-left ::slotted(svg[slot='icon']) {\n  margin-right: 2rem; }\n\n:host(dds-link-list-item)[type='end'] .bx--link-with-icon__icon-right ::slotted(svg[slot='icon']) {\n  margin-left: 2rem; }\n\n/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--tile {\n  display: block;\n  min-width: 8rem;\n  min-height: 4rem;\n  padding: var(--cds-spacing-05, 1rem);\n  background-color: var(--cds-ui-01, #f4f4f4);\n  outline: 2px solid transparent;\n  outline-offset: -2px; }\n  .bx--tile:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--tile:focus {\n        outline-style: dotted; } }\n\n.bx--tile--light {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n.bx--tile--clickable,\n.bx--tile--selectable,\n.bx--tile--expandable {\n  cursor: pointer;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tile--clickable:hover,\n  .bx--tile--selectable:hover,\n  .bx--tile--expandable:hover {\n    background: var(--cds-hover-ui, #e5e5e5); }\n\n.bx--tile--expandable .bx--link {\n  color: var(--cds-link-secondary, #0043ce); }\n\n.bx--tile--clickable:focus,\n.bx--tile--expandable:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--tile--clickable:focus,\n    .bx--tile--expandable:focus {\n      outline-style: dotted; } }\n\n.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,\n.bx--tile--expandable:hover .bx--tile__checkmark,\n.bx--tile--expandable:focus .bx--tile__checkmark {\n  opacity: 1; }\n\n.bx--tile--expandable::-moz-focus-inner {\n  border: 0; }\n\n.bx--tile--clickable {\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  color: var(--cds-text-01, #161616);\n  text-decoration: none; }\n\n.bx--tile--clickable:hover,\n.bx--tile--clickable:active,\n.bx--tile--clickable:visited,\n.bx--tile--clickable:visited:hover {\n  color: var(--cds-text-01, #161616);\n  text-decoration: none; }\n\n.bx--tile--clickable.bx--link--disabled {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tile--clickable:hover.bx--link--disabled {\n  display: block;\n  background-color: var(--cds-disabled-01, #f4f4f4);\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tile--selectable {\n  position: relative;\n  padding-right: 3rem;\n  border: 1px solid transparent; }\n\n.bx--tile__checkmark,\n.bx--tile__chevron {\n  position: absolute;\n  border: none;\n  background: transparent;\n  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile__checkmark {\n  top: 1rem;\n  right: 1rem;\n  height: 1rem;\n  opacity: 0; }\n  .bx--tile__checkmark svg {\n    border-radius: 50%;\n    fill: var(--cds-icon-02, #525252); }\n  .bx--tile__checkmark:focus {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px; }\n    @media screen and (prefers-contrast) {\n      .bx--tile__checkmark:focus {\n        outline-style: dotted; } }\n\n.bx--tile__checkmark--persistent {\n  opacity: 1; }\n\n.bx--tile__chevron {\n  position: absolute;\n  right: 1rem;\n  bottom: 1rem;\n  display: flex;\n  height: 1rem;\n  align-items: flex-end; }\n  .bx--tile__chevron svg {\n    margin-left: 0.5rem;\n    fill: var(--cds-ui-05, #161616);\n    transform-origin: center;\n    transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n    @media screen and (prefers-reduced-motion: reduce) {\n      .bx--tile__chevron svg {\n        transition: none; } }\n    @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n      .bx--tile__chevron svg {\n        fill: ButtonText; } }\n  .bx--tile__chevron:hover {\n    cursor: pointer; }\n  .bx--tile__chevron:focus {\n    outline: none; }\n\n.bx--tile--expandable {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  border: 0;\n  color: inherit;\n  font-size: inherit;\n  text-align: left;\n  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile-content__above-the-fold {\n  display: block; }\n\n.bx--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.bx--tile--is-expanded {\n  overflow: visible;\n  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--tile--is-expanded .bx--tile__chevron svg {\n    transform: rotate(180deg); }\n  .bx--tile--is-expanded .bx--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    @media not all and (min-resolution: 0.001dpcm) {\n      @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n        .bx--tile--is-expanded .bx--tile-content__below-the-fold {\n          overflow-y: auto; } } }\n\n.bx--tile--is-selected {\n  border: 1px solid var(--cds-ui-05, #161616); }\n\n.bx--tile--is-selected .bx--tile__checkmark {\n  opacity: 1; }\n\n.bx--tile--is-selected .bx--tile__checkmark svg {\n  fill: var(--cds-ui-05, #161616); }\n  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {\n    .bx--tile--is-selected .bx--tile__checkmark svg {\n      fill: ButtonText; } }\n\n.bx--tile-content {\n  width: 100%;\n  height: 100%; }\n\n.bx--tile-input {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap; }\n\n.bx--tile-input:focus + .bx--tile {\n  outline: 2px solid var(--cds-focus, #0f62fe);\n  outline-offset: -2px; }\n  @media screen and (prefers-contrast) {\n    .bx--tile-input:focus + .bx--tile {\n      outline-style: dotted; } }\n\n.bx--tile--disabled.bx--tile--selectable {\n  background-color: var(--cds-ui-01, #f4f4f4);\n  color: var(--cds-disabled-02, #c6c6c6);\n  cursor: not-allowed; }\n\n.bx--tile--disabled.bx--tile--selectable.bx--tile--light {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n.bx--tile--disabled.bx--tile--is-selected {\n  outline-color: var(--cds-disabled-02, #c6c6c6); }\n\n.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--card,\n:host(dds-card),\n:host(dds-link-list-item-card),\n:host(dds-card-group-item),\n:host(dds-card-group-item) .bx--card,\n:host(dds-card-cta),\n:host(dds-link-list-item-card-cta),\n:host(dds-card-in-card),\n:host(dds-content-group-cards-item),\n:host(dds-content-group-cards-item) .bx--card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background-color: var(--cds-ui-01, #f4f4f4);\n  text-decoration: none;\n  padding: 0;\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  /* stylelint-disable-next-line selector-type-no-unknown */ }\n  .bx--card:hover,\n  :host(dds-card):hover,\n  :host(dds-link-list-item-card):hover,\n  :host(dds-card-group-item):hover,\n  :host(dds-card-group-item) .bx--card:hover,\n  :host(dds-card-cta):hover,\n  :host(dds-link-list-item-card-cta):hover,\n  :host(dds-card-in-card):hover,\n  :host(dds-content-group-cards-item):hover,\n  :host(dds-content-group-cards-item) .bx--card:hover {\n    background-color: var(--cds-hover-ui, #e5e5e5);\n    text-decoration: none; }\n    .bx--card:hover .bx--card__wrapper,\n    :host(dds-card):hover .bx--card__wrapper,\n    :host(dds-link-list-item-card):hover .bx--card__wrapper,\n    :host(dds-card-group-item):hover .bx--card__wrapper,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__wrapper,\n    :host(dds-card-cta):hover .bx--card__wrapper,\n    :host(dds-link-list-item-card-cta):hover .bx--card__wrapper,\n    :host(dds-card-in-card):hover .bx--card__wrapper,\n    :host(dds-content-group-cards-item):hover .bx--card__wrapper,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__wrapper {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-link-list-item-card):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-group-item):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-group-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-link-list-item-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-card-in-card):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-content-group-cards-item):hover.bx--card__CTA--disabled.bx--tile--clickable,\n    :host(dds-content-group-cards-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable {\n      background-color: var(--cds-ui-01, #f4f4f4); }\n      .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-link-list-item-card):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-group-item):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-group-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-link-list-item-card-cta):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-card-in-card):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-content-group-cards-item):hover.bx--card__CTA--disabled.bx--tile--clickable > *,\n      :host(dds-content-group-cards-item) .bx--card:hover.bx--card__CTA--disabled.bx--tile--clickable > * {\n        background-color: var(--cds-ui-01, #f4f4f4); }\n    .bx--card:hover ::slotted(dds-image)::before,\n    .bx--card:hover ::slotted(dds-card-cta-image)::before,\n    .bx--card:hover .bx--card__img::before,\n    .bx--card:hover .bx--card__image_img::before,\n    .bx--card:hover .bx--image::before,\n    .bx--card:hover .bx--card__video-thumbnail::before,\n    :host(dds-card):hover ::slotted(dds-image)::before,\n    :host(dds-card):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card):hover .bx--card__img::before,\n    :host(dds-card):hover .bx--card__image_img::before,\n    :host(dds-card):hover .bx--image::before,\n    :host(dds-card):hover .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card):hover ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card):hover .bx--card__img::before,\n    :host(dds-link-list-item-card):hover .bx--card__image_img::before,\n    :host(dds-link-list-item-card):hover .bx--image::before,\n    :host(dds-link-list-item-card):hover .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item):hover ::slotted(dds-image)::before,\n    :host(dds-card-group-item):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item):hover .bx--card__img::before,\n    :host(dds-card-group-item):hover .bx--card__image_img::before,\n    :host(dds-card-group-item):hover .bx--image::before,\n    :host(dds-card-group-item):hover .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item) .bx--card:hover ::slotted(dds-image)::before,\n    :host(dds-card-group-item) .bx--card:hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__img::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__image_img::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--image::before,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__video-thumbnail::before,\n    :host(dds-card-cta):hover ::slotted(dds-image)::before,\n    :host(dds-card-cta):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-cta):hover .bx--card__img::before,\n    :host(dds-card-cta):hover .bx--card__image_img::before,\n    :host(dds-card-cta):hover .bx--image::before,\n    :host(dds-card-cta):hover .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card-cta):hover ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card-cta):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card-cta):hover .bx--card__img::before,\n    :host(dds-link-list-item-card-cta):hover .bx--card__image_img::before,\n    :host(dds-link-list-item-card-cta):hover .bx--image::before,\n    :host(dds-link-list-item-card-cta):hover .bx--card__video-thumbnail::before,\n    :host(dds-card-in-card):hover ::slotted(dds-image)::before,\n    :host(dds-card-in-card):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-in-card):hover .bx--card__img::before,\n    :host(dds-card-in-card):hover .bx--card__image_img::before,\n    :host(dds-card-in-card):hover .bx--image::before,\n    :host(dds-card-in-card):hover .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item):hover ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item):hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item):hover .bx--card__img::before,\n    :host(dds-content-group-cards-item):hover .bx--card__image_img::before,\n    :host(dds-content-group-cards-item):hover .bx--image::before,\n    :host(dds-content-group-cards-item):hover .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item) .bx--card:hover ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item) .bx--card:hover ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__img::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__image_img::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--image::before,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__video-thumbnail::before {\n      opacity: 0.08;\n      z-index: 1; }\n    .bx--card:hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-link-list-item-card):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-group-item):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-cta):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-link-list-item-card-cta):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-card-in-card):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-content-group-cards-item):hover .bx--card__video-thumbnail svg circle,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__video-thumbnail svg circle {\n      opacity: 0.9;\n      fill: #161616; }\n    .bx--card:hover .bx--card__video-thumbnail svg path,\n    :host(dds-card):hover .bx--card__video-thumbnail svg path,\n    :host(dds-link-list-item-card):hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-group-item):hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-group-item) .bx--card:hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-cta):hover .bx--card__video-thumbnail svg path,\n    :host(dds-link-list-item-card-cta):hover .bx--card__video-thumbnail svg path,\n    :host(dds-card-in-card):hover .bx--card__video-thumbnail svg path,\n    :host(dds-content-group-cards-item):hover .bx--card__video-thumbnail svg path,\n    :host(dds-content-group-cards-item) .bx--card:hover .bx--card__video-thumbnail svg path {\n      fill: var(--cds-icon-03, #ffffff); }\n  .bx--card:focus-within,\n  :host(dds-card):focus-within,\n  :host(dds-link-list-item-card):focus-within,\n  :host(dds-card-group-item):focus-within,\n  :host(dds-card-group-item) .bx--card:focus-within,\n  :host(dds-card-cta):focus-within,\n  :host(dds-link-list-item-card-cta):focus-within,\n  :host(dds-card-in-card):focus-within,\n  :host(dds-content-group-cards-item):focus-within,\n  :host(dds-content-group-cards-item) .bx--card:focus-within {\n    outline: 2px solid var(--cds-focus, #0f62fe);\n    outline-offset: -2px;\n    position: relative;\n    z-index: 2; }\n    .bx--card:focus-within ::slotted(dds-image),\n    .bx--card:focus-within ::slotted(dds-card-cta-image),\n    .bx--card:focus-within .bx--card__img,\n    .bx--card:focus-within .bx--image,\n    :host(dds-card):focus-within ::slotted(dds-image),\n    :host(dds-card):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card):focus-within .bx--card__img,\n    :host(dds-card):focus-within .bx--image,\n    :host(dds-link-list-item-card):focus-within ::slotted(dds-image),\n    :host(dds-link-list-item-card):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card):focus-within .bx--card__img,\n    :host(dds-link-list-item-card):focus-within .bx--image,\n    :host(dds-card-group-item):focus-within ::slotted(dds-image),\n    :host(dds-card-group-item):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item):focus-within .bx--card__img,\n    :host(dds-card-group-item):focus-within .bx--image,\n    :host(dds-card-group-item) .bx--card:focus-within ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item) .bx--card:focus-within .bx--card__img,\n    :host(dds-card-group-item) .bx--card:focus-within .bx--image,\n    :host(dds-card-cta):focus-within ::slotted(dds-image),\n    :host(dds-card-cta):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-cta):focus-within .bx--card__img,\n    :host(dds-card-cta):focus-within .bx--image,\n    :host(dds-link-list-item-card-cta):focus-within ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card-cta):focus-within .bx--card__img,\n    :host(dds-link-list-item-card-cta):focus-within .bx--image,\n    :host(dds-card-in-card):focus-within ::slotted(dds-image),\n    :host(dds-card-in-card):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-card-in-card):focus-within .bx--card__img,\n    :host(dds-card-in-card):focus-within .bx--image,\n    :host(dds-content-group-cards-item):focus-within ::slotted(dds-image),\n    :host(dds-content-group-cards-item):focus-within ::slotted(dds-card-cta-image),\n    :host(dds-content-group-cards-item):focus-within .bx--card__img,\n    :host(dds-content-group-cards-item):focus-within .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:focus-within ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:focus-within ::slotted(dds-card-cta-image),\n    :host(dds-content-group-cards-item) .bx--card:focus-within .bx--card__img,\n    :host(dds-content-group-cards-item) .bx--card:focus-within .bx--image {\n      z-index: -1; }\n  .bx--card:focus, .bx--card:visited, .bx--card:active,\n  :host(dds-card):focus,\n  :host(dds-card):visited,\n  :host(dds-card):active,\n  :host(dds-link-list-item-card):focus,\n  :host(dds-link-list-item-card):visited,\n  :host(dds-link-list-item-card):active,\n  :host(dds-card-group-item):focus,\n  :host(dds-card-group-item):visited,\n  :host(dds-card-group-item):active,\n  :host(dds-card-group-item) .bx--card:focus,\n  :host(dds-card-group-item) .bx--card:visited,\n  :host(dds-card-group-item) .bx--card:active,\n  :host(dds-card-cta):focus,\n  :host(dds-card-cta):visited,\n  :host(dds-card-cta):active,\n  :host(dds-link-list-item-card-cta):focus,\n  :host(dds-link-list-item-card-cta):visited,\n  :host(dds-link-list-item-card-cta):active,\n  :host(dds-card-in-card):focus,\n  :host(dds-card-in-card):visited,\n  :host(dds-card-in-card):active,\n  :host(dds-content-group-cards-item):focus,\n  :host(dds-content-group-cards-item):visited,\n  :host(dds-content-group-cards-item):active,\n  :host(dds-content-group-cards-item) .bx--card:focus,\n  :host(dds-content-group-cards-item) .bx--card:visited,\n  :host(dds-content-group-cards-item) .bx--card:active {\n    position: relative;\n    z-index: 2;\n    text-decoration: none; }\n    .bx--card:focus ::slotted(dds-image),\n    .bx--card:focus .bx--image, .bx--card:visited ::slotted(dds-image),\n    .bx--card:visited .bx--image, .bx--card:active ::slotted(dds-image),\n    .bx--card:active .bx--image,\n    :host(dds-card):focus ::slotted(dds-image),\n    :host(dds-card):focus .bx--image,\n    :host(dds-card):visited ::slotted(dds-image),\n    :host(dds-card):visited .bx--image,\n    :host(dds-card):active ::slotted(dds-image),\n    :host(dds-card):active .bx--image,\n    :host(dds-link-list-item-card):focus ::slotted(dds-image),\n    :host(dds-link-list-item-card):focus .bx--image,\n    :host(dds-link-list-item-card):visited ::slotted(dds-image),\n    :host(dds-link-list-item-card):visited .bx--image,\n    :host(dds-link-list-item-card):active ::slotted(dds-image),\n    :host(dds-link-list-item-card):active .bx--image,\n    :host(dds-card-group-item):focus ::slotted(dds-image),\n    :host(dds-card-group-item):focus .bx--image,\n    :host(dds-card-group-item):visited ::slotted(dds-image),\n    :host(dds-card-group-item):visited .bx--image,\n    :host(dds-card-group-item):active ::slotted(dds-image),\n    :host(dds-card-group-item):active .bx--image,\n    :host(dds-card-group-item) .bx--card:focus ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:focus .bx--image,\n    :host(dds-card-group-item) .bx--card:visited ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:visited .bx--image,\n    :host(dds-card-group-item) .bx--card:active ::slotted(dds-image),\n    :host(dds-card-group-item) .bx--card:active .bx--image,\n    :host(dds-card-cta):focus ::slotted(dds-image),\n    :host(dds-card-cta):focus .bx--image,\n    :host(dds-card-cta):visited ::slotted(dds-image),\n    :host(dds-card-cta):visited .bx--image,\n    :host(dds-card-cta):active ::slotted(dds-image),\n    :host(dds-card-cta):active .bx--image,\n    :host(dds-link-list-item-card-cta):focus ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):focus .bx--image,\n    :host(dds-link-list-item-card-cta):visited ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):visited .bx--image,\n    :host(dds-link-list-item-card-cta):active ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta):active .bx--image,\n    :host(dds-card-in-card):focus ::slotted(dds-image),\n    :host(dds-card-in-card):focus .bx--image,\n    :host(dds-card-in-card):visited ::slotted(dds-image),\n    :host(dds-card-in-card):visited .bx--image,\n    :host(dds-card-in-card):active ::slotted(dds-image),\n    :host(dds-card-in-card):active .bx--image,\n    :host(dds-content-group-cards-item):focus ::slotted(dds-image),\n    :host(dds-content-group-cards-item):focus .bx--image,\n    :host(dds-content-group-cards-item):visited ::slotted(dds-image),\n    :host(dds-content-group-cards-item):visited .bx--image,\n    :host(dds-content-group-cards-item):active ::slotted(dds-image),\n    :host(dds-content-group-cards-item):active .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:focus ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:focus .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:visited ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:visited .bx--image,\n    :host(dds-content-group-cards-item) .bx--card:active ::slotted(dds-image),\n    :host(dds-content-group-cards-item) .bx--card:active .bx--image {\n      z-index: -1; }\n  .bx--card ::slotted(dds-image),\n  .bx--card ::slotted(dds-card-cta-image),\n  .bx--card .bx--card__img,\n  .bx--card .bx--card__image_img,\n  .bx--card .bx--image,\n  .bx--card .bx--card__video-thumbnail,\n  :host(dds-card) ::slotted(dds-image),\n  :host(dds-card) ::slotted(dds-card-cta-image),\n  :host(dds-card) .bx--card__img,\n  :host(dds-card) .bx--card__image_img,\n  :host(dds-card) .bx--image,\n  :host(dds-card) .bx--card__video-thumbnail,\n  :host(dds-link-list-item-card) ::slotted(dds-image),\n  :host(dds-link-list-item-card) ::slotted(dds-card-cta-image),\n  :host(dds-link-list-item-card) .bx--card__img,\n  :host(dds-link-list-item-card) .bx--card__image_img,\n  :host(dds-link-list-item-card) .bx--image,\n  :host(dds-link-list-item-card) .bx--card__video-thumbnail,\n  :host(dds-card-group-item) ::slotted(dds-image),\n  :host(dds-card-group-item) ::slotted(dds-card-cta-image),\n  :host(dds-card-group-item) .bx--card__img,\n  :host(dds-card-group-item) .bx--card__image_img,\n  :host(dds-card-group-item) .bx--image,\n  :host(dds-card-group-item) .bx--card__video-thumbnail,\n  :host(dds-card-group-item) .bx--card ::slotted(dds-image),\n  :host(dds-card-group-item) .bx--card ::slotted(dds-card-cta-image),\n  :host(dds-card-group-item) .bx--card .bx--card__img,\n  :host(dds-card-group-item) .bx--card .bx--card__image_img,\n  :host(dds-card-group-item) .bx--card .bx--image,\n  :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail,\n  :host(dds-card-cta) ::slotted(dds-image),\n  :host(dds-card-cta) ::slotted(dds-card-cta-image),\n  :host(dds-card-cta) .bx--card__img,\n  :host(dds-card-cta) .bx--card__image_img,\n  :host(dds-card-cta) .bx--image,\n  :host(dds-card-cta) .bx--card__video-thumbnail,\n  :host(dds-link-list-item-card-cta) ::slotted(dds-image),\n  :host(dds-link-list-item-card-cta) ::slotted(dds-card-cta-image),\n  :host(dds-link-list-item-card-cta) .bx--card__img,\n  :host(dds-link-list-item-card-cta) .bx--card__image_img,\n  :host(dds-link-list-item-card-cta) .bx--image,\n  :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail,\n  :host(dds-card-in-card) ::slotted(dds-image),\n  :host(dds-card-in-card) ::slotted(dds-card-cta-image),\n  :host(dds-card-in-card) .bx--card__img,\n  :host(dds-card-in-card) .bx--card__image_img,\n  :host(dds-card-in-card) .bx--image,\n  :host(dds-card-in-card) .bx--card__video-thumbnail,\n  :host(dds-content-group-cards-item) ::slotted(dds-image),\n  :host(dds-content-group-cards-item) ::slotted(dds-card-cta-image),\n  :host(dds-content-group-cards-item) .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card__image_img,\n  :host(dds-content-group-cards-item) .bx--image,\n  :host(dds-content-group-cards-item) .bx--card__video-thumbnail,\n  :host(dds-content-group-cards-item) .bx--card ::slotted(dds-image),\n  :host(dds-content-group-cards-item) .bx--card ::slotted(dds-card-cta-image),\n  :host(dds-content-group-cards-item) .bx--card .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__image_img,\n  :host(dds-content-group-cards-item) .bx--card .bx--image,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail {\n    position: relative; }\n    .bx--card ::slotted(dds-image)::before,\n    .bx--card ::slotted(dds-card-cta-image)::before,\n    .bx--card .bx--card__img::before,\n    .bx--card .bx--card__image_img::before,\n    .bx--card .bx--image::before,\n    .bx--card .bx--card__video-thumbnail::before,\n    :host(dds-card) ::slotted(dds-image)::before,\n    :host(dds-card) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card) .bx--card__img::before,\n    :host(dds-card) .bx--card__image_img::before,\n    :host(dds-card) .bx--image::before,\n    :host(dds-card) .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card) ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card) ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card) .bx--card__img::before,\n    :host(dds-link-list-item-card) .bx--card__image_img::before,\n    :host(dds-link-list-item-card) .bx--image::before,\n    :host(dds-link-list-item-card) .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item) ::slotted(dds-image)::before,\n    :host(dds-card-group-item) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item) .bx--card__img::before,\n    :host(dds-card-group-item) .bx--card__image_img::before,\n    :host(dds-card-group-item) .bx--image::before,\n    :host(dds-card-group-item) .bx--card__video-thumbnail::before,\n    :host(dds-card-group-item) .bx--card ::slotted(dds-image)::before,\n    :host(dds-card-group-item) .bx--card ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-group-item) .bx--card .bx--card__img::before,\n    :host(dds-card-group-item) .bx--card .bx--card__image_img::before,\n    :host(dds-card-group-item) .bx--card .bx--image::before,\n    :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail::before,\n    :host(dds-card-cta) ::slotted(dds-image)::before,\n    :host(dds-card-cta) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-cta) .bx--card__img::before,\n    :host(dds-card-cta) .bx--card__image_img::before,\n    :host(dds-card-cta) .bx--image::before,\n    :host(dds-card-cta) .bx--card__video-thumbnail::before,\n    :host(dds-link-list-item-card-cta) ::slotted(dds-image)::before,\n    :host(dds-link-list-item-card-cta) ::slotted(dds-card-cta-image)::before,\n    :host(dds-link-list-item-card-cta) .bx--card__img::before,\n    :host(dds-link-list-item-card-cta) .bx--card__image_img::before,\n    :host(dds-link-list-item-card-cta) .bx--image::before,\n    :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail::before,\n    :host(dds-card-in-card) ::slotted(dds-image)::before,\n    :host(dds-card-in-card) ::slotted(dds-card-cta-image)::before,\n    :host(dds-card-in-card) .bx--card__img::before,\n    :host(dds-card-in-card) .bx--card__image_img::before,\n    :host(dds-card-in-card) .bx--image::before,\n    :host(dds-card-in-card) .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item) ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item) ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item) .bx--card__img::before,\n    :host(dds-content-group-cards-item) .bx--card__image_img::before,\n    :host(dds-content-group-cards-item) .bx--image::before,\n    :host(dds-content-group-cards-item) .bx--card__video-thumbnail::before,\n    :host(dds-content-group-cards-item) .bx--card ::slotted(dds-image)::before,\n    :host(dds-content-group-cards-item) .bx--card ::slotted(dds-card-cta-image)::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__img::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__image_img::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--image::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: var(--cds-ui-05, #161616);\n      opacity: 0;\n      transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card .bx--card__video-thumbnail svg circle,\n  .bx--card .bx--card__video-thumbnail svg path,\n  :host(dds-card) .bx--card__video-thumbnail svg circle,\n  :host(dds-card) .bx--card__video-thumbnail svg path,\n  :host(dds-link-list-item-card) .bx--card__video-thumbnail svg circle,\n  :host(dds-link-list-item-card) .bx--card__video-thumbnail svg path,\n  :host(dds-card-group-item) .bx--card__video-thumbnail svg circle,\n  :host(dds-card-group-item) .bx--card__video-thumbnail svg path,\n  :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail svg circle,\n  :host(dds-card-group-item) .bx--card .bx--card__video-thumbnail svg path,\n  :host(dds-card-cta) .bx--card__video-thumbnail svg circle,\n  :host(dds-card-cta) .bx--card__video-thumbnail svg path,\n  :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail svg circle,\n  :host(dds-link-list-item-card-cta) .bx--card__video-thumbnail svg path,\n  :host(dds-card-in-card) .bx--card__video-thumbnail svg circle,\n  :host(dds-card-in-card) .bx--card__video-thumbnail svg path,\n  :host(dds-content-group-cards-item) .bx--card__video-thumbnail svg circle,\n  :host(dds-content-group-cards-item) .bx--card__video-thumbnail svg path,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail svg circle,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__video-thumbnail svg path {\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card .bx--card.bx--tile,\n  :host(dds-card) .bx--card.bx--tile,\n  :host(dds-link-list-item-card) .bx--card.bx--tile,\n  :host(dds-card-group-item) .bx--card.bx--tile,\n  :host(dds-card-group-item) .bx--card .bx--card.bx--tile,\n  :host(dds-card-cta) .bx--card.bx--tile,\n  :host(dds-link-list-item-card-cta) .bx--card.bx--tile,\n  :host(dds-card-in-card) .bx--card.bx--tile,\n  :host(dds-content-group-cards-item) .bx--card.bx--tile,\n  :host(dds-content-group-cards-item) .bx--card .bx--card.bx--tile {\n    padding: 0;\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card .bx--card__wrapper,\n  :host(dds-card) .bx--card__wrapper,\n  :host(dds-link-list-item-card) .bx--card__wrapper,\n  :host(dds-card-group-item) .bx--card__wrapper,\n  :host(dds-card-group-item) .bx--card .bx--card__wrapper,\n  :host(dds-card-cta) .bx--card__wrapper,\n  :host(dds-link-list-item-card-cta) .bx--card__wrapper,\n  :host(dds-card-in-card) .bx--card__wrapper,\n  :host(dds-content-group-cards-item) .bx--card__wrapper,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__wrapper {\n    display: flex;\n    flex: 1;\n    min-height: 10rem;\n    justify-content: space-between;\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n    display: flex; }\n    .bx--card .bx--card__wrapper::before,\n    :host(dds-card) .bx--card__wrapper::before,\n    :host(dds-link-list-item-card) .bx--card__wrapper::before,\n    :host(dds-card-group-item) .bx--card__wrapper::before,\n    :host(dds-card-group-item) .bx--card .bx--card__wrapper::before,\n    :host(dds-card-cta) .bx--card__wrapper::before,\n    :host(dds-link-list-item-card-cta) .bx--card__wrapper::before,\n    :host(dds-card-in-card) .bx--card__wrapper::before,\n    :host(dds-content-group-cards-item) .bx--card__wrapper::before,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__wrapper::before {\n      content: '';\n      width: 1px;\n      margin-left: -1px;\n      float: left;\n      height: 0;\n      padding-top: 50%; }\n    .bx--card .bx--card__wrapper::after,\n    :host(dds-card) .bx--card__wrapper::after,\n    :host(dds-link-list-item-card) .bx--card__wrapper::after,\n    :host(dds-card-group-item) .bx--card__wrapper::after,\n    :host(dds-card-group-item) .bx--card .bx--card__wrapper::after,\n    :host(dds-card-cta) .bx--card__wrapper::after,\n    :host(dds-link-list-item-card-cta) .bx--card__wrapper::after,\n    :host(dds-card-in-card) .bx--card__wrapper::after,\n    :host(dds-content-group-cards-item) .bx--card__wrapper::after,\n    :host(dds-content-group-cards-item) .bx--card .bx--card__wrapper::after {\n      content: '';\n      display: table;\n      clear: both; }\n  .bx--card .bx--card__content,\n  :host(dds-card) .bx--card__content,\n  :host(dds-link-list-item-card) .bx--card__content,\n  :host(dds-card-group-item) .bx--card__content,\n  :host(dds-card-group-item) .bx--card .bx--card__content,\n  :host(dds-card-cta) .bx--card__content,\n  :host(dds-link-list-item-card-cta) .bx--card__content,\n  :host(dds-card-in-card) .bx--card__content,\n  :host(dds-content-group-cards-item) .bx--card__content,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__content {\n    display: flex;\n    flex-direction: column;\n    padding: 1rem;\n    width: 100%; }\n  .bx--card .bx--card__heading,\n  :host(dds-card) .bx--card__heading,\n  :host(dds-link-list-item-card) .bx--card__heading,\n  :host(dds-card-group-item) .bx--card__heading,\n  :host(dds-card-group-item) .bx--card .bx--card__heading,\n  :host(dds-card-cta) .bx--card__heading,\n  :host(dds-link-list-item-card-cta) .bx--card__heading,\n  :host(dds-card-in-card) .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__heading {\n    font-size: 1.25rem;\n    font-weight: 400;\n    line-height: 1.4;\n    letter-spacing: 0;\n    font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62));\n    margin-bottom: 4rem; }\n    @media (min-width: 82rem) {\n      .bx--card .bx--card__heading,\n      :host(dds-card) .bx--card__heading,\n      :host(dds-link-list-item-card) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card .bx--card__heading,\n      :host(dds-card-cta) .bx--card__heading,\n      :host(dds-link-list-item-card-cta) .bx--card__heading,\n      :host(dds-card-in-card) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__heading {\n        font-size: 1.25rem;\n        line-height: 1.4;\n        font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); } }\n    @media (min-width: 99rem) {\n      .bx--card .bx--card__heading,\n      :host(dds-card) .bx--card__heading,\n      :host(dds-link-list-item-card) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card .bx--card__heading,\n      :host(dds-card-cta) .bx--card__heading,\n      :host(dds-link-list-item-card-cta) .bx--card__heading,\n      :host(dds-card-in-card) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__heading {\n        font-size: 1.5rem;\n        line-height: 1.334;\n        font-size: 1.5rem; } }\n  .bx--card .bx--card__heading,\n  .bx--card .bx--card__copy,\n  :host(dds-card) .bx--card__heading,\n  :host(dds-card) .bx--card__copy,\n  :host(dds-link-list-item-card) .bx--card__heading,\n  :host(dds-link-list-item-card) .bx--card__copy,\n  :host(dds-card-group-item) .bx--card__heading,\n  :host(dds-card-group-item) .bx--card__copy,\n  :host(dds-card-group-item) .bx--card .bx--card__heading,\n  :host(dds-card-group-item) .bx--card .bx--card__copy,\n  :host(dds-card-cta) .bx--card__heading,\n  :host(dds-card-cta) .bx--card__copy,\n  :host(dds-link-list-item-card-cta) .bx--card__heading,\n  :host(dds-link-list-item-card-cta) .bx--card__copy,\n  :host(dds-card-in-card) .bx--card__heading,\n  :host(dds-card-in-card) .bx--card__copy,\n  :host(dds-content-group-cards-item) .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card__copy,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__heading,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__copy {\n    width: 90%;\n    max-width: 40rem;\n    color: var(--cds-text-01, #161616); }\n    @media (min-width: 42rem) {\n      .bx--card .bx--card__heading,\n      .bx--card .bx--card__copy,\n      :host(dds-card) .bx--card__heading,\n      :host(dds-card) .bx--card__copy,\n      :host(dds-link-list-item-card) .bx--card__heading,\n      :host(dds-link-list-item-card) .bx--card__copy,\n      :host(dds-card-group-item) .bx--card__heading,\n      :host(dds-card-group-item) .bx--card__copy,\n      :host(dds-card-group-item) .bx--card .bx--card__heading,\n      :host(dds-card-group-item) .bx--card .bx--card__copy,\n      :host(dds-card-cta) .bx--card__heading,\n      :host(dds-card-cta) .bx--card__copy,\n      :host(dds-link-list-item-card-cta) .bx--card__heading,\n      :host(dds-link-list-item-card-cta) .bx--card__copy,\n      :host(dds-card-in-card) .bx--card__heading,\n      :host(dds-card-in-card) .bx--card__copy,\n      :host(dds-content-group-cards-item) .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card__copy,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__heading,\n      :host(dds-content-group-cards-item) .bx--card .bx--card__copy {\n        width: calc(100% - var(--cds-layout-03, 2rem)); } }\n  .bx--card .bx--card__copy:not([hidden]),\n  :host(dds-card) .bx--card__copy:not([hidden]),\n  :host(dds-link-list-item-card) .bx--card__copy:not([hidden]),\n  :host(dds-card-group-item) .bx--card__copy:not([hidden]),\n  :host(dds-card-group-item) .bx--card .bx--card__copy:not([hidden]),\n  :host(dds-card-cta) .bx--card__copy:not([hidden]),\n  :host(dds-link-list-item-card-cta) .bx--card__copy:not([hidden]),\n  :host(dds-card-in-card) .bx--card__copy:not([hidden]),\n  :host(dds-content-group-cards-item) .bx--card__copy:not([hidden]),\n  :host(dds-content-group-cards-item) .bx--card .bx--card__copy:not([hidden]) {\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0);\n    margin-bottom: 2rem; }\n  .bx--card .bx--card__img,\n  :host(dds-card) .bx--card__img,\n  :host(dds-link-list-item-card) .bx--card__img,\n  :host(dds-card-group-item) .bx--card__img,\n  :host(dds-card-group-item) .bx--card .bx--card__img,\n  :host(dds-card-cta) .bx--card__img,\n  :host(dds-link-list-item-card-cta) .bx--card__img,\n  :host(dds-card-in-card) .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card__img,\n  :host(dds-content-group-cards-item) .bx--card .bx--card__img {\n    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  .bx--card dds-tag-group,\n  :host(dds-card) dds-tag-group,\n  :host(dds-link-list-item-card) dds-tag-group,\n  :host(dds-card-group-item) dds-tag-group,\n  :host(dds-card-group-item) .bx--card dds-tag-group,\n  :host(dds-card-cta) dds-tag-group,\n  :host(dds-link-list-item-card-cta) dds-tag-group,\n  :host(dds-card-in-card) dds-tag-group,\n  :host(dds-content-group-cards-item) dds-tag-group,\n  :host(dds-content-group-cards-item) .bx--card dds-tag-group {\n    margin-top: var(--cds-spacing-05, 1rem); }\n\n.bx--card.bx--card--light {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n.bx--card.bx--card--static {\n  outline: none; }\n  .bx--card.bx--card--static:hover .bx--card__wrapper {\n    background-color: var(--cds-ui-02, #ffffff); }\n  .bx--card.bx--card--static .bx--card__footer {\n    align-self: flex-start; }\n    .bx--card.bx--card--static .bx--card__footer:hover {\n      text-decoration: underline; }\n      .bx--card.bx--card--static .bx--card__footer:hover svg,\n      .bx--card.bx--card--static .bx--card__footer:hover .bx--card__cta__copy {\n        color: var(--cds-hover-primary-text, #0043ce); }\n    .bx--card.bx--card--static .bx--card__footer:active, .bx--card.bx--card--static .bx--card__footer:focus {\n      align-self: flex-start;\n      outline: 1px solid var(--cds-focus, #0f62fe); }\n    .bx--card.bx--card--static .bx--card__footer::after {\n      position: relative; }\n\n.bx--card--border {\n  border: 1px solid var(--cds-ui-03, #e0e0e0); }\n\n.bx--card__CTA.bx--card__CardCTA .bx--card__heading {\n  font-size: 1.25rem;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: 0;\n  font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62)); }\n  @media (min-width: 82rem) {\n    .bx--card__CTA.bx--card__CardCTA .bx--card__heading {\n      font-size: 1.25rem;\n      line-height: 1.4;\n      font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); } }\n  @media (min-width: 99rem) {\n    .bx--card__CTA.bx--card__CardCTA .bx--card__heading {\n      font-size: 1.5rem;\n      line-height: 1.334;\n      font-size: 1.5rem; } }\n\n:host(dds-card)[border] .bx--card {\n  border: 1px solid var(--cds-ui-03, #e0e0e0); }\n\n:host(dds-card):not([href]) .bx--card__wrapper, :host(dds-card):not([href]):hover .bx--card__wrapper,\n:host(dds-card-group-item):not([href]) .bx--card__wrapper,\n:host(dds-card-group-item):not([href]):hover .bx--card__wrapper {\n  background-color: var(--cds-ui-01, #f4f4f4); }\n\n:host(dds-card):not([href]):focus-within,\n:host(dds-card):not([href]) .bx--card:focus-within,\n:host(dds-card-group-item):not([href]):focus-within,\n:host(dds-card-group-item):not([href]) .bx--card:focus-within {\n  outline: none; }\n\n:host(dds-card):not([href]) ::slotted(dds-card-footer),\n:host(dds-card-group-item):not([href]) ::slotted(dds-card-footer) {\n  display: inline-flex; }\n  :host(dds-card):not([href]) ::slotted(dds-card-footer)::after,\n  :host(dds-card-group-item):not([href]) ::slotted(dds-card-footer)::after {\n    position: relative; }\n\n:host(dds-card)[color-scheme='light'] .bx--card__wrapper, :host(dds-card)[color-scheme='light']:hover .bx--card__wrapper,\n:host(dds-card-group-item)[color-scheme='light'] .bx--card__wrapper,\n:host(dds-card-group-item)[color-scheme='light']:hover .bx--card__wrapper {\n  background-color: var(--cds-ui-02, #ffffff);\n  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n:host(dds-card)[color-scheme='light'][href] :hover .bx--card__wrapper,\n:host(dds-card-group-item)[color-scheme='light'][href] :hover .bx--card__wrapper {\n  background-color: var(--cds-hover-ui, #e5e5e5); }\n\n:host(dds-card)[color-scheme='light'][href]:active,\n:host(dds-card)[color-scheme='light'][href] a:active,\n:host(dds-card-group-item)[color-scheme='light'][href]:active,\n:host(dds-card-group-item)[color-scheme='light'][href] a:active {\n  outline: none; }\n\n:host(dds-card)[logo] .bx--card,\n:host(dds-card-group-item)[logo] .bx--card {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n:host(dds-card)[logo] .bx--card__copy,\n:host(dds-card-group-item)[logo] .bx--card__copy {\n  margin-bottom: var(--cds-spacing-05, 1rem); }\n\n:host(dds-card)[logo]:hover,\n:host(dds-card-group-item)[logo]:hover {\n  border-color: var(--cds-ui-04, #8d8d8d); }\n  :host(dds-card)[logo]:hover .bx--card__wrapper,\n  :host(dds-card-group-item)[logo]:hover .bx--card__wrapper {\n    background-color: var(--cds-ui-02, #ffffff); }\n\n:host(dds-card)[logo]:active,\n:host(dds-card-group-item)[logo]:active {\n  border-color: var(--cds-ui-05, #161616); }\n\n:host(dds-card)[logo] ::slotted(dds-card-footer),\n:host(dds-card-group-item)[logo] ::slotted(dds-card-footer) {\n  height: 0; }\n\n:host(dds-card)[href][logo]:hover .bx--card__wrapper,\n:host(dds-card-group-item)[href][logo]:hover .bx--card__wrapper {\n  background-color: var(--cds-ui-02, #ffffff); }\n\n:host(dds-card-cta),\n:host(dds-card-link-cta),\n:host(dds-card-link) {\n  outline: none; }\n\n:host(dds-card-eyebrow),\n.bx--card__eyebrow {\n  width: 90%;\n  max-width: 40rem;\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  margin-bottom: 0.5rem;\n  color: var(--cds-text-02, #525252); }\n  @media (min-width: 42rem) {\n    :host(dds-card-eyebrow),\n    .bx--card__eyebrow {\n      width: calc(100% - var(--cds-layout-03, 2rem)); } }\n\n.bx--card .bx--card__cta,\n.bx--card .bx--card__cta a,\n.bx--card .bx--card__cta a:visited,\n:host(dds-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n:host(dds-card-cta-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']) {\n  margin-left: 0;\n  color: var(--cds-link-01, #0f62fe); }\n\n:host(dds-card-footer[disabled]) .dds-ce--card__footer ::slotted(svg[slot='icon']) {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-footer),\n:host(dds-card-cta-footer),\n:host(dds-card-in-card-footer),\n:host(dds-feature-card-footer),\n:host(dds-feature-cta-footer) {\n  margin-top: auto;\n  display: flex;\n  align-items: flex-end; }\n  :host(dds-card-footer):focus-visible,\n  :host(dds-card-cta-footer):focus-visible,\n  :host(dds-card-in-card-footer):focus-visible,\n  :host(dds-feature-card-footer):focus-visible,\n  :host(dds-feature-cta-footer):focus-visible {\n    outline: none; }\n\n\n:host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon,\n:host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) {\n  display: flex; }\n  \n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-footer) .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n    display: block; }\n\n.bx--card .bx--card__footer,\n:host(dds-card-footer) a,\n:host(dds-card-cta-footer) a,\n:host(dds-card-in-card-footer) a,\n:host(dds-feature-card-footer) a,\n:host(dds-feature-cta-footer) a {\n  /* Moves the footer down to the bottom in the card */\n  margin-top: auto;\n  text-decoration: none; }\n  .bx--card .bx--card__footer:focus,\n  :host(dds-card-footer) a:focus,\n  :host(dds-card-cta-footer) a:focus,\n  :host(dds-card-in-card-footer) a:focus,\n  :host(dds-feature-card-footer) a:focus,\n  :host(dds-feature-cta-footer) a:focus {\n    outline: none; }\n  .bx--card .bx--card__footer:hover,\n  :host(dds-card-footer) a:hover,\n  :host(dds-card-cta-footer) a:hover,\n  :host(dds-card-in-card-footer) a:hover,\n  :host(dds-feature-card-footer) a:hover,\n  :host(dds-feature-cta-footer) a:hover {\n    text-decoration: none; }\n  .bx--card .bx--card__footer span,\n  :host(dds-card-footer) a span,\n  :host(dds-card-cta-footer) a span,\n  :host(dds-card-in-card-footer) a span,\n  :host(dds-feature-card-footer) a span,\n  :host(dds-feature-cta-footer) a span {\n    flex: none; }\n  .bx--card .bx--card__footer::after,\n  :host(dds-card-footer) a::after,\n  :host(dds-card-cta-footer) a::after,\n  :host(dds-card-in-card-footer) a::after,\n  :host(dds-feature-card-footer) a::after,\n  :host(dds-feature-cta-footer) a::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0; }\n  .bx--card .bx--card__footer .bx--card__cta__copy,\n  :host(dds-card-footer) a .bx--card__cta__copy,\n  :host(dds-card-cta-footer) a .bx--card__cta__copy,\n  :host(dds-card-in-card-footer) a .bx--card__cta__copy,\n  :host(dds-feature-card-footer) a .bx--card__cta__copy,\n  :host(dds-feature-cta-footer) a .bx--card__cta__copy {\n    max-width: calc(100% - 20px - 0.5rem);\n    margin-right: 0.5rem;\n    color: var(--cds-link-01, #0f62fe);\n    font-size: var(--cds-body-short-02-font-size, 1rem);\n    font-weight: var(--cds-body-short-02-font-weight, 400);\n    line-height: var(--cds-body-short-02-line-height, 1.375);\n    letter-spacing: var(--cds-body-short-02-letter-spacing, 0); }\n  .bx--card .bx--card__footer .bx--card__footer__copy,\n  :host(dds-card-footer) a .bx--card__footer__copy,\n  :host(dds-card-cta-footer) a .bx--card__footer__copy,\n  :host(dds-card-in-card-footer) a .bx--card__footer__copy,\n  :host(dds-feature-card-footer) a .bx--card__footer__copy,\n  :host(dds-feature-cta-footer) a .bx--card__footer__copy {\n    max-width: calc(100% - 20px);\n    margin-bottom: -0.125rem; }\n  .bx--card .bx--card__footer svg,\n  .bx--card .bx--card__footer ::slotted(svg[slot='icon']),\n  :host(dds-card-footer) a svg,\n  :host(dds-card-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer) a svg,\n  :host(dds-card-cta-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-card-in-card-footer) a svg,\n  :host(dds-card-in-card-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-feature-card-footer) a svg,\n  :host(dds-feature-card-footer) a ::slotted(svg[slot='icon']),\n  :host(dds-feature-cta-footer) a svg,\n  :host(dds-feature-cta-footer) a ::slotted(svg[slot='icon']) {\n    display: block;\n    min-width: 20px;\n    margin-left: 0; }\n\n@media (min-width: 42rem) {\n  :host(dds-card-footer) a,\n  :host(dds-card-cta-footer) a,\n  :host(dds-card-in-card-footer) a {\n    padding-right: 2rem; } }\n\n:host(dds-feature-cta-footer) a svg,\n:host(dds-feature-cta-footer) a ::slotted(svg[slot='icon']) {\n  fill: var(--cds-inverse-link, #78a9ff); }\n  @media (min-width: 99rem) {\n    :host(dds-feature-cta-footer) a svg,\n    :host(dds-feature-cta-footer) a ::slotted(svg[slot='icon']) {\n      width: 2rem;\n      height: 2rem; } }\n\n:host(dds-card-footer):not([parent-href]) .bx--card__footer::after {\n  content: none; }\n\n:host(dds-card-footer):not([parent-href]) .bx--card__footer:focus {\n  outline: 2px solid var(--cds-focus, #0f62fe); }\n\n.bx--card__footer__icon-left svg.bx--card__cta,\n.bx--card__footer__icon-left ::slotted(svg[slot='icon']) {\n  margin-right: 0.5rem; }\n\n.bx--card__footer__icon-left .bx--card__cta__copy {\n  margin-right: 0; }\n\n.bx--card .bx--card__footer,\n.dds-ce--card__footer {\n  display: flex; }\n\n.bx--card .bx--card__footer svg,\n.dds-ce--card__footer ::slotted(svg[slot='icon']) {\n  fill: currentColor;\n  align-self: center; }\n\n.bx--card--inverse,\n.bx--card.bx--card--inverse,\n:host(dds-card)[color-scheme='inverse'],\n:host(dds-card-group-item)[color-scheme='inverse'] .bx--card {\n  background-color: var(--cds-inverse-02, #393939); }\n  .bx--card--inverse .bx--card__wrapper:hover,\n  .bx--card.bx--card--inverse .bx--card__wrapper:hover,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__wrapper:hover,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__wrapper:hover {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n  .bx--card--inverse .bx--card__heading,\n  .bx--card--inverse .bx--card__copy,\n  .bx--card.bx--card--inverse .bx--card__heading,\n  .bx--card.bx--card--inverse .bx--card__copy,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__heading,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__copy,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__heading,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__copy {\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--card--inverse .bx--card__eyebrow,\n  .bx--card.bx--card--inverse .bx--card__eyebrow,\n  :host(dds-card)[color-scheme='inverse'] .bx--card__eyebrow,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card .bx--card__eyebrow {\n    color: var(--cds-text-03, #a8a8a8); }\n  .bx--card--inverse:hover,\n  .bx--card.bx--card--inverse:hover,\n  :host(dds-card)[color-scheme='inverse']:hover,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n    .bx--card--inverse:hover ::slotted(dds-image),\n    .bx--card--inverse:hover ::slotted(dds-card-cta-image),\n    .bx--card--inverse:hover .bx--card__img,\n    .bx--card--inverse:hover .bx--card__image_img,\n    .bx--card--inverse:hover .bx--image,\n    .bx--card.bx--card--inverse:hover ::slotted(dds-image),\n    .bx--card.bx--card--inverse:hover ::slotted(dds-card-cta-image),\n    .bx--card.bx--card--inverse:hover .bx--card__img,\n    .bx--card.bx--card--inverse:hover .bx--card__image_img,\n    .bx--card.bx--card--inverse:hover .bx--image,\n    :host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-image),\n    :host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n    :host(dds-card)[color-scheme='inverse']:hover .bx--card__img,\n    :host(dds-card)[color-scheme='inverse']:hover .bx--card__image_img,\n    :host(dds-card)[color-scheme='inverse']:hover .bx--image,\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover ::slotted(dds-image),\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover .bx--card__img,\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover .bx--card__image_img,\n    :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:hover .bx--image {\n      filter: brightness(108%); }\n  .bx--card--inverse:focus-within::after,\n  .bx--card.bx--card--inverse:focus-within::after,\n  :host(dds-card)[color-scheme='inverse']:focus-within::after,\n  :host(dds-card-group-item)[color-scheme='inverse'] .bx--card:focus-within::after {\n    content: '';\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    border: 2px solid var(--cds-focus, #0f62fe);\n    outline: 1px solid var(--cds-inverse-focus-ui, #ffffff);\n    outline-offset: -3px;\n    pointer-events: none; }\n\n:host(dds-card-heading),\n:host(dds-card-link-heading) {\n  width: 90%;\n  max-width: 40rem;\n  color: var(--cds-text-01, #161616);\n  margin-bottom: 4rem; }\n  @media (min-width: 42rem) {\n    :host(dds-card-heading),\n    :host(dds-card-link-heading) {\n      width: calc(100% - var(--cds-layout-03, 2rem)); } }\n\n:host(dds-card-heading) {\n  font-size: 1.25rem;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: 0;\n  font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62)); }\n  @media (min-width: 82rem) {\n    :host(dds-card-heading) {\n      font-size: 1.25rem;\n      line-height: 1.4;\n      font-size: calc(1.25rem + 0.25 * ((100vw - 82rem) / 17)); } }\n  @media (min-width: 99rem) {\n    :host(dds-card-heading) {\n      font-size: 1.5rem;\n      line-height: 1.334;\n      font-size: 1.5rem; } }\n\n:host(dds-card-link-heading) {\n  font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n  line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0);\n  margin-bottom: 0; }\n\n:host(dds-card)[color-scheme='inverse'] ::slotted(dds-card-eyebrow),\n:host(dds-card-group-item)[color-scheme='inverse'] ::slotted(dds-card-eyebrow),\n:host(dds-feature-section-card-link)[color-scheme='inverse'] ::slotted(dds-card-eyebrow),\n.bx--card-group__card ::slotted(dds-card-eyebrow) {\n  color: var(--cds-text-03, #a8a8a8); }\n\n:host(dds-card)[color-scheme='inverse'] ::slotted(dds-card-heading),\n:host(dds-card)[color-scheme='inverse'] ::slotted(dds-card-link-heading),\n:host(dds-card-group-item)[color-scheme='inverse'] ::slotted(dds-card-heading),\n:host(dds-card-group-item)[color-scheme='inverse'] ::slotted(dds-card-link-heading),\n:host(dds-feature-section-card-link)[color-scheme='inverse'] ::slotted(dds-card-heading),\n:host(dds-feature-section-card-link)[color-scheme='inverse'] ::slotted(dds-card-link-heading),\n.bx--card-group__card ::slotted(dds-card-heading),\n.bx--card-group__card ::slotted(dds-card-link-heading) {\n  color: var(--cds-inverse-01, #ffffff); }\n\n:host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-image),\n:host(dds-card)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n:host(dds-card)[color-scheme='inverse']:hover .bx--card__img,\n:host(dds-card)[color-scheme='inverse']:hover .bx--card__image_img,\n:host(dds-card)[color-scheme='inverse']:hover .bx--image,\n:host(dds-card-group-item)[color-scheme='inverse']:hover ::slotted(dds-image),\n:host(dds-card-group-item)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n:host(dds-card-group-item)[color-scheme='inverse']:hover .bx--card__img,\n:host(dds-card-group-item)[color-scheme='inverse']:hover .bx--card__image_img,\n:host(dds-card-group-item)[color-scheme='inverse']:hover .bx--image,\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover ::slotted(dds-image),\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover ::slotted(dds-card-cta-image),\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover .bx--card__img,\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover .bx--card__image_img,\n:host(dds-feature-section-card-link)[color-scheme='inverse']:hover .bx--image,\n.bx--card-group__card:hover ::slotted(dds-image),\n.bx--card-group__card:hover ::slotted(dds-card-cta-image),\n.bx--card-group__card:hover .bx--card__img,\n.bx--card-group__card:hover .bx--card__image_img,\n.bx--card-group__card:hover .bx--image {\n  filter: brightness(108%); }\n\n.bx--card--inverse .bx--card__cta,\n.bx--card--inverse .bx--card__cta a,\n.bx--card--inverse .bx--card__cta a:visited,\n.bx--card--inverse .bx--card__footer .bx--card__cta__copy,\n:host(dds-card-cta-footer[color-scheme='inverse']) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n:host(dds-card-cta-footer[color-scheme='inverse']) .bx--card__cta__copy,\n:host(dds-card-footer[color-scheme='inverse']) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n:host(dds-card-footer[color-scheme='inverse']) .bx--card__cta__copy {\n  color: var(--cds-inverse-link, #78a9ff); }\n\n@media print {\n  :host(dds-card),\n  :host(dds-link-list-item-card),\n  :host(dds-card-group-item),\n  :host(dds-card-cta),\n  :host(dds-link-list-item-card-cta),\n  :host(dds-card-in-card),\n  :host(dds-content-group-cards-item) {\n    border: 1px solid var(--cds-ui-03, #e0e0e0); }\n    :host(dds-card) .bx--card,\n    :host(dds-link-list-item-card) .bx--card,\n    :host(dds-card-group-item) .bx--card,\n    :host(dds-card-cta) .bx--card,\n    :host(dds-link-list-item-card-cta) .bx--card,\n    :host(dds-card-in-card) .bx--card,\n    :host(dds-content-group-cards-item) .bx--card {\n      background-color: var(--cds-ui-02, #ffffff);\n      border: none; }\n    :host(dds-card) ::slotted(dds-image),\n    :host(dds-card) ::slotted(dds-card-cta-image),\n    :host(dds-card) ::slotted(dds-tag-group),\n    :host(dds-card) .bx--image,\n    :host(dds-link-list-item-card) ::slotted(dds-image),\n    :host(dds-link-list-item-card) ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card) ::slotted(dds-tag-group),\n    :host(dds-link-list-item-card) .bx--image,\n    :host(dds-card-group-item) ::slotted(dds-image),\n    :host(dds-card-group-item) ::slotted(dds-card-cta-image),\n    :host(dds-card-group-item) ::slotted(dds-tag-group),\n    :host(dds-card-group-item) .bx--image,\n    :host(dds-card-cta) ::slotted(dds-image),\n    :host(dds-card-cta) ::slotted(dds-card-cta-image),\n    :host(dds-card-cta) ::slotted(dds-tag-group),\n    :host(dds-card-cta) .bx--image,\n    :host(dds-link-list-item-card-cta) ::slotted(dds-image),\n    :host(dds-link-list-item-card-cta) ::slotted(dds-card-cta-image),\n    :host(dds-link-list-item-card-cta) ::slotted(dds-tag-group),\n    :host(dds-link-list-item-card-cta) .bx--image,\n    :host(dds-card-in-card) ::slotted(dds-image),\n    :host(dds-card-in-card) ::slotted(dds-card-cta-image),\n    :host(dds-card-in-card) ::slotted(dds-tag-group),\n    :host(dds-card-in-card) .bx--image,\n    :host(dds-content-group-cards-item) ::slotted(dds-image),\n    :host(dds-content-group-cards-item) ::slotted(dds-card-cta-image),\n    :host(dds-content-group-cards-item) ::slotted(dds-tag-group),\n    :host(dds-content-group-cards-item) .bx--image {\n      display: none; }\n  .bx--card {\n    background-color: var(--cds-ui-02, #ffffff);\n    border: 1px solid var(--cds-ui-03, #e0e0e0); }\n    .bx--card .bx--card__img,\n    .bx--card .bx--card__image_img,\n    .bx--card .bx--image,\n    .bx--card .bx--card__video-thumbnail {\n      display: none; } }\n\n:host(dds-card-group-item),\n:host(dds-card-in-card),\n:host(dds-card-cta),\n:host(dds-card) {\n  outline: none; }\n  :host(dds-card-group-item) .bx--card__pictogram,\n  :host(dds-card-in-card) .bx--card__pictogram,\n  :host(dds-card-cta) .bx--card__pictogram,\n  :host(dds-card) .bx--card__pictogram {\n    display: flex; }\n    :host(dds-card-group-item) .bx--card__pictogram ::slotted(dds-card-heading),\n    :host(dds-card-in-card) .bx--card__pictogram ::slotted(dds-card-heading),\n    :host(dds-card-cta) .bx--card__pictogram ::slotted(dds-card-heading),\n    :host(dds-card) .bx--card__pictogram ::slotted(dds-card-heading) {\n      padding-top: 2rem;\n      margin-bottom: 0; }\n      @media (min-width: 42rem) {\n        :host(dds-card-group-item) .bx--card__pictogram ::slotted(dds-card-heading),\n        :host(dds-card-in-card) .bx--card__pictogram ::slotted(dds-card-heading),\n        :host(dds-card-cta) .bx--card__pictogram ::slotted(dds-card-heading),\n        :host(dds-card) .bx--card__pictogram ::slotted(dds-card-heading) {\n          padding-left: 0;\n          flex: 1;\n          display: flex; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n    padding-top: 0; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n        /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n        overflow: hidden;\n        max-width: calc(100% - 4rem);\n        opacity: 1;\n        transform: translate3d(0, 0, 0);\n        transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0.25s; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n    margin-left: 0; }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__content,\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__content {\n    position: relative; }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n    margin-top: 2rem;\n    margin-bottom: 0; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n        margin-top: 0;\n        visibility: hidden;\n        opacity: 0;\n        transform: translate3d(0, -16px, 0);\n        transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9); } }\n  @media (min-width: 42rem) {\n    :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading), :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion ::slotted(dds-card-heading),\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion ::slotted(dds-card-heading) {\n      opacity: 0;\n      transform: translate3d(0, 16px, 0);\n      transition-delay: 0s; } }\n  @media (min-width: 42rem) {\n    :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy, :host(dds-card-group-item)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='top'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='top'] .bx--card:focus .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:hover .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='bottom'] .bx--card:focus .bx--card__motion .bx--card__copy {\n      display: block;\n      overflow: hidden;\n      visibility: visible;\n      opacity: 1;\n      transform: translate3d(0, 0, 0);\n      transition-delay: 0.2s; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n    align-items: flex-end;\n    margin-bottom: 0;\n    margin-top: auto; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n        position: absolute;\n        bottom: 1rem; } }\n  @media (min-width: 42rem) {\n    :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n    :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n    :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy,\n    :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion .bx--card__copy {\n      margin-top: auto; } }\n  :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n    margin-bottom: 4rem; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n      :host(dds-card-in-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n      :host(dds-card-cta)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n      :host(dds-card)[pictogram-placement='top'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n        margin-bottom: 2rem; } }\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n    align-items: flex-start; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading),\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(dds-card-heading) {\n        position: absolute;\n        top: 1rem; } }\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n    margin-bottom: 4rem; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy,\n      :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion .bx--card__copy {\n        margin-bottom: 2rem; } }\n  :host(dds-card-group-item)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[pictogram-placement='bottom'] .bx--card .bx--card__motion ::slotted(svg[slot='pictogram']) {\n    margin-top: auto;\n    align-items: flex-end; }\n  :host(dds-card-group-item) ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card) ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta) ::slotted(svg[slot='pictogram']),\n  :host(dds-card) ::slotted(svg[slot='pictogram']) {\n    fill: currentColor;\n    margin-left: 1rem; }\n    @media (min-width: 42rem) {\n      :host(dds-card-group-item) ::slotted(svg[slot='pictogram']),\n      :host(dds-card-in-card) ::slotted(svg[slot='pictogram']),\n      :host(dds-card-cta) ::slotted(svg[slot='pictogram']),\n      :host(dds-card) ::slotted(svg[slot='pictogram']) {\n        margin-left: 0; } }\n  :host(dds-card-group-item)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']),\n  :host(dds-card-in-card)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']),\n  :host(dds-card-cta)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']),\n  :host(dds-card)[color-scheme='inverse'] ::slotted(svg[slot='pictogram']) {\n    color: var(--cds-inverse-link, #78a9ff); }\n  :host(dds-card-group-item) .bx--card__copy,\n  :host(dds-card-in-card) .bx--card__copy,\n  :host(dds-card-cta) .bx--card__copy,\n  :host(dds-card) .bx--card__copy {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem; }\n\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--image {\n  position: relative; }\n\n.bx--image__img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block; }\n\n.bx--image__img--border {\n  outline: 1px solid var(--cds-decorative-01, #e0e0e0); }\n\n.bx--image__longdescription {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  left: -10000px;\n  top: auto;\n  overflow: hidden; }\n\n.bx--image__icon {\n  position: absolute;\n  top: calc(50% - 2rem);\n  right: calc(50% - 2rem); }\n\n:host(dds-image-logo) {\n  background-color: var(--cds-ui-02, #ffffff);\n  margin: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);\n  max-width: 10rem;\n  display: flex; }\n  :host(dds-image-logo)::before {\n    content: '';\n    width: 1px;\n    margin-left: -1px;\n    float: left;\n    height: 0;\n    padding-top: 50%; }\n  :host(dds-image-logo)::after {\n    content: '';\n    display: table;\n    clear: both; }\n  :host(dds-image-logo) .bx--image__img {\n    -o-object-fit: contain;\n       object-fit: contain; }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-feature-card),\n:host(dds-feature-cta),\n.bx--feature-card-large,\n.bx--feature-card {\n  position: relative; }\n  :host(dds-feature-card):hover ::slotted([slot='image'])::before,\n  :host(dds-feature-card):hover dds-image::before,\n  :host(dds-feature-card):hover .bx--image::before,\n  :host(dds-feature-cta):hover ::slotted([slot='image'])::before,\n  :host(dds-feature-cta):hover dds-image::before,\n  :host(dds-feature-cta):hover .bx--image::before,\n  .bx--feature-card-large:hover ::slotted([slot='image'])::before,\n  .bx--feature-card-large:hover dds-image::before,\n  .bx--feature-card-large:hover .bx--image::before,\n  .bx--feature-card:hover ::slotted([slot='image'])::before,\n  .bx--feature-card:hover dds-image::before,\n  .bx--feature-card:hover .bx--image::before {\n    opacity: 0.08; }\n  :host(dds-feature-card):hover .bx--card__wrapper,\n  :host(dds-feature-cta):hover .bx--card__wrapper,\n  .bx--feature-card-large:hover .bx--card__wrapper,\n  .bx--feature-card:hover .bx--card__wrapper {\n    background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n  @media (max-width: 41.98rem) {\n    :host(dds-feature-card),\n    :host(dds-feature-cta),\n    .bx--feature-card-large,\n    .bx--feature-card {\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -1rem;\n      margin-left: -1rem; } }\n  :host(dds-feature-card) .bx--card__content,\n  :host(dds-feature-cta) .bx--card__content,\n  .bx--feature-card-large .bx--card__content,\n  .bx--feature-card .bx--card__content {\n    transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n  :host(dds-feature-card) ::slotted([slot='image']),\n  :host(dds-feature-card) dds-image,\n  :host(dds-feature-card) .bx--image,\n  :host(dds-feature-cta) ::slotted([slot='image']),\n  :host(dds-feature-cta) dds-image,\n  :host(dds-feature-cta) .bx--image,\n  .bx--feature-card-large ::slotted([slot='image']),\n  .bx--feature-card-large dds-image,\n  .bx--feature-card-large .bx--image,\n  .bx--feature-card ::slotted([slot='image']),\n  .bx--feature-card dds-image,\n  .bx--feature-card .bx--image {\n    width: 100%;\n    height: 50%; }\n    :host(dds-feature-card) ::slotted([slot='image'])::before,\n    :host(dds-feature-card) dds-image::before,\n    :host(dds-feature-card) .bx--image::before,\n    :host(dds-feature-cta) ::slotted([slot='image'])::before,\n    :host(dds-feature-cta) dds-image::before,\n    :host(dds-feature-cta) .bx--image::before,\n    .bx--feature-card-large ::slotted([slot='image'])::before,\n    .bx--feature-card-large dds-image::before,\n    .bx--feature-card-large .bx--image::before,\n    .bx--feature-card ::slotted([slot='image'])::before,\n    .bx--feature-card dds-image::before,\n    .bx--feature-card .bx--image::before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      opacity: 0;\n      z-index: 1;\n      background-color: var(--cds-inverse-01, #ffffff);\n      transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (max-width: 41.98rem) {\n  :host(dds-feature-card),\n  :host(dds-feature-cta) {\n    display: flex; } }\n\n@media (max-width: 41.98rem) {\n  .bx--feature-card,\n  :host(dds-feature-card:not([size='large'])),\n  :host(dds-feature-cta:not([size='large'])) {\n    padding-top: 100%; }\n    .bx--feature-card .bx--card__content,\n    :host(dds-feature-card:not([size='large'])) .bx--card__content,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__content {\n      height: 100%;\n      padding: 1rem;\n      justify-content: space-between; }\n    .bx--feature-card bx--card__heading,\n    :host(dds-feature-card:not([size='large'])) bx--card__heading,\n    :host(dds-feature-cta:not([size='large'])) bx--card__heading {\n      margin: 0;\n      width: 100%;\n      padding: 1rem;\n      padding-right: 10%;\n      padding-bottom: var(--cds-layout-03, 2rem); }\n    .bx--feature-card .bx--card__footer,\n    :host(dds-feature-card:not([size='large'])) .bx--card__footer,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__footer {\n      padding-top: 0;\n      margin-top: -2rem; }\n    .bx--feature-card .bx--card__wrapper,\n    :host(dds-feature-card:not([size='large'])) .bx--card__wrapper,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__wrapper {\n      display: block;\n      min-height: 0;\n      height: auto; }\n    .bx--feature-card .bx--card,\n    :host(dds-feature-card:not([size='large'])) .bx--card,\n    :host(dds-feature-cta:not([size='large'])) .bx--card {\n      display: block; } }\n\n.bx--feature-card .bx--card,\n:host(dds-feature-card:not([size='large'])) .bx--card,\n:host(dds-feature-cta:not([size='large'])) .bx--card {\n  margin: 0; }\n  @media (max-width: 41.98rem) {\n    .bx--feature-card .bx--card,\n    :host(dds-feature-card:not([size='large'])) .bx--card,\n    :host(dds-feature-cta:not([size='large'])) .bx--card {\n      position: absolute;\n      padding-top: 0;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0; } }\n  @media (min-width: 42rem) {\n    .bx--feature-card .bx--card,\n    :host(dds-feature-card:not([size='large'])) .bx--card,\n    :host(dds-feature-cta:not([size='large'])) .bx--card {\n      flex-direction: row; } }\n  .bx--feature-card .bx--card .bx--card__heading,\n  .bx--feature-card .bx--card ::slotted(dds-card-heading),\n  :host(dds-feature-card:not([size='large'])) .bx--card .bx--card__heading,\n  :host(dds-feature-card:not([size='large'])) .bx--card ::slotted(dds-card-heading),\n  :host(dds-feature-cta:not([size='large'])) .bx--card .bx--card__heading,\n  :host(dds-feature-cta:not([size='large'])) .bx--card ::slotted(dds-card-heading) {\n    margin-bottom: var(--cds-layout-03, 2rem);\n    color: var(--cds-inverse-01, #ffffff); }\n  .bx--feature-card .bx--card:focus-within,\n  :host(dds-feature-card:not([size='large'])) .bx--card:focus-within,\n  :host(dds-feature-cta:not([size='large'])) .bx--card:focus-within {\n    outline: none;\n    outline-offset: 0; }\n    .bx--feature-card .bx--card:focus-within::before,\n    :host(dds-feature-card:not([size='large'])) .bx--card:focus-within::before,\n    :host(dds-feature-cta:not([size='large'])) .bx--card:focus-within::before {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: 1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid var(--cds-focus, #0f62fe);\n      outline: 1px solid #ffffff;\n      outline-offset: -3px; }\n      @media (max-width: 41.98rem) {\n        .bx--feature-card .bx--card:focus-within::before,\n        :host(dds-feature-card:not([size='large'])) .bx--card:focus-within::before,\n        :host(dds-feature-cta:not([size='large'])) .bx--card:focus-within::before {\n          min-height: 292px; } }\n\n.bx--feature-card .bx--card__heading,\n:host(dds-feature-card:not([size='large'])) .bx--card__heading,\n:host(dds-feature-cta:not([size='large'])) .bx--card__heading {\n  margin-bottom: var(--cds-layout-03, 2rem);\n  color: var(--cds-inverse-01, #ffffff); }\n\n.bx--feature-card .bx--card__wrapper,\n:host(dds-feature-card:not([size='large'])) .bx--card__wrapper,\n:host(dds-feature-cta:not([size='large'])) .bx--card__wrapper {\n  background-color: var(--cds-inverse-02, #393939);\n  width: 100%;\n  height: 50%; }\n  @media (min-width: 42rem) {\n    .bx--feature-card .bx--card__wrapper,\n    :host(dds-feature-card:not([size='large'])) .bx--card__wrapper,\n    :host(dds-feature-cta:not([size='large'])) .bx--card__wrapper {\n      width: 50%;\n      height: auto; } }\n  .bx--feature-card .bx--card__wrapper .bx--card__content,\n  :host(dds-feature-card:not([size='large'])) .bx--card__wrapper .bx--card__content,\n  :host(dds-feature-cta:not([size='large'])) .bx--card__wrapper .bx--card__content {\n    height: auto;\n    min-height: 100%; }\n\n.bx--feature-card:hover .bx--card__wrapper,\n:host(dds-feature-card:not([size='large'])):hover .bx--card__wrapper,\n:host(dds-feature-cta:not([size='large'])):hover .bx--card__wrapper {\n  background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n\n@media (min-width: 42rem) {\n  .bx--feature-card ::slotted([slot='image']),\n  .bx--feature-card dds-image,\n  .bx--feature-card .bx--image,\n  :host(dds-feature-card:not([size='large'])) ::slotted([slot='image']),\n  :host(dds-feature-card:not([size='large'])) dds-image,\n  :host(dds-feature-card:not([size='large'])) .bx--image,\n  :host(dds-feature-cta:not([size='large'])) ::slotted([slot='image']),\n  :host(dds-feature-cta:not([size='large'])) dds-image,\n  :host(dds-feature-cta:not([size='large'])) .bx--image {\n    width: 50%;\n    height: 100%; } }\n\n.bx--feature-card .bx--feature-card__card .bx--card__footer,\n:host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer,\n:host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer {\n  flex-direction: row-reverse; }\n  @media (max-width: 41.98rem) {\n    .bx--feature-card .bx--feature-card__card .bx--card__footer,\n    :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer,\n    :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer {\n      flex-direction: row; } }\n  .bx--feature-card .bx--feature-card__card .bx--card__footer svg,\n  :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer svg,\n  :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer svg {\n    fill: var(--cds-inverse-link, #78a9ff);\n    width: 1.25rem;\n    height: 1.25rem; }\n    @media (min-width: 42rem) {\n      .bx--feature-card .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer svg {\n        width: 1.5rem;\n        height: 1.5rem; } }\n    @media (min-width: 99rem) {\n      .bx--feature-card .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-card:not([size='large'])) .bx--feature-card__card .bx--card__footer svg,\n      :host(dds-feature-cta:not([size='large'])) .bx--feature-card__card .bx--card__footer svg {\n        width: 2rem;\n        height: 2rem; } }\n\n.bx--feature-card ::slotted(svg[slot='footer']),\n:host(dds-feature-card:not([size='large'])) ::slotted(svg[slot='footer']),\n:host(dds-feature-cta:not([size='large'])) ::slotted(svg[slot='footer']) {\n  margin-top: auto;\n  margin-left: auto; }\n\n:host(dds-feature-card[size='large']),\n:host(dds-feature-cta[size='large']),\n.bx--feature-card-large {\n  margin-bottom: 2rem;\n  color: var(--cds-text-01, #161616);\n  background: var(--cds-ui-background, #ffffff);\n  position: relative;\n  margin-left: -1rem;\n  margin-right: -1rem; }\n  @media (min-width: 42rem) {\n    :host(dds-feature-card[size='large']),\n    :host(dds-feature-cta[size='large']),\n    .bx--feature-card-large {\n      margin-bottom: 4rem; } }\n  @media (min-width: 66rem) {\n    :host(dds-feature-card[size='large']),\n    :host(dds-feature-cta[size='large']),\n    .bx--feature-card-large {\n      margin-bottom: 6rem; } }\n  @media (min-width: 82rem) {\n    :host(dds-feature-card[size='large']),\n    :host(dds-feature-cta[size='large']),\n    .bx--feature-card-large {\n      padding-top: 50%; } }\n  :host(dds-feature-card[size='large']) .bx--card,\n  :host(dds-feature-cta[size='large']) .bx--card,\n  .bx--feature-card-large .bx--card {\n    background: none;\n    height: 100%; }\n    :host(dds-feature-card[size='large']) .bx--card:focus-within,\n    :host(dds-feature-cta[size='large']) .bx--card:focus-within,\n    .bx--feature-card-large .bx--card:focus-within {\n      outline-width: 3px;\n      outline-offset: 1px; }\n    @media (min-width: 82rem) {\n      :host(dds-feature-card[size='large']) .bx--card,\n      :host(dds-feature-cta[size='large']) .bx--card,\n      .bx--feature-card-large .bx--card {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        flex-direction: row; } }\n    @media (min-width: 82rem) {\n      :host(dds-feature-card[size='large']) .bx--card ::slotted([slot='image']),\n      :host(dds-feature-card[size='large']) .bx--card dds-image, :host(dds-feature-card[size='large']) .bx--card__wrapper,\n      :host(dds-feature-card[size='large']) .bx--card .bx--image,\n      :host(dds-feature-cta[size='large']) .bx--card ::slotted([slot='image']),\n      :host(dds-feature-cta[size='large']) .bx--card dds-image,\n      :host(dds-feature-cta[size='large']) .bx--card__wrapper,\n      :host(dds-feature-cta[size='large']) .bx--card .bx--image,\n      .bx--feature-card-large .bx--card ::slotted([slot='image']),\n      .bx--feature-card-large .bx--card dds-image,\n      .bx--feature-card-large .bx--card__wrapper,\n      .bx--feature-card-large .bx--card .bx--image {\n        width: 50%;\n        height: 100%; } }\n    :host(dds-feature-card[size='large']) .bx--card .bx--image,\n    :host(dds-feature-cta[size='large']) .bx--card .bx--image,\n    .bx--feature-card-large .bx--card .bx--image {\n      overflow-y: hidden; }\n  :host(dds-feature-card[size='large']) .bx--card__wrapper,\n  :host(dds-feature-cta[size='large']) .bx--card__wrapper,\n  .bx--feature-card-large .bx--card__wrapper {\n    background-color: var(--cds-inverse-02, #393939);\n    min-height: 50%;\n    height: auto; }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper::before,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper::before,\n    .bx--feature-card-large .bx--card__wrapper::before {\n      padding-top: 0; }\n      @media (min-width: 42rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper::before,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper::before,\n        .bx--feature-card-large .bx--card__wrapper::before {\n          padding-top: 50%; } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    .bx--feature-card-large .bx--card__wrapper .bx--card__eyebrow,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__copy,\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n      width: 100%;\n      color: var(--cds-inverse-01, #ffffff);\n      max-width: 30rem; }\n      @media (min-width: 42rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        .bx--feature-card-large .bx--card__wrapper .bx--card__eyebrow,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__copy,\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-eyebrow),\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n          width: 90%; } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__content,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__content,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__content {\n      padding: var(--cds-spacing-07, 2rem) var(--cds-spacing-05, 1rem); }\n      @media (min-width: 42rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__content,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__content,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__content {\n          padding: var(--cds-layout-03, 2rem); } }\n      @media (min-width: 99rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__content,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__content,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__content {\n          padding: var(--cds-layout-05, 4rem); } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__eyebrow,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-eyebrow),\n    .bx--feature-card-large .bx--card__wrapper .bx--card__eyebrow,\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-eyebrow) {\n      margin: 0 0 var(--cds-spacing-05, 1rem) 0;\n      color: var(--cds-inverse-01, #ffffff); }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n    .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n    .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n      color: var(--cds-inverse-01, #ffffff);\n      margin-bottom: var(--cds-spacing-07, 2rem);\n      font-size: 1.75rem;\n      font-weight: 400;\n      line-height: 1.28572;\n      letter-spacing: 0;\n      font-size: calc(1.75rem + 0 * ((100vw - 20rem) / 62)); }\n      @media (min-width: 82rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n          font-size: 1.75rem;\n          line-height: 1.25;\n          font-weight: 400;\n          font-size: calc(1.75rem + 0.25 * ((100vw - 82rem) / 17)); } }\n      @media (min-width: 99rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-card[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__heading,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper ::slotted(dds-card-heading),\n        .bx--feature-card-large .bx--card__wrapper .bx--card__heading,\n        .bx--feature-card-large .bx--card__wrapper ::slotted(dds-card-heading) {\n          font-size: 2rem;\n          font-weight: 400;\n          font-size: 2rem; } }\n    :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n    :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n    .bx--feature-card-large .bx--card__wrapper .bx--card__copy {\n      font-size: var(--cds-body-long-02-font-size, 1rem);\n      font-weight: var(--cds-body-long-02-font-weight, 400);\n      line-height: var(--cds-body-long-02-line-height, 1.5);\n      letter-spacing: var(--cds-body-long-02-letter-spacing, 0); }\n      @media (max-width: 41.98rem) {\n        :host(dds-feature-card[size='large']) .bx--card__wrapper .bx--card__copy,\n        :host(dds-feature-cta[size='large']) .bx--card__wrapper .bx--card__copy,\n        .bx--feature-card-large .bx--card__wrapper .bx--card__copy {\n          margin-bottom: var(--cds-spacing-07, 2rem); } }\n  :host(dds-feature-card[size='large']) .bx--card__footer,\n  :host(dds-feature-cta[size='large']) .bx--card__footer,\n  .bx--feature-card-large .bx--card__footer {\n    flex-direction: row; }\n    @media (min-width: 82rem) {\n      :host(dds-feature-card[size='large']) .bx--card__footer,\n      :host(dds-feature-cta[size='large']) .bx--card__footer,\n      .bx--feature-card-large .bx--card__footer {\n        flex-direction: row-reverse; } }\n  @media (min-width: 752px) {\n    :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text,\n    :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text,\n    .bx--feature-card-large.bx--feature-card-large_no-copy-text {\n      padding-top: 50%; } }\n  @media (min-width: 752px) {\n    :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text .bx--card,\n    :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text .bx--card,\n    .bx--feature-card-large.bx--feature-card-large_no-copy-text .bx--card {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      flex-direction: row; }\n      :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text .bx--card__wrapper,\n      :host(dds-feature-card[size='large']).bx--feature-card-large_no-copy-text .bx--card .bx--image,\n      :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text .bx--card__wrapper,\n      :host(dds-feature-cta[size='large']).bx--feature-card-large_no-copy-text .bx--card .bx--image,\n      .bx--feature-card-large.bx--feature-card-large_no-copy-text .bx--card__wrapper,\n      .bx--feature-card-large.bx--feature-card-large_no-copy-text .bx--card .bx--image {\n        width: 50%;\n        height: 100%; } }\n\n:host(dds-feature-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n.bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta,\n.bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta:visited {\n  margin-top: auto;\n  float: none;\n  fill: var(--cds-inverse-link, #78a9ff);\n  width: 1.25rem;\n  height: 1.25rem;\n  font-size: var(--cds-productive-heading-05-font-size, 2rem);\n  font-weight: var(--cds-productive-heading-05-font-weight, 400);\n  line-height: var(--cds-productive-heading-05-line-height, 1.25);\n  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0); }\n  @media (min-width: 42rem) {\n    :host(dds-feature-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta,\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta:visited {\n      width: 1.5rem;\n      height: 1.5rem; } }\n  @media (min-width: 99rem) {\n    :host(dds-feature-card-footer) .dds-ce--card__footer ::slotted(svg[slot='icon']),\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta,\n    .bx--feature-card-large .bx--feature-card-large__card.bx--tile .bx--card__cta:visited {\n      width: 2rem;\n      height: 2rem; } }\n\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host(dds-card-footer),\n:host(dds-card-cta-footer) {\n  align-self: flex-start;\n  max-width: 90%; }\n  @media (min-width: 42rem) {\n    :host(dds-card-footer),\n    :host(dds-card-cta-footer) {\n      max-width: calc(100% - var(--cds-layout-03, 2rem)); } }\n  :host(dds-card-footer) .dds-ce--card__footer--static,\n  :host(dds-card-cta-footer) .dds-ce--card__footer--static {\n    color: var(--cds-link-01, #0f62fe); }\n  :host(dds-card-footer)[color-scheme='inverse'] .dds-ce--card__footer--static,\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .dds-ce--card__footer--static {\n    color: var(--cds-inverse-link, #78a9ff); }\n  :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon svg, :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon svg,\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) svg,\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon.bx--link-with-icon--inline-icon ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer)[color-scheme='inverse'] .bx--link-with-icon--inline-icon:host(dds-megamenu-link-with-icon) ::slotted(svg[slot='icon']) {\n    color: var(--cds-inverse-link, #78a9ff); }\n  :host(dds-card-footer):hover ::slotted(svg[slot='icon']),\n  :host(dds-card-footer):hover .bx--card__cta__copy,\n  :host(dds-card-cta-footer):hover ::slotted(svg[slot='icon']),\n  :host(dds-card-cta-footer):hover .bx--card__cta__copy {\n    color: var(--cds-hover-primary-text, #0043ce); }\n\n:host(dds-card-footer[href])::after {\n  position: relative; }\n\n:host(dds-feature-card),\n:host(dds-feature-cta) {\n  display: block;\n  outline: none; }\n  :host(dds-feature-card) ::slotted(dds-card-heading),\n  :host(dds-feature-cta) ::slotted(dds-card-heading) {\n    color: var(--cds-inverse-01, #ffffff); }\n  @media (max-width: 41.98rem) {\n    :host(dds-feature-card) .bx--card__wrapper,\n    :host(dds-feature-cta) .bx--card__wrapper {\n      display: block;\n      min-height: 0;\n      height: auto; }\n      :host(dds-feature-card) .bx--card__wrapper .bx--card__content,\n      :host(dds-feature-cta) .bx--card__wrapper .bx--card__content {\n        height: 100%;\n        padding: 1rem; }\n    :host(dds-feature-card) .bx--card--link,\n    :host(dds-feature-cta) .bx--card--link {\n      display: block; } }\n\n:host(dds-feature-card[size='large']):hover .bx--card__wrapper {\n  background-color: var(--cds-inverse-hover-ui, #4c4c4c); }\n\n:host(dds-feature-card[size='large']) ::slotted(dds-feature-card-footer) {\n  display: flex;\n  justify-content: flex-start; }\n  @media (min-width: 82rem) {\n    :host(dds-feature-card[size='large']) ::slotted(dds-feature-card-footer) {\n      justify-content: flex-end; } }\n\n:host(dds-feature-card-footer),\n:host(dds-feature-cta-footer) {\n  display: flex;\n  justify-content: flex-start; }\n  @media (min-width: 42rem) {\n    :host(dds-feature-card-footer),\n    :host(dds-feature-cta-footer) {\n      justify-content: flex-end; } }\n  @media (min-width: 99rem) {\n    :host(dds-feature-card-footer)[size='large'] .dds-ce--card__footer ::slotted(svg[slot='icon']),\n    :host(dds-feature-cta-footer)[size='large'] .dds-ce--card__footer ::slotted(svg[slot='icon']) {\n      width: 4rem;\n      height: 4rem; } }\n\n/* Covers regular card style, too */\n/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.bx--card__CTA--disabled {\n  cursor: not-allowed; }\n\n:host(dds-card-link[disabled]) .bx--card__heading,\n:host(dds-card-link[disabled]) ::slotted([slot='heading']),\n:host(dds-card-link[disabled]) .bx--card__copy,\n:host(dds-card-link[disabled]) .bx--card__eyebrow,\n.bx--card__CTA--disabled .bx--card__heading,\n.bx--card__CTA--disabled ::slotted([slot='heading']),\n.bx--card__CTA--disabled .bx--card__copy,\n.bx--card__CTA--disabled .bx--card__eyebrow {\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-link[disabled]) .bx--card__footer .bx--link-with-icon svg, :host(dds-card-link[disabled]) .bx--card__footer :host(dds-megamenu-link-with-icon) svg,\n:host(dds-card-link[disabled]) .bx--card__wrapper .bx--link-with-icon svg,\n:host(dds-card-link[disabled]) .bx--card__wrapper :host(dds-megamenu-link-with-icon) svg,\n.bx--card__CTA--disabled .bx--card__footer .bx--link-with-icon svg,\n.bx--card__CTA--disabled .bx--card__footer :host(dds-megamenu-link-with-icon) svg,\n.bx--card__CTA--disabled .bx--card__wrapper .bx--link-with-icon svg,\n.bx--card__CTA--disabled .bx--card__wrapper :host(dds-megamenu-link-with-icon) svg {\n  margin-left: 0;\n  color: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-link[disabled]) .bx--card__footer ::slotted(svg[slot='footer']),\n:host(dds-card-link[disabled]) .bx--card__footer svg,\n:host(dds-card-link[disabled]) .bx--card__wrapper ::slotted(svg[slot='footer']),\n:host(dds-card-link[disabled]) .bx--card__wrapper svg,\n.bx--card__CTA--disabled .bx--card__footer ::slotted(svg[slot='footer']),\n.bx--card__CTA--disabled .bx--card__footer svg,\n.bx--card__CTA--disabled .bx--card__wrapper ::slotted(svg[slot='footer']),\n.bx--card__CTA--disabled .bx--card__wrapper svg {\n  fill: var(--cds-disabled-02, #c6c6c6); }\n\n:host(dds-card-link-heading),\n.bx--card-link .bx--card__heading {\n  font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n  font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n  line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n  letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0); }\n\n:host(dds-card-link-heading) {\n  margin-bottom: 0; }\n\n:host(dds-card-link),\n:host(dds-card-link-cta),\n:host(dds-link-list-item-card),\n:host(dds-link-list-item-card-cta) {\n  max-width: 22.75rem; }\n  :host(dds-card-link) .bx--card__wrapper .bx--card__copy,\n  :host(dds-card-link-cta) .bx--card__wrapper .bx--card__copy,\n  :host(dds-link-list-item-card) .bx--card__wrapper .bx--card__copy,\n  :host(dds-link-list-item-card-cta) .bx--card__wrapper .bx--card__copy {\n    flex: 1; }\n\n:host(dds-card-link-cta) {\n  display: flex; }\n\n:host(dds-feature-section-card-link) .bx--card {\n  max-width: inherit; }\n\n:host(dds-feature-section-card-link) .bx--card__wrapper .bx--card__copy {\n  flex: 1; }\n\n:host(dds-link-list-item-card) ::slotted(dds-card-footer),\n:host(dds-link-list-item-card-cta) ::slotted(dds-card-footer) {\n  margin-block: 2px;\n  margin-inline-start: 32px; }\n  @media (min-width: 66rem) {\n    :host(dds-link-list-item-card) ::slotted(dds-card-footer),\n    :host(dds-link-list-item-card-cta) ::slotted(dds-card-footer) {\n      margin-inline-start: 0; } }\n\n.dds-ce--cta__icon {\n  flex-shrink: 0; }\n\n:host(dds-button-cta) .dds-ce--cta__icon, :host(dds-cloud-button-cta) .dds-ce--cta__icon {\n  position: absolute;\n  right: 1rem;\n  top: 50%;\n  transform: translateY(-50%); }\n\n:host(dds-cta) {\n  display: block; }\n\n:host(dds-cloud-masthead-container),\ndds-cloud-masthead-container {\n  position: relative; }\n\n:host(dds-cloud-masthead-global-bar) {\n  background-color: var(--cds-ui-background, #ffffff);\n  flex: none;\n  z-index: 0; }\n\n@media (max-width: 41.98rem) {\n  :host(dds-cloud-masthead-global-bar) ::slotted(dds-cloud-button-cta) {\n    display: none; } }\n\n:host(dds-cloud-button-cta) {\n  margin: 0;\n  padding-right: 0; }\n  :host(dds-cloud-button-cta).console .bx--btn--ghost {\n    border-left: 1px solid var(--cds-button-separator, #e0e0e0);\n    color: var(--cds-link-02, #0043ce); }\n  :host(dds-cloud-button-cta) .bx--btn {\n    padding: calc(0.875rem - 3px) carbon--rem(15px); }\n  :host(dds-cloud-button-cta) .bx--btn--ghost {\n    color: var(--cds-text-02, #525252); }\n    :host(dds-cloud-button-cta) .bx--btn--ghost:hover, :host(dds-cloud-button-cta) .bx--btn--ghost:focus {\n      color: var(--cds-text-01, #161616); }\n\n:host(dds-cloud-top-nav-name) {\n  outline: none;\n  position: relative;\n  z-index: 1;\n  background-color: var(--cds-ui-background, #ffffff); }\n  :host(dds-cloud-top-nav-name) a.bx--header__name {\n    margin-left: 0;\n    font-size: var(--cds-expressive-heading-02-font-size, 1rem);\n    font-weight: var(--cds-expressive-heading-02-font-weight, 600);\n    line-height: var(--cds-expressive-heading-02-line-height, 1.5);\n    letter-spacing: var(--cds-expressive-heading-02-letter-spacing, 0);\n    color: var(--cds-text-01, #161616);\n    padding-left: 1rem;\n    padding-right: 1rem;\n    border: solid 2px transparent;\n    transition: background-color 110ms, border-color 110ms, color 110ms;\n    position: relative;\n    white-space: nowrap;\n    z-index: 1;\n    background-color: var(--cds-ui-background, #ffffff); }\n    @media (min-width: 66rem) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        margin-left: 1rem; } }\n    :host(dds-cloud-top-nav-name) a.bx--header__name:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5);\n      color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-top-nav-name) a.bx--header__name:active, :host(dds-cloud-top-nav-name) a.bx--header__name:focus {\n      border-color: var(--cds-focus, #0f62fe);\n      background-color: var(--cds-ui-01, #f4f4f4); }\n    @media (max-width: 800px) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        display: none; } }\n    @media (max-width: 800px) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        display: flex;\n        position: absolute;\n        top: 0;\n        left: 0; } }\n    @media (min-width: 66rem) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        margin-left: 0; } }\n    @media (min-width: 82rem) {\n      :host(dds-cloud-top-nav-name) a.bx--header__name {\n        margin-left: 1rem;\n        position: relative; } }\n\n:host(dds-cloud-megamenu),\n.bx--masthead__megamenu {\n  position: relative; }\n  :host(dds-cloud-megamenu)::after,\n  .bx--masthead__megamenu::after {\n    content: '';\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: carbon--rem(48px);\n    background: linear-gradient(rgba(255, 255, 255, 0.001), var(--cds-ui-background, #ffffff));\n    /* transparent keyword is broken in Safari */ }\n  :host(dds-cloud-megamenu) .bx--masthead__megamenu__container,\n  .bx--masthead__megamenu .bx--masthead__megamenu__container {\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden; }\n  @media (min-width: 960px) and (max-width: 1055px) {\n    :host(dds-cloud-megamenu) .bx--masthead__megamenu__container--row,\n    .bx--masthead__megamenu .bx--masthead__megamenu__container--row {\n      flex-direction: inherit; } }\n\n:host(dds-cloud-megamenu-left-navigation) {\n  display: block;\n  max-width: 25%;\n  flex: 0 0 25%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border-right: carbon--rem(1px) solid var(--cds-ui-03, #e0e0e0); }\n  @media (min-width: 42rem) {\n    :host(dds-cloud-megamenu-left-navigation) {\n      min-height: carbon--rem(580px); } }\n  @media (min-width: 82rem) {\n    :host(dds-cloud-megamenu-left-navigation) {\n      min-height: carbon--rem(475px); } }\n\n:host(dds-cloud-megamenu-right-navigation) {\n  display: block;\n  max-width: 75%;\n  flex: 0 0 75%;\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--cds-spacing-06, 1.5rem);\n  margin-bottom: var(--cds-spacing-07, 2rem); }\n\n:host(dds-cloud-megamenu-tabs) {\n  display: flex;\n  flex-direction: column;\n  margin-top: carbon--rem(18px);\n  margin-bottom: carbon--rem(18px); }\n  :host(dds-cloud-megamenu-tabs) .bx--tabs-trigger {\n    display: none; }\n\n:host(dds-cloud-megamenu-tab) {\n  outline: 0; }\n  :host(dds-cloud-megamenu-tab) button {\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    color: var(--cds-text-02, #525252);\n    width: 100%;\n    border: none;\n    text-align: left;\n    padding: carbon--rem(6px) var(--cds-spacing-05, 1rem);\n    background-color: var(--cds-ui-background, #ffffff);\n    cursor: pointer; }\n    :host(dds-cloud-megamenu-tab) button:hover, :host(dds-cloud-megamenu-tab) button:focus {\n      color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-megamenu-tab) button:hover {\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n    :host(dds-cloud-megamenu-tab) button:focus {\n      outline: carbon--rem(2px) solid var(--cds-focus, #0f62fe);\n      outline-offset: carbon--rem(-2px); }\n\n:host(dds-cloud-megamenu-tab)[selected] button {\n  background-color: var(--cds-selected-ui, #e0e0e0);\n  color: var(--cds-text-01, #161616); }\n\n:host(dds-cloud-megamenu-category-link-group) {\n  display: flex;\n  flex-flow: wrap;\n  justify-content: flex-start; }\n\n:host(dds-cloud-megamenu-category-link) {\n  width: 100%;\n  max-width: 50%;\n  outline: 0; }\n  @media (min-width: 82rem) {\n    :host(dds-cloud-megamenu-category-link) {\n      max-width: 33.33%; } }\n  :host(dds-cloud-megamenu-category-link) a {\n    display: block;\n    padding: var(--cds-spacing-04, 0.75rem) var(--cds-spacing-05, 1rem);\n    height: 100%; }\n    :host(dds-cloud-megamenu-category-link) a p {\n      font-size: var(--cds-expressive-heading-01-font-size, 0.875rem);\n      font-weight: var(--cds-expressive-heading-01-font-weight, 600);\n      line-height: var(--cds-expressive-heading-01-line-height, 1.25);\n      letter-spacing: var(--cds-expressive-heading-01-letter-spacing, 0.16px);\n      color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-megamenu-category-link) a span {\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      color: var(--cds-text-02, #525252);\n      display: block;\n      width: 90%; }\n    :host(dds-cloud-megamenu-category-link) a:hover {\n      text-decoration: none;\n      background-color: var(--cds-hover-ui, #e5e5e5); }\n      :host(dds-cloud-megamenu-category-link) a:hover span {\n        color: var(--cds-text-01, #161616); }\n    :host(dds-cloud-megamenu-category-link) a:focus {\n      outline: carbon--rem(2px) solid var(--cds-focus, #0f62fe);\n      outline-offset: carbon--rem(-2px); }\n\n:host(dds-cloud-megamenu-category-heading) {\n  display: block;\n  padding: 0 var(--cds-spacing-05, 1rem);\n  margin-bottom: var(--cds-spacing-07, 2rem);\n  width: 66.66%; }\n  @media (min-width: 66rem) {\n    :host(dds-cloud-megamenu-category-heading) {\n      width: auto; } }\n  :host(dds-cloud-megamenu-category-heading) h2 {\n    display: flex;\n    margin-bottom: var(--cds-spacing-03, 0.5rem); }\n    :host(dds-cloud-megamenu-category-heading) h2 a {\n      color: var(--cds-text-01, #161616);\n      text-decoration: none;\n      align-self: center; }\n      :host(dds-cloud-megamenu-category-heading) h2 a svg {\n        margin: 0 var(--cds-spacing-03, 0.5rem);\n        padding-top: var(--cds-spacing-02, 0.25rem);\n        fill: var(--cds-icon-01, #161616);\n        /* stylelint-disable-next-line comment-whitespace-inside */\n        /* !rtl:raw:\n        transform: scaleX(-1);\n        */ }\n      :host(dds-cloud-megamenu-category-heading) h2 a:hover {\n        text-decoration: underline; }\n      :host(dds-cloud-megamenu-category-heading) h2 a:focus {\n        outline: carbon--rem(2px) solid var(--cds-focus, #0f62fe);\n        outline-offset: carbon--rem(-2px); }\n  :host(dds-cloud-megamenu-category-heading) span {\n    display: block;\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    color: var(--cds-text-02, #525252); }\n    @media (min-width: 66rem) {\n      :host(dds-cloud-megamenu-category-heading) span {\n        width: 40%; } }\n\n:host(dds-cloud-left-nav-item) a.bx--side-nav__link .bx--side-nav__link-text {\n  color: var(--cds-text-02, #525252); }\n  :host(dds-cloud-left-nav-item) a.bx--side-nav__link .bx--side-nav__link-text:hover, :host(dds-cloud-left-nav-item) a.bx--side-nav__link .bx--side-nav__link-text:focus {\n    color: var(--cds-text-01, #161616); }\n\n:host(dds-cloud-left-nav-item):last-child a.bx--side-nav__link .bx--side-nav__link-text {\n  color: var(--cds-link-01, #0f62fe); }\n  :host(dds-cloud-left-nav-item):last-child a.bx--side-nav__link .bx--side-nav__link-text:hover, :host(dds-cloud-left-nav-item):last-child a.bx--side-nav__link .bx--side-nav__link-text:focus {\n    color: var(--cds-link-02, #0043ce); }\n\n@media (max-width: 41.98rem) {\n  :host(dds-cloud-masthead-profile) .bx--header__menu-title[aria-expanded='true'] + .bx--header__menu {\n    width: 100vw; } }\n\n:host(dds-cloud-masthead-profile) a.bx--header__menu-item svg {\n  fill: var(--cds-icon-02, #525252); }\n"]);
 
 function _decorate$e(decorators, factory, superClass, mixins) { var api = _getDecoratorsApi$e(); if (mixins) { for (var i = 0; i < mixins.length; i++) { api = mixins[i](api); } } var r = factory(function initialize(O) { api.initializeInstanceElements(O, decorated.elements); }, superClass); var decorated = api.decorateClass(_coalesceClassElements$e(r.d.map(_createElementDescriptor$e)), decorators); api.initializeClassElements(r.F, decorated.elements); return api.runClassFinishers(r.F, decorated.finishers); }
 function _getDecoratorsApi$e() { _getDecoratorsApi$e = function () { return api; }; var api = { elementsDefinitionOrder: [["method"], ["field"]], initializeInstanceElements: function (O, elements) { ["method", "field"].forEach(function (kind) { elements.forEach(function (element) { if (element.kind === kind && element.placement === "own") { this.defineClassElement(O, element); } }, this); }, this); }, initializeClassElements: function (F, elements) { var proto = F.prototype; ["method", "field"].forEach(function (kind) { elements.forEach(function (element) { var placement = element.placement; if (element.kind === kind && (placement === "static" || placement === "prototype")) { var receiver = placement === "static" ? F : proto; this.defineClassElement(receiver, element); } }, this); }, this); }, defineClassElement: function (receiver, element) { var descriptor = element.descriptor; if (element.kind === "field") { var initializer = element.initializer; descriptor = { enumerable: descriptor.enumerable, writable: descriptor.writable, configurable: descriptor.configurable, value: initializer === void 0 ? void 0 : initializer.call(receiver) }; } Object.defineProperty(receiver, element.key, descriptor); }, decorateClass: function (elements, decorators) { var newElements = []; var finishers = []; var placements = { static: [], prototype: [], own: [] }; elements.forEach(function (element) { this.addElementPlacement(element, placements); }, this); elements.forEach(function (element) { if (!_hasDecorators$e(element)) return newElements.push(element); var elementFinishersExtras = this.decorateElement(element, placements); newElements.push(elementFinishersExtras.element); newElements.push.apply(newElements, elementFinishersExtras.extras); finishers.push.apply(finishers, elementFinishersExtras.finishers); }, this); if (!decorators) { return { elements: newElements, finishers: finishers }; } var result = this.decorateConstructor(newElements, decorators); finishers.push.apply(finishers, result.finishers); result.finishers = finishers; return result; }, addElementPlacement: function (element, placements, silent) { var keys = placements[element.placement]; if (!silent && keys.indexOf(element.key) !== -1) { throw new TypeError("Duplicated element (" + element.key + ")"); } keys.push(element.key); }, decorateElement: function (element, placements) { var extras = []; var finishers = []; for (var decorators = element.decorators, i = decorators.length - 1; i >= 0; i--) { var keys = placements[element.placement]; keys.splice(keys.indexOf(element.key), 1); var elementObject = this.fromElementDescriptor(element); var elementFinisherExtras = this.toElementFinisherExtras((0, decorators[i])(elementObject) || elementObject); element = elementFinisherExtras.element; this.addElementPlacement(element, placements); if (elementFinisherExtras.finisher) { finishers.push(elementFinisherExtras.finisher); } var newExtras = elementFinisherExtras.extras; if (newExtras) { for (var j = 0; j < newExtras.length; j++) { this.addElementPlacement(newExtras[j], placements); } extras.push.apply(extras, newExtras); } } return { element: element, finishers: finishers, extras: extras }; }, decorateConstructor: function (elements, decorators) { var finishers = []; for (var i = decorators.length - 1; i >= 0; i--) { var obj = this.fromClassDescriptor(elements); var elementsAndFinisher = this.toClassDescriptor((0, decorators[i])(obj) || obj); if (elementsAndFinisher.finisher !== undefined) { finishers.push(elementsAndFinisher.finisher); } if (elementsAndFinisher.elements !== undefined) { elements = elementsAndFinisher.elements; for (var j = 0; j < elements.length - 1; j++) { for (var k = j + 1; k < elements.length; k++) { if (elements[j].key === elements[k].key && elements[j].placement === elements[k].placement) { throw new TypeError("Duplicated element (" + elements[j].key + ")"); } } } } } return { elements: elements, finishers: finishers }; }, fromElementDescriptor: function (element) { var obj = { kind: element.kind, key: element.key, placement: element.placement, descriptor: element.descriptor }; var desc = { value: "Descriptor", configurable: true }; Object.defineProperty(obj, Symbol.toStringTag, desc); if (element.kind === "field") obj.initializer = element.initializer; return obj; }, toElementDescriptors: function (elementObjects) { if (elementObjects === undefined) return; return _toArray$e(elementObjects).map(function (elementObject) { var element = this.toElementDescriptor(elementObject); this.disallowProperty(elementObject, "finisher", "An element descriptor"); this.disallowProperty(elementObject, "extras", "An element descriptor"); return element; }, this); }, toElementDescriptor: function (elementObject) { var kind = String(elementObject.kind); if (kind !== "method" && kind !== "field") { throw new TypeError('An element descriptor\'s .kind property must be either "method" or' + ' "field", but a decorator created an element descriptor with' + ' .kind "' + kind + '"'); } var key = _toPropertyKey$e(elementObject.key); var placement = String(elementObject.placement); if (placement !== "static" && placement !== "prototype" && placement !== "own") { throw new TypeError('An element descriptor\'s .placement property must be one of "static",' + ' "prototype" or "own", but a decorator created an element descriptor' + ' with .placement "' + placement + '"'); } var descriptor = elementObject.descriptor; this.disallowProperty(elementObject, "elements", "An element descriptor"); var element = { kind: kind, key: key, placement: placement, descriptor: Object.assign({}, descriptor) }; if (kind !== "field") { this.disallowProperty(elementObject, "initializer", "A method descriptor"); } else { this.disallowProperty(descriptor, "get", "The property descriptor of a field descriptor"); this.disallowProperty(descriptor, "set", "The property descriptor of a field descriptor"); this.disallowProperty(descriptor, "value", "The property descriptor of a field descriptor"); element.initializer = elementObject.initializer; } return element; }, toElementFinisherExtras: function (elementObject) { var element = this.toElementDescriptor(elementObject); var finisher = _optionalCallableProperty$e(elementObject, "finisher"); var extras = this.toElementDescriptors(elementObject.extras); return { element: element, finisher: finisher, extras: extras }; }, fromClassDescriptor: function (elements) { var obj = { kind: "class", elements: elements.map(this.fromElementDescriptor, this) }; var desc = { value: "Descriptor", configurable: true }; Object.defineProperty(obj, Symbol.toStringTag, desc); return obj; }, toClassDescriptor: function (obj) { var kind = String(obj.kind); if (kind !== "class") { throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator' + ' created a class descriptor with .kind "' + kind + '"'); } this.disallowProperty(obj, "key", "A class descriptor"); this.disallowProperty(obj, "placement", "A class descriptor"); this.disallowProperty(obj, "descriptor", "A class descriptor"); this.disallowProperty(obj, "initializer", "A class descriptor"); this.disallowProperty(obj, "extras", "A class descriptor"); var finisher = _optionalCallableProperty$e(obj, "finisher"); var elements = this.toElementDescriptors(obj.elements); return { elements: elements, finisher: finisher }; }, runClassFinishers: function (constructor, finishers) { for (var i = 0; i < finishers.length; i++) { var newConstructor = (0, finishers[i])(constructor); if (newConstructor !== undefined) { if (typeof newConstructor !== "function") { throw new TypeError("Finishers must return a constructor."); } constructor = newConstructor; } } return constructor; }, disallowProperty: function (obj, name, objectType) { if (obj[name] !== undefined) { throw new TypeError(objectType + " can't have a ." + name + " property."); } } }; return api; }
@@ -764,7 +771,7 @@ let BXSideNavLink = _decorate$g([carbonElement(`${prefix$7}-side-nav-link`)], fu
         target
       }) {
         var _this$_titleIconConta;
-        (_this$_titleIconConta = this._titleIconContainerNode) === null || _this$_titleIconConta === void 0 ? void 0 : _this$_titleIconConta.toggleAttribute('hidden', target.assignedNodes().length === 0);
+        (_this$_titleIconConta = this._titleIconContainerNode) === null || _this$_titleIconConta === void 0 || _this$_titleIconConta.toggleAttribute('hidden', target.assignedNodes().length === 0);
       }
 
       /**
@@ -2282,9 +2289,14 @@ let BXTab = _decorate$g([carbonElement(`${prefix$1}-tab`)], function (_initializ
       value() {
         return TABS_TYPE.REGULAR;
       }
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "tabTitle",
+      value: void 0
     }, {
       kind: "method",
-      key: "connectedCallback",
+      key: "_handleSlotChange",
       value:
       /**
        * `true` if this tab should be highlighted.
@@ -2297,7 +2309,24 @@ let BXTab = _decorate$g([carbonElement(`${prefix$1}-tab`)], function (_initializ
        * Tab type.
        */
 
-      function connectedCallback() {
+      /**
+       * The tab text content.
+       */
+
+      /**
+       * Handles `slotchange` event.
+       */
+      function _handleSlotChange({
+        target
+      }) {
+        // Retrieve content of the slot to use for aria-label.
+        let content = target.assignedNodes();
+        this.tabTitle = content[0].textContent;
+      }
+    }, {
+      kind: "method",
+      key: "connectedCallback",
+      value: function connectedCallback() {
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'listitem');
         }
@@ -2309,10 +2338,12 @@ let BXTab = _decorate$g([carbonElement(`${prefix$1}-tab`)], function (_initializ
       value: function render() {
         const {
           disabled,
-          selected
+          selected,
+          tabTitle,
+          _handleSlotChange: handleSlotChange
         } = this;
         // No `href`/`tabindex` to not to make this `<a>` click-focusable
-        return html(_t$5 || (_t$5 = _$5` <a class="${0}--tabs__nav-link" role="tab" tabindex="${0}" ?disabled="${0}" aria-selected="${0}"> <slot></slot> </a> `), prefix$1, disabled ? -1 : 0, disabled, Boolean(selected));
+        return html(_t$5 || (_t$5 = _$5` <a class="${0}--tabs__nav-link" role="tab" aria-label="${0}" tabindex="${0}" ?disabled="${0}" aria-selected="${0}"> <slot @slotchange="${0}"></slot> </a> `), prefix$1, tabTitle, disabled ? -1 : 0, disabled, Boolean(selected), handleSlotChange);
       }
     }, {
       kind: "field",
@@ -2735,8 +2766,8 @@ let _ = t => t,
   _t24,
   _t25,
   _t26;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _decorate$1(decorators, factory, superClass, mixins) { var api = _getDecoratorsApi$1(); if (mixins) { for (var i = 0; i < mixins.length; i++) { api = mixins[i](api); } } var r = factory(function initialize(O) { api.initializeInstanceElements(O, decorated.elements); }, superClass); var decorated = api.decorateClass(_coalesceClassElements$1(r.d.map(_createElementDescriptor$1)), decorators); api.initializeClassElements(r.F, decorated.elements); return api.runClassFinishers(r.F, decorated.finishers); }
 function _getDecoratorsApi$1() { _getDecoratorsApi$1 = function () { return api; }; var api = { elementsDefinitionOrder: [["method"], ["field"]], initializeInstanceElements: function (O, elements) { ["method", "field"].forEach(function (kind) { elements.forEach(function (element) { if (element.kind === kind && element.placement === "own") { this.defineClassElement(O, element); } }, this); }, this); }, initializeClassElements: function (F, elements) { var proto = F.prototype; ["method", "field"].forEach(function (kind) { elements.forEach(function (element) { var placement = element.placement; if (element.kind === kind && (placement === "static" || placement === "prototype")) { var receiver = placement === "static" ? F : proto; this.defineClassElement(receiver, element); } }, this); }, this); }, defineClassElement: function (receiver, element) { var descriptor = element.descriptor; if (element.kind === "field") { var initializer = element.initializer; descriptor = { enumerable: descriptor.enumerable, writable: descriptor.writable, configurable: descriptor.configurable, value: initializer === void 0 ? void 0 : initializer.call(receiver) }; } Object.defineProperty(receiver, element.key, descriptor); }, decorateClass: function (elements, decorators) { var newElements = []; var finishers = []; var placements = { static: [], prototype: [], own: [] }; elements.forEach(function (element) { this.addElementPlacement(element, placements); }, this); elements.forEach(function (element) { if (!_hasDecorators$1(element)) return newElements.push(element); var elementFinishersExtras = this.decorateElement(element, placements); newElements.push(elementFinishersExtras.element); newElements.push.apply(newElements, elementFinishersExtras.extras); finishers.push.apply(finishers, elementFinishersExtras.finishers); }, this); if (!decorators) { return { elements: newElements, finishers: finishers }; } var result = this.decorateConstructor(newElements, decorators); finishers.push.apply(finishers, result.finishers); result.finishers = finishers; return result; }, addElementPlacement: function (element, placements, silent) { var keys = placements[element.placement]; if (!silent && keys.indexOf(element.key) !== -1) { throw new TypeError("Duplicated element (" + element.key + ")"); } keys.push(element.key); }, decorateElement: function (element, placements) { var extras = []; var finishers = []; for (var decorators = element.decorators, i = decorators.length - 1; i >= 0; i--) { var keys = placements[element.placement]; keys.splice(keys.indexOf(element.key), 1); var elementObject = this.fromElementDescriptor(element); var elementFinisherExtras = this.toElementFinisherExtras((0, decorators[i])(elementObject) || elementObject); element = elementFinisherExtras.element; this.addElementPlacement(element, placements); if (elementFinisherExtras.finisher) { finishers.push(elementFinisherExtras.finisher); } var newExtras = elementFinisherExtras.extras; if (newExtras) { for (var j = 0; j < newExtras.length; j++) { this.addElementPlacement(newExtras[j], placements); } extras.push.apply(extras, newExtras); } } return { element: element, finishers: finishers, extras: extras }; }, decorateConstructor: function (elements, decorators) { var finishers = []; for (var i = decorators.length - 1; i >= 0; i--) { var obj = this.fromClassDescriptor(elements); var elementsAndFinisher = this.toClassDescriptor((0, decorators[i])(obj) || obj); if (elementsAndFinisher.finisher !== undefined) { finishers.push(elementsAndFinisher.finisher); } if (elementsAndFinisher.elements !== undefined) { elements = elementsAndFinisher.elements; for (var j = 0; j < elements.length - 1; j++) { for (var k = j + 1; k < elements.length; k++) { if (elements[j].key === elements[k].key && elements[j].placement === elements[k].placement) { throw new TypeError("Duplicated element (" + elements[j].key + ")"); } } } } } return { elements: elements, finishers: finishers }; }, fromElementDescriptor: function (element) { var obj = { kind: element.kind, key: element.key, placement: element.placement, descriptor: element.descriptor }; var desc = { value: "Descriptor", configurable: true }; Object.defineProperty(obj, Symbol.toStringTag, desc); if (element.kind === "field") obj.initializer = element.initializer; return obj; }, toElementDescriptors: function (elementObjects) { if (elementObjects === undefined) return; return _toArray$1(elementObjects).map(function (elementObject) { var element = this.toElementDescriptor(elementObject); this.disallowProperty(elementObject, "finisher", "An element descriptor"); this.disallowProperty(elementObject, "extras", "An element descriptor"); return element; }, this); }, toElementDescriptor: function (elementObject) { var kind = String(elementObject.kind); if (kind !== "method" && kind !== "field") { throw new TypeError('An element descriptor\'s .kind property must be either "method" or' + ' "field", but a decorator created an element descriptor with' + ' .kind "' + kind + '"'); } var key = _toPropertyKey$1(elementObject.key); var placement = String(elementObject.placement); if (placement !== "static" && placement !== "prototype" && placement !== "own") { throw new TypeError('An element descriptor\'s .placement property must be one of "static",' + ' "prototype" or "own", but a decorator created an element descriptor' + ' with .placement "' + placement + '"'); } var descriptor = elementObject.descriptor; this.disallowProperty(elementObject, "elements", "An element descriptor"); var element = { kind: kind, key: key, placement: placement, descriptor: Object.assign({}, descriptor) }; if (kind !== "field") { this.disallowProperty(elementObject, "initializer", "A method descriptor"); } else { this.disallowProperty(descriptor, "get", "The property descriptor of a field descriptor"); this.disallowProperty(descriptor, "set", "The property descriptor of a field descriptor"); this.disallowProperty(descriptor, "value", "The property descriptor of a field descriptor"); element.initializer = elementObject.initializer; } return element; }, toElementFinisherExtras: function (elementObject) { var element = this.toElementDescriptor(elementObject); var finisher = _optionalCallableProperty$1(elementObject, "finisher"); var extras = this.toElementDescriptors(elementObject.extras); return { element: element, finisher: finisher, extras: extras }; }, fromClassDescriptor: function (elements) { var obj = { kind: "class", elements: elements.map(this.fromElementDescriptor, this) }; var desc = { value: "Descriptor", configurable: true }; Object.defineProperty(obj, Symbol.toStringTag, desc); return obj; }, toClassDescriptor: function (obj) { var kind = String(obj.kind); if (kind !== "class") { throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator' + ' created a class descriptor with .kind "' + kind + '"'); } this.disallowProperty(obj, "key", "A class descriptor"); this.disallowProperty(obj, "placement", "A class descriptor"); this.disallowProperty(obj, "descriptor", "A class descriptor"); this.disallowProperty(obj, "initializer", "A class descriptor"); this.disallowProperty(obj, "extras", "A class descriptor"); var finisher = _optionalCallableProperty$1(obj, "finisher"); var elements = this.toElementDescriptors(obj.elements); return { elements: elements, finisher: finisher }; }, runClassFinishers: function (constructor, finishers) { for (var i = 0; i < finishers.length; i++) { var newConstructor = (0, finishers[i])(constructor); if (newConstructor !== undefined) { if (typeof newConstructor !== "function") { throw new TypeError("Finishers must return a constructor."); } constructor = newConstructor; } } return constructor; }, disallowProperty: function (obj, name, objectType) { if (obj[name] !== undefined) { throw new TypeError(objectType + " can't have a ." + name + " property."); } } }; return api; }
@@ -2894,7 +2925,7 @@ let DDSCloudMastheadComposite = _decorate$1([carbonElement(`${ddsPrefix$1}-cloud
         var _sections$0$menuItems, _viewAllLink, _viewAllLink2, _sortedMenuItems$;
         let viewAllLink;
         const sortedMenuItems = [];
-        (_sections$0$menuItems = sections[0].menuItems) === null || _sections$0$menuItems === void 0 ? void 0 : _sections$0$menuItems.forEach((item, i) => {
+        (_sections$0$menuItems = sections[0].menuItems) === null || _sections$0$menuItems === void 0 || _sections$0$menuItems.forEach((item, i) => {
           if (item.megaPanelViewAll) {
             viewAllLink = item;
             return viewAllLink;
@@ -2926,7 +2957,7 @@ let DDSCloudMastheadComposite = _decorate$1([carbonElement(`${ddsPrefix$1}-cloud
                 >
               `), item.itemKey, item.itemKey, item.title, item.title);
         }), sortedMenuItems.map(item => {
-          var _item$megapanelConten, _item$megapanelConten2, _item$megapanelConten3, _item$megapanelConten4, _item$megapanelConten5;
+          var _item$megapanelConten, _item$megapanelConten2, _item$megapanelConten3, _item$megapanelConten4;
           return html(_t3 || (_t3 = _`
               <div
                 id="panel-${0}"
@@ -2942,7 +2973,7 @@ let DDSCloudMastheadComposite = _decorate$1([carbonElement(`${ddsPrefix$1}-cloud
                   ${0}
                 </dds-cloud-megamenu-category-link-group>
               </div>
-            `), item.itemKey, item.itemKey, (_item$megapanelConten = item.megapanelContent) === null || _item$megapanelConten === void 0 ? void 0 : _item$megapanelConten.headingUrl, (_item$megapanelConten2 = item.megapanelContent) === null || _item$megapanelConten2 === void 0 ? void 0 : _item$megapanelConten2.headingTitle, (_item$megapanelConten3 = item.megapanelContent) === null || _item$megapanelConten3 === void 0 ? void 0 : _item$megapanelConten3.description, item === null || item === void 0 ? void 0 : (_item$megapanelConten4 = item.megapanelContent) === null || _item$megapanelConten4 === void 0 ? void 0 : (_item$megapanelConten5 = _item$megapanelConten4.quickLinks) === null || _item$megapanelConten5 === void 0 ? void 0 : _item$megapanelConten5.links.map(link => html(_t4 || (_t4 = _`
+            `), item.itemKey, item.itemKey, (_item$megapanelConten = item.megapanelContent) === null || _item$megapanelConten === void 0 ? void 0 : _item$megapanelConten.headingUrl, (_item$megapanelConten2 = item.megapanelContent) === null || _item$megapanelConten2 === void 0 ? void 0 : _item$megapanelConten2.headingTitle, (_item$megapanelConten3 = item.megapanelContent) === null || _item$megapanelConten3 === void 0 ? void 0 : _item$megapanelConten3.description, item === null || item === void 0 || (_item$megapanelConten4 = item.megapanelContent) === null || _item$megapanelConten4 === void 0 || (_item$megapanelConten4 = _item$megapanelConten4.quickLinks) === null || _item$megapanelConten4 === void 0 ? void 0 : _item$megapanelConten4.links.map(link => html(_t4 || (_t4 = _`
                         <dds-cloud-megamenu-category-link
                           href="${0}"
                           title="${0}"
@@ -3057,10 +3088,10 @@ let DDSCloudMastheadComposite = _decorate$1([carbonElement(`${ddsPrefix$1}-cloud
         globalInit();
         if (language) {
           var _this$_setLanguage;
-          (_this$_setLanguage = this._setLanguage) === null || _this$_setLanguage === void 0 ? void 0 : _this$_setLanguage.call(this, language);
+          (_this$_setLanguage = this._setLanguage) === null || _this$_setLanguage === void 0 || _this$_setLanguage.call(this, language);
         }
-        (_this$_loadTranslatio = this._loadTranslation) === null || _this$_loadTranslatio === void 0 ? void 0 : _this$_loadTranslatio.call(this, language, dataEndpoint).catch(() => {}); // The error is logged in the Redux store
-        (_this$_loadUserStatus = this._loadUserStatus) === null || _this$_loadUserStatus === void 0 ? void 0 : _this$_loadUserStatus.call(this, this.authMethod);
+        (_this$_loadTranslatio = this._loadTranslation) === null || _this$_loadTranslatio === void 0 || _this$_loadTranslatio.call(this, language, dataEndpoint).catch(() => {}); // The error is logged in the Redux store
+        (_this$_loadUserStatus = this._loadUserStatus) === null || _this$_loadUserStatus === void 0 || _this$_loadUserStatus.call(this, this.authMethod);
         this.style.zIndex = '900';
 
         // Allows conditional rendering of left/top navs.
@@ -3272,7 +3303,7 @@ const {
  * @returns The converted version of the given state, tailored for `<dds-cloud-masthead-container>`.
  */
 function mapStateToProps(state) {
-  var _translations$languag, _translations$languag2, _translations$languag3, _translations$languag4, _translations$languag5, _translations$languag6, _translations$languag7, _translations$languag8, _translations$languag9, _translations$languag10, _translations$languag11, _translations$languag12, _translations$languag13, _translations$languag14;
+  var _translations$languag, _translations$languag2, _translations$languag3, _translations$languag4, _translations$languag5, _translations$languag6, _translations$languag7;
   const {
     localeAPI,
     translateAPI,
@@ -3288,13 +3319,13 @@ function mapStateToProps(state) {
     request
   } = cloudAccountAuthAPI !== null && cloudAccountAuthAPI !== void 0 ? cloudAccountAuthAPI : {};
   return pickBy({
-    authenticatedProfileItems: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag = translations[language]) === null || _translations$languag === void 0 ? void 0 : (_translations$languag2 = _translations$languag.masthead) === null || _translations$languag2 === void 0 ? void 0 : _translations$languag2.profileMenu.signedin.links,
-    authenticatedCtaButtons: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag3 = translations[language]) === null || _translations$languag3 === void 0 ? void 0 : (_translations$languag4 = _translations$languag3.masthead) === null || _translations$languag4 === void 0 ? void 0 : _translations$languag4.profileMenu.signedin.ctaButtons,
-    contactUsButton: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag5 = translations[language]) === null || _translations$languag5 === void 0 ? void 0 : (_translations$languag6 = _translations$languag5.masthead) === null || _translations$languag6 === void 0 ? void 0 : _translations$languag6.contact,
-    navLinks: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag7 = translations[language]) === null || _translations$languag7 === void 0 ? void 0 : (_translations$languag8 = _translations$languag7.mastheadNav) === null || _translations$languag8 === void 0 ? void 0 : _translations$languag8.links,
-    unauthenticatedProfileItems: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag9 = translations[language]) === null || _translations$languag9 === void 0 ? void 0 : (_translations$languag10 = _translations$languag9.masthead) === null || _translations$languag10 === void 0 ? void 0 : _translations$languag10.profileMenu.signedout.links,
-    unauthenticatedCtaButtons: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag11 = translations[language]) === null || _translations$languag11 === void 0 ? void 0 : (_translations$languag12 = _translations$languag11.masthead) === null || _translations$languag12 === void 0 ? void 0 : _translations$languag12.profileMenu.signedout.ctaButtons,
-    logoData: !language ? undefined : translations === null || translations === void 0 ? void 0 : (_translations$languag13 = translations[language]) === null || _translations$languag13 === void 0 ? void 0 : (_translations$languag14 = _translations$languag13.masthead) === null || _translations$languag14 === void 0 ? void 0 : _translations$languag14.logo,
+    authenticatedProfileItems: !language ? undefined : translations === null || translations === void 0 || (_translations$languag = translations[language]) === null || _translations$languag === void 0 || (_translations$languag = _translations$languag.masthead) === null || _translations$languag === void 0 ? void 0 : _translations$languag.profileMenu.signedin.links,
+    authenticatedCtaButtons: !language ? undefined : translations === null || translations === void 0 || (_translations$languag2 = translations[language]) === null || _translations$languag2 === void 0 || (_translations$languag2 = _translations$languag2.masthead) === null || _translations$languag2 === void 0 ? void 0 : _translations$languag2.profileMenu.signedin.ctaButtons,
+    contactUsButton: !language ? undefined : translations === null || translations === void 0 || (_translations$languag3 = translations[language]) === null || _translations$languag3 === void 0 || (_translations$languag3 = _translations$languag3.masthead) === null || _translations$languag3 === void 0 ? void 0 : _translations$languag3.contact,
+    navLinks: !language ? undefined : translations === null || translations === void 0 || (_translations$languag4 = translations[language]) === null || _translations$languag4 === void 0 || (_translations$languag4 = _translations$languag4.mastheadNav) === null || _translations$languag4 === void 0 ? void 0 : _translations$languag4.links,
+    unauthenticatedProfileItems: !language ? undefined : translations === null || translations === void 0 || (_translations$languag5 = translations[language]) === null || _translations$languag5 === void 0 || (_translations$languag5 = _translations$languag5.masthead) === null || _translations$languag5 === void 0 ? void 0 : _translations$languag5.profileMenu.signedout.links,
+    unauthenticatedCtaButtons: !language ? undefined : translations === null || translations === void 0 || (_translations$languag6 = translations[language]) === null || _translations$languag6 === void 0 || (_translations$languag6 = _translations$languag6.masthead) === null || _translations$languag6 === void 0 ? void 0 : _translations$languag6.profileMenu.signedout.ctaButtons,
+    logoData: !language ? undefined : translations === null || translations === void 0 || (_translations$languag7 = translations[language]) === null || _translations$languag7 === void 0 || (_translations$languag7 = _translations$languag7.masthead) === null || _translations$languag7 === void 0 ? void 0 : _translations$languag7.logo,
     userStatus: request === null || request === void 0 ? void 0 : request.user,
     language
   }, value => value !== undefined);