@carbon/web-components 2.42.0 → 2.43.0

package/es-custom/components/ui-shell/side-nav.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--side-nav{background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);inline-size:3rem;inset-block:0;inset-inline-start:0;max-inline-size:16rem;overflow:hidden;position:fixed;transition:inline-size .11s cubic-bezier(.2,0,1,.9),transform .11s cubic-bezier(.2,0,1,.9);will-change:inline-size;z-index:8000}.cds-custom--side-nav--ux{inline-size:16rem;inset-block-start:3rem}@media (max-width:65.98rem){.cds-custom--side-nav--ux{inline-size:0}}.cds-custom--side-nav--rail{inline-size:3rem}.cds-custom--side-nav--hidden{inline-size:0}.cds-custom--side-nav--expanded{inline-size:16rem}.cds-custom--side-nav__overlay{background-color:transparent;block-size:0;inline-size:0;inset-block-start:3rem;inset-inline-start:0;opacity:0;position:fixed;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1)}@media (max-width:65.98rem){.cds-custom--side-nav__overlay-active{background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100vh;inline-size:100vw;opacity:1;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1);z-index:6000}}.cds-custom--header~.cds-custom--side-nav{block-size:calc(100% - 48px);inset-block-start:3rem}.cds-custom--side-nav--fixed{inline-size:16rem}.cds-custom--side-nav--collapsed{inline-size:16rem;transform:translateX(-16rem)}.cds-custom--side-nav__navigation{display:flex;flex-direction:column}.cds-custom--side-nav__items,:host(cds-custom-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__items *,.cds-custom--side-nav__items :after,.cds-custom--side-nav__items :before,:host(cds-custom-side-nav-items) *,:host(cds-custom-side-nav-items) :after,:host(cds-custom-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__items,:host(cds-custom-side-nav-items){flex:1 1 0%;overflow:hidden;padding:1rem 0 0}.cds-custom--side-nav--expanded .cds-custom--side-nav__items,.cds-custom--side-nav--expanded :host(cds-custom-side-nav-items),.cds-custom--side-nav--fixed .cds-custom--side-nav__items,.cds-custom--side-nav--fixed :host(cds-custom-side-nav-items),.cds-custom--side-nav:hover .cds-custom--side-nav__items,.cds-custom--side-nav:hover :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav--ux .cds-custom--side-nav__items,.cds-custom--side-nav--ux :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav__item,:host(cds-custom-side-nav-link),:host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto;overflow:hidden}.cds-custom--side-nav--ux .cds-custom--side-nav__item,.cds-custom--side-nav--ux :host(cds-custom-side-nav-link),.cds-custom--side-nav--ux :host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]:hover,.cds-custom--side-nav a.cds-custom--header__menu-item:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover,.cds-custom--side-nav__menu a.cds-custom--side-nav__link:not(.cds-custom--side-nav__link--current):not([aria-current=page]):hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover>span{color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--large,:host(cds-custom-side-nav-link[large]),:host(cds-custom-side-nav-menu[large]){block-size:auto}.cds-custom--side-nav__divider,:host(cds-custom-side-nav-divider){background-color:var(--cds-border-subtle);block-size:1px;list-style-type:none;margin:.5rem 1rem}.cds-custom--side-nav__divider hr,:host(cds-custom-side-nav-divider) hr{border:none}.cds-custom--side-nav__submenu{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds-custom--side-nav__submenu *,.cds-custom--side-nav__submenu :after,.cds-custom--side-nav__submenu :before{box-sizing:inherit}.cds-custom--side-nav__submenu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds-custom--side-nav__submenu::-moz-focus-inner{border:0}.cds-custom--side-nav__submenu{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;transition:color .11s,background-color .11s,outline .11s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__submenu:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav__submenu:focus{outline-style:dotted}}.cds-custom--side-nav__submenu-title{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.cds-custom--side-nav__icon.cds-custom--side-nav__submenu-chevron{display:flex;flex:1;justify-content:flex-end}.cds-custom--side-nav__submenu-chevron>svg{block-size:1rem;inline-size:1rem;transition:transform .11s}.cds-custom--side-nav__submenu[aria-expanded=true] .cds-custom--side-nav__submenu-chevron>svg{transform:rotate(180deg)}.cds-custom--side-nav__item--large .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-link[large]) .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-menu[large]) .cds-custom--side-nav__submenu{block-size:3rem}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false],:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616);position:relative}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false]:before,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu-title,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu-title{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav__item--active .cds-custom--side-nav__icon>svg,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__icon>svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--side-nav__menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__menu *,.cds-custom--side-nav__menu :after,.cds-custom--side-nav__menu :before{box-sizing:inherit}.cds-custom--side-nav__menu{display:block;max-block-size:0;visibility:hidden}.cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:93.75rem;visibility:inherit}.cds-custom--side-nav__menu a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}.cds-custom--side-nav__item.cds-custom--side-nav__item--icon a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu):host(cds-custom-side-nav-menu[has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page],a.cds-custom--side-nav__link--current{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current>span,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page]>span,a.cds-custom--side-nav__link--current>span{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu,.cds-custom--side-nav a.cds-custom--header__menu-item,a.cds-custom--side-nav__link{align-items:center;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);min-block-size:2rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;text-decoration:none;transition:color .11s,background-color .11s,outline .11s}.cds-custom--side-nav__item--large a.cds-custom--side-nav__link,:host(cds-custom-side-nav-link[large]) a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu[large]) a.cds-custom--side-nav__link{block-size:3rem}.cds-custom--side-nav a.cds-custom--header__menu-item .cds-custom--text-truncate-end,a.cds-custom--side-nav__link>.cds-custom--side-nav__link-text{color:var(--cds-text-secondary,#525252);font-size:.875rem;letter-spacing:.1px;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline-style:dotted}}a.cds-custom--side-nav__link--current,a.cds-custom--side-nav__link[aria-current=page]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));font-weight:600}a.cds-custom--side-nav__link--current .cds-custom--side-nav__link-text,a.cds-custom--side-nav__link[aria-current=page] .cds-custom--side-nav__link-text{color:var(--cds-text-primary,#161616)}a.cds-custom--side-nav__link--current:before,a.cds-custom--side-nav__link[aria-current=page]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__icon{align-items:center;display:flex;flex:0 0 1rem;justify-content:center}.cds-custom--side-nav__icon:not(.cds-custom--side-nav__submenu-chevron){margin-inline-end:1.5rem}.cds-custom--side-nav__icon>svg{block-size:1rem;fill:var(--cds-icon-secondary,#525252);inline-size:1rem}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-expand-icon,.cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:none}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:block}.cds-custom--side-nav--fixed .cds-custom--side-nav__submenu,.cds-custom--side-nav--fixed a.cds-custom--side-nav__link{padding-inline-start:1rem}.cds-custom--side-nav--fixed .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--icon) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu a.cds-custom--side-nav__link{padding-inline-start:2rem}@media (max-width:65.98rem){.cds-custom--side-nav .cds-custom--header__nav{display:block}}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__header-navigation *,.cds-custom--side-nav__header-navigation :after,.cds-custom--side-nav__header-navigation :before,:host(cds-custom-header-side-nav-items) *,:host(cds-custom-header-side-nav-items) :after,:host(cds-custom-header-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:none}@media (max-width:65.98rem){.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:block;margin-block-end:2rem;position:relative}}.cds-custom--side-nav__header-divider:after{background:var(--cds-border-subtle);block-size:.0625rem;content:\"\";inline-size:calc(100% - 32px);inset-block-end:-1rem;inset-inline-start:1rem;position:absolute}.cds-custom--side-nav a.cds-custom--header__menu-item{color:var(--cds-text-secondary,#525252);justify-content:space-between;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item[aria-expanded=true]{background-color:transparent}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu{background-color:transparent;box-shadow:none;inline-size:100%;inset-block-end:inherit;padding:0;transform:none}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu li{inline-size:100%}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item{font-weight:400;padding-inline-start:4.25rem}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds-custom--side-nav .cds-custom--side-nav__header-navigation .cds-custom--header__menu-item--current:after,.cds-custom--side-nav .cds-custom--side-nav__header-navigation a.cds-custom--header__menu-item[aria-current=page]:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) .cds-custom--header__menu-item--current:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) a.cds-custom--header__menu-item[aria-current=page]:after{block-size:calc(100% + 4px);inline-size:3px}.cds-custom--side-nav .cds-custom--header__menu a.cds-custom--header__menu-item{block-size:inherit}.cds-custom--side-nav .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:focus .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:hover .cds-custom--header__menu-arrow{fill:var(--cds-icon-secondary,#525252)}:host(cds-custom-side-nav[expanded]) ::slotted(cds-custom-side-nav-items){overflow-y:auto}:host(cds-custom-side-nav-link){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon{color:var(--cds-text-primary,#161616)}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-side-nav-divider){display:block}:host(cds-custom-side-nav-menu){display:block}:host(cds-custom-side-nav-menu) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu{margin:0;padding:0}:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:none}:host(cds-custom-side-nav-menu[active]){color:var(--cds-text-primary,#161616);position:relative}:host(cds-custom-side-nav-menu[active]):before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:.25rem;inset-block:0;inset-inline-start:0;position:absolute}:host(cds-custom-side-nav-menu[active][expanded]){background-color:inherit;color:inherit;position:inherit}:host(cds-custom-side-nav-menu[active][expanded]):before{content:none}:host(cds-custom-side-nav-menu-item){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-side-nav-menu-item) a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}:host(cds-custom-side-nav-menu-item[parent-has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}:host(cds-custom-side-nav-item) .cds-custom--side-nav__link:hover,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu-item) .cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}"]);
+var styles = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--side-nav{background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);inline-size:3rem;inset-block:0;inset-inline-start:0;max-inline-size:16rem;overflow:hidden;position:fixed;transition:inline-size .11s cubic-bezier(.2,0,1,.9),transform .11s cubic-bezier(.2,0,1,.9);will-change:inline-size;z-index:8000}.cds-custom--side-nav--ux{inline-size:16rem;inset-block-start:3rem}@media (max-width:65.98rem){.cds-custom--side-nav--ux{inline-size:0}}.cds-custom--side-nav--rail{inline-size:3rem}.cds-custom--side-nav--hidden{inline-size:0}.cds-custom--side-nav--expanded{inline-size:16rem}.cds-custom--side-nav__overlay{background-color:transparent;block-size:0;inline-size:0;inset-block-start:3rem;inset-inline-start:0;opacity:0;position:fixed;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1)}@media (max-width:65.98rem){.cds-custom--side-nav__overlay-active{background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100vh;inline-size:100vw;opacity:1;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1);z-index:6000}}.cds-custom--header~.cds-custom--side-nav{block-size:calc(100% - 48px);inset-block-start:3rem}.cds-custom--side-nav--fixed{inline-size:16rem}.cds-custom--side-nav--collapsed{inline-size:16rem;transform:translateX(-16rem)}.cds-custom--side-nav__navigation{display:flex;flex-direction:column}.cds-custom--side-nav__items,:host(cds-custom-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__items *,.cds-custom--side-nav__items :after,.cds-custom--side-nav__items :before,:host(cds-custom-side-nav-items) *,:host(cds-custom-side-nav-items) :after,:host(cds-custom-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__items,:host(cds-custom-side-nav-items){flex:1 1 0%;overflow:hidden;padding:1rem 0 0}.cds-custom--side-nav--expanded .cds-custom--side-nav__items,.cds-custom--side-nav--expanded :host(cds-custom-side-nav-items),.cds-custom--side-nav--fixed .cds-custom--side-nav__items,.cds-custom--side-nav--fixed :host(cds-custom-side-nav-items),.cds-custom--side-nav:hover .cds-custom--side-nav__items,.cds-custom--side-nav:hover :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav--ux .cds-custom--side-nav__items,.cds-custom--side-nav--ux :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav__item,:host(cds-custom-side-nav-link),:host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto;overflow:hidden}.cds-custom--side-nav--ux .cds-custom--side-nav__item,.cds-custom--side-nav--ux :host(cds-custom-side-nav-link),.cds-custom--side-nav--ux :host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]:hover,.cds-custom--side-nav a.cds-custom--header__menu-item:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover,.cds-custom--side-nav__menu a.cds-custom--side-nav__link:not(.cds-custom--side-nav__link--current):not([aria-current=page]):hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover>span{color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--large,:host(cds-custom-side-nav-link[large]),:host(cds-custom-side-nav-menu[large]){block-size:auto}.cds-custom--side-nav__divider,:host(cds-custom-side-nav-divider){background-color:var(--cds-border-subtle);block-size:1px;list-style-type:none;margin:.5rem 1rem}.cds-custom--side-nav__divider hr,:host(cds-custom-side-nav-divider) hr{border:none}.cds-custom--side-nav__submenu{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds-custom--side-nav__submenu *,.cds-custom--side-nav__submenu :after,.cds-custom--side-nav__submenu :before{box-sizing:inherit}.cds-custom--side-nav__submenu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds-custom--side-nav__submenu::-moz-focus-inner{border:0}.cds-custom--side-nav__submenu{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;transition:color .11s,background-color .11s,outline .11s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__submenu:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav__submenu:focus{outline-style:dotted}}.cds-custom--side-nav__submenu-title{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.cds-custom--side-nav__icon.cds-custom--side-nav__submenu-chevron{display:flex;flex:1;justify-content:flex-end}.cds-custom--side-nav__submenu-chevron>svg{block-size:1rem;inline-size:1rem;transition:transform .11s}.cds-custom--side-nav__submenu[aria-expanded=true] .cds-custom--side-nav__submenu-chevron>svg{transform:rotate(180deg)}.cds-custom--side-nav__item--large .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-link[large]) .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-menu[large]) .cds-custom--side-nav__submenu{block-size:3rem}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false],:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616);position:relative}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false]:before,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu-title,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu-title{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav__item--active .cds-custom--side-nav__icon>svg,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__icon>svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--side-nav__menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__menu *,.cds-custom--side-nav__menu :after,.cds-custom--side-nav__menu :before{box-sizing:inherit}.cds-custom--side-nav__menu{display:block;max-block-size:0;visibility:hidden}.cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:93.75rem;visibility:inherit}.cds-custom--side-nav__menu a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}.cds-custom--side-nav__item.cds-custom--side-nav__item--icon a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu):host(cds-custom-side-nav-menu[has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page],a.cds-custom--side-nav__link--current{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current>span,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page]>span,a.cds-custom--side-nav__link--current>span{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu,.cds-custom--side-nav a.cds-custom--header__menu-item,a.cds-custom--side-nav__link{align-items:center;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);min-block-size:2rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;text-decoration:none;transition:color .11s,background-color .11s,outline .11s}.cds-custom--side-nav__item--large a.cds-custom--side-nav__link,:host(cds-custom-side-nav-link[large]) a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu[large]) a.cds-custom--side-nav__link{block-size:3rem}.cds-custom--side-nav a.cds-custom--header__menu-item .cds-custom--text-truncate-end,a.cds-custom--side-nav__link>.cds-custom--side-nav__link-text{color:var(--cds-text-secondary,#525252);font-size:.875rem;letter-spacing:.1px;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline-style:dotted}}a.cds-custom--side-nav__link--current,a.cds-custom--side-nav__link[aria-current=page]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));font-weight:600}a.cds-custom--side-nav__link--current .cds-custom--side-nav__link-text,a.cds-custom--side-nav__link[aria-current=page] .cds-custom--side-nav__link-text{color:var(--cds-text-primary,#161616)}a.cds-custom--side-nav__link--current:before,a.cds-custom--side-nav__link[aria-current=page]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__icon{align-items:center;display:flex;flex:0 0 1rem;justify-content:center}.cds-custom--side-nav__icon:not(.cds-custom--side-nav__submenu-chevron){margin-inline-end:1.5rem}.cds-custom--side-nav__icon>svg{block-size:1rem;fill:var(--cds-icon-secondary,#525252);inline-size:1rem}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-expand-icon,.cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:none}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:block}.cds-custom--side-nav--fixed .cds-custom--side-nav__submenu,.cds-custom--side-nav--fixed a.cds-custom--side-nav__link{padding-inline-start:1rem}.cds-custom--side-nav--fixed .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--icon) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu a.cds-custom--side-nav__link{padding-inline-start:2rem}@media (max-width:65.98rem){.cds-custom--side-nav .cds-custom--header__nav{display:block}}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__header-navigation *,.cds-custom--side-nav__header-navigation :after,.cds-custom--side-nav__header-navigation :before,:host(cds-custom-header-side-nav-items) *,:host(cds-custom-header-side-nav-items) :after,:host(cds-custom-header-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:none}@media (max-width:65.98rem){.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:block;margin-block-end:2rem;position:relative}}.cds-custom--side-nav__header-divider:after{background:var(--cds-border-subtle);block-size:.0625rem;content:\"\";inline-size:calc(100% - 32px);inset-block-end:-1rem;inset-inline-start:1rem;position:absolute}.cds-custom--side-nav a.cds-custom--header__menu-item{color:var(--cds-text-secondary,#525252);justify-content:space-between;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item[aria-expanded=true]{background-color:transparent}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu{background-color:transparent;box-shadow:none;inline-size:100%;inset-block-end:inherit;padding:0;transform:none}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu li{inline-size:100%}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item{font-weight:400;padding-inline-start:4.25rem}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds-custom--side-nav .cds-custom--side-nav__header-navigation .cds-custom--header__menu-item--current:after,.cds-custom--side-nav .cds-custom--side-nav__header-navigation a.cds-custom--header__menu-item[aria-current=page]:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) .cds-custom--header__menu-item--current:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) a.cds-custom--header__menu-item[aria-current=page]:after{block-size:calc(100% + 4px);inline-size:3px}.cds-custom--side-nav .cds-custom--header__menu a.cds-custom--header__menu-item{block-size:inherit}.cds-custom--side-nav .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:focus .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:hover .cds-custom--header__menu-arrow{fill:var(--cds-icon-secondary,#525252)}:host(cds-custom-side-nav[expanded]) ::slotted(cds-custom-side-nav-items){overflow-y:auto}:host(cds-custom-side-nav-link){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon{color:var(--cds-text-primary,#161616)}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-side-nav-divider){display:block}:host(cds-custom-side-nav-menu){display:block}:host(cds-custom-side-nav-menu) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu{margin:0;padding:0}:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:none}:host(cds-custom-side-nav-menu[active]){color:var(--cds-text-primary,#161616);position:relative}:host(cds-custom-side-nav-menu[active]):before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:.25rem;inset-block:0;inset-inline-start:0;position:absolute}:host(cds-custom-side-nav-menu[active][expanded]){background-color:inherit;color:inherit;position:inherit}:host(cds-custom-side-nav-menu[active][expanded]):before{content:none}:host(cds-custom-side-nav-menu-item){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-side-nav-menu-item) a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}:host(cds-custom-side-nav-menu-item[parent-has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}:host(cds-custom-side-nav-item) .cds-custom--side-nav__link:hover,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu-item) .cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}"]);
 
 export { styles as default };
 //# sourceMappingURL=side-nav.scss.js.map

package/lib/components/combo-box/combo-box.d.ts

@@ -57,10 +57,12 @@ declare class CDSComboBox extends CDSDropdown {
      * @returns `true` if the given combo box item matches the given query text.
      */
     protected _defaultItemMatches(item: CDSComboBoxItem, queryText: string): boolean;
+    connectedCallback(): void;
     /**
      * Handles `input` event on the `<input>` for filtering.
      */
-    protected _handleInput(): void;
+    protected _handleInput(event: InputEvent): void;
+    protected _removeAutoCompleteSuggestion(): void;
     protected _filterItems(items: NodeListOf<Element>, queryText: string, rawQueryText: string): number;
     protected _scrollItemIntoView(item: HTMLElement): void;
     protected _handleInputKeydown(event: KeyboardEvent): void;
@@ -87,9 +89,14 @@ declare class CDSComboBox extends CDSDropdown {
      */
     itemMatches: (item: CDSComboBoxItem, queryText: string) => boolean;
     /**
-     * Provide custom filtering behavior.
+     * Provide custom filtering behavior. This attribute will be ignored if
+     * `typeahead` is enabled and will default to `true`
      */
     shouldFilterItem: boolean | ShouldFilterItem;
+    /**
+     * **Experimental**: will enable autocomplete and typeahead for the input field
+     */
+    typeahead: boolean;
     shouldUpdate(changedProperties: any): boolean;
     updated(changedProperties: any): void;
     protected _resetFilteredItems(): void;

package/lib/components/dropdown/dropdown.d.ts

@@ -1669,6 +1669,14 @@ declare class CDSDropdown extends CDSDropdown_base {
     get toggleLabel(): string;
     shouldUpdate(changedProperties: any): boolean;
     updated(_changedProperties: any): void;
+    /**
+     * Normalizes validation props based on disabled and readOnly states
+     */
+    protected get _normalizedProps(): {
+        disabled: boolean;
+        invalid: boolean;
+        warn: boolean;
+    };
     /**
      * The CSS class list for dropdown listbox
      */

package/lib/components/fluid-search/fluid-search-skeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp.2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSSearchSkeleton from '../search/search-skeleton';
+/**
+ * Fluid Search.
+ *
+ * @element cds-fluid-search-skeleton
+ */
+declare class CDSFluidSearchSkeleton extends CDSSearchSkeleton {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any[];
+}
+export default CDSFluidSearchSkeleton;

package/lib/components/fluid-search/fluid-search.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp.2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSSearch from '../search/search';
+/**
+ * Fluid text input.
+ *
+ * @element cds-fluid-search
+ */
+declare class CDSFluidSearch extends CDSSearch {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any[];
+}
+export default CDSFluidSearch;

package/lib/components/fluid-search/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './fluid-search';
+import './fluid-search-skeleton';

package/lib/components/fluid-select/fluid-select-skeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp.2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSSelectSkeleton from '../select/select-skeleton';
+/**
+ * Fluid text area input.
+ *
+ * @element cds-fluid-select-skeleton
+ */
+declare class CDSFluidSelectSkeleton extends CDSSelectSkeleton {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any[];
+}
+export default CDSFluidSelectSkeleton;

package/lib/components/fluid-select/fluid-select.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp.2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSSelect from '../select/select';
+/**
+ * Fluid text select.
+ *
+ * @element cds-fluid-select
+ */
+declare class CDSFluidSelect extends CDSSelect {
+    connectedCallback(): void;
+    updated(changedProperties: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any[];
+}
+export default CDSFluidSelect;

package/lib/components/fluid-select/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './fluid-select';
+import './fluid-select-skeleton';

package/lib/components/fluid-textarea/fluid-textarea-skeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp.2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSTextareaSkeleton from '../textarea/textarea-skeleton';
+/**
+ * Fluid text area input.
+ *
+ * @element cds-fluid-textarea
+ */
+declare class CDSFluidTextareaSkeleton extends CDSTextareaSkeleton {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any[];
+}
+export default CDSFluidTextareaSkeleton;

package/lib/components/fluid-textarea/fluid-textarea.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp.2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSTextarea from '../textarea/textarea';
+/**
+ * Fluid text area input.
+ *
+ * @element cds-fluid-textarea
+ */
+declare class CDSFluidTextArea extends CDSTextarea {
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any[];
+}
+export default CDSFluidTextArea;

package/lib/components/fluid-textarea/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './fluid-textarea';
+import './fluid-textarea-skeleton';

package/lib/components/radio-button/radio-button.d.ts

@@ -787,6 +787,14 @@ declare class CDSRadioButton extends CDSRadioButton_base {
      * Specify if the currently value is invalid.
      */
     invalid: boolean;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText: string;
     /**
      * The label position.
      */

package/lib/components/select/select.d.ts

@@ -397,6 +397,10 @@ declare class CDSSelect extends CDSSelect_base {
      * Select all <option> nodes with `selected` attribute
      */
     private _selectedOptionNodes;
+    /**
+     * Specify whether the textarea is fluid or not
+     */
+    isFluid: boolean;
     /**
      * Handles `oninput` event on the `<input>`.
      *

package/lib/components/textarea/textarea.d.ts

@@ -38,6 +38,10 @@ declare class CDSTextarea extends CDSTextInput {
      * The number of columns for the textarea to show by default
      */
     cols: any;
+    /**
+     * Specify whether the textarea is fluid or not
+     */
+    isFluid: boolean;
     /**
      * Specify the method used for calculating the counter number
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.42.0",
+  "version": "2.43.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -36,8 +36,8 @@
     "./es/components/*": {
       "default": "./es/components/*"
     },
-    "./es/globals/": {
-      "default": "./es/globals/"
+    "./es/globals/*": {
+      "default": "./es/globals/*"
     },
     "./es": "./es/index.js",
     "./es/": "./es/",
@@ -67,7 +67,7 @@
   },
   "dependencies": {
     "@carbon/icon-helpers": "10.47.0",
-    "@carbon/styles": "^1.94.0",
+    "@carbon/styles": "^1.95.0",
     "@floating-ui/dom": "^1.6.3",
     "@ibm/telemetry-js": "^1.10.2",
     "@lit/context": "^1.1.3",
@@ -84,7 +84,7 @@
     "@mordech/vite-lit-loader": "^0.37.0",
     "@open-wc/testing": "^4.0.0",
     "@playwright/test": "^1.36.2",
-    "@rollup/plugin-alias": "^5.1.0",
+    "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
@@ -130,5 +130,5 @@
       }
     ]
   },
-  "gitHead": "4bb1c57e936fa6a1527a4d6483668ecf3cfff51f"
+  "gitHead": "d2ccae94e5aa3defcce07cc9ea90058fda6c9705"
 }

package/scss/components/combo-box/combo-box.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2019, 2024
+// Copyright IBM Corp. 2019, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -41,14 +41,6 @@ $css--plex: true !default;
   }
 }
 
-:host(#{$prefix}-combo-box[isClosable]) {
-  .#{$prefix}--list-box__invalid-icon {
-    /* stylelint-disable declaration-no-important */
-    inset-inline-end: to-rem(66px) !important;
-    /* stylelint-enable declaration-no-important */
-  }
-}
-
 :host(#{$prefix}-combo-box[disabled]),
 :host(#{$prefix}-combo-box[read-only]) {
   .#{$prefix}--list-box__selection {
@@ -126,15 +118,36 @@ $css--plex: true !default;
 :host(#{$prefix}-combo-box[ai-label]) {
   @extend .#{$prefix}--list-box__wrapper--slug;
 
+  .#{$prefix}--list-box__wrapper--decorator {
+    @include ai-gradient;
+  }
+
   .#{$prefix}--list-box__field {
     padding: 0;
   }
 
+  .#{$prefix}--list-box__invalid-icon {
+    /* stylelint-disable-next-line declaration-no-important */
+    inset-inline-end: to-rem(83px) !important;
+  }
+
+  ::slotted(#{$prefix}-ai-label)::after,
+  ::slotted(#{$prefix}-slug)::after {
+    position: absolute;
+    display: block;
+    background-color: $border-subtle-01;
+    block-size: $spacing-05;
+    content: '';
+    inline-size: to-rem(1px);
+    inset-block-start: 0;
+    inset-inline-end: to-rem(-9px);
+  }
+
   ::slotted(#{$prefix}-ai-label),
   ::slotted(#{$prefix}-slug) {
     position: absolute;
     inset-block-start: 50%;
-    inset-inline-end: $spacing-08;
+    inset-inline-end: calc($spacing-08 + 9px);
   }
 
   ::slotted(#{$prefix}-ai-label:not([revert-active])),
@@ -143,10 +156,14 @@ $css--plex: true !default;
   }
 }
 
-:host(#{$prefix}-combo-box[ai-label][isclosable]) {
+:host(#{$prefix}-combo-box[ai-label][isClosable]) {
   ::slotted(#{$prefix}-ai-label),
   ::slotted(#{$prefix}-slug) {
-    inset-inline-end: $spacing-10;
+    inset-inline-end: calc($spacing-10 + 18px);
+  }
+
+  .#{$prefix}--list-box__field .#{$prefix}--text-input {
+    padding-inline-end: to-rem(105px);
   }
 }
 
@@ -154,14 +171,61 @@ $css--plex: true !default;
 :host(#{$prefix}-combo-box[invalid]) {
   ::slotted(#{$prefix}-ai-label),
   ::slotted(#{$prefix}-slug) {
-    inset-inline-end: $spacing-10;
+    inset-inline-end: calc($spacing-08 + 9px);
+  }
+
+  ::slotted(#{$prefix}-ai-label)::before,
+  ::slotted(#{$prefix}-slug)::before {
+    position: absolute;
+    display: block;
+    background-color: $border-subtle-01;
+    block-size: $spacing-05;
+    content: '';
+    inline-size: to-rem(1px);
+    inset-block-start: 0;
+    inset-inline-start: to-rem(-9px);
   }
 }
 
-:host(#{$prefix}-combo-box[warn][isclosable]),
-:host(#{$prefix}-combo-box[invalid][isclosable]) {
-  ::slotted(#{$prefix}-ai-label),
-  ::slotted(#{$prefix}-slug) {
-    inset-inline-end: to-rem(88px);
+:host(#{$prefix}-combo-box[warn][isClosable]:not([ai-label])),
+:host(#{$prefix}-combo-box[invalid][isClosable]:not([ai-label])) {
+  .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__menu-icon)
+    .#{$prefix}--list-box__selection::before {
+    position: absolute;
+    background-color: $border-subtle-01;
+    block-size: to-rem(16px);
+    content: '';
+    inline-size: to-rem(1px);
+    margin-inline-end: to-rem(33px);
+  }
+}
+
+:host(#{$prefix}-combo-box[isClosable]) {
+  .#{$prefix}--list-box__invalid-icon {
+    /* stylelint-disable-next-line declaration-no-important */
+    inset-inline-end: calc($spacing-10 + 18px) !important;
+  }
+
+  .#{$prefix}--list-box__field .#{$prefix}--text-input {
+    padding-inline-end: to-rem(80px);
+  }
+}
+
+:host(#{$prefix}-combo-box[warn][isClosable]),
+:host(#{$prefix}-combo-box[invalid][isClosable]) {
+  .#{$prefix}--list-box__field .#{$prefix}--text-input {
+    padding-inline-end: to-rem(105px);
+  }
+}
+
+:host(#{$prefix}-combo-box[warn][ai-label][isClosable]),
+:host(#{$prefix}-combo-box[invalid][ai-label][isClosable]) {
+  .#{$prefix}--list-box__field .#{$prefix}--text-input {
+    padding-inline-end: to-rem(141px);
+  }
+
+  .#{$prefix}--list-box__invalid-icon {
+    /* stylelint-disable-next-line declaration-no-important */
+    inset-inline-end: to-rem(116px) !important;
   }
 }

package/scss/components/data-table/_table-core.scss

@@ -17,7 +17,7 @@
 
     display: table-header-group;
 
-    background-color: $layer-accent-01;
+    background-color: $layer-accent;
   }
 
   ::slotted(#{$prefix}-table-body) {
@@ -25,7 +25,7 @@
 
     display: table-row-group;
 
-    background-color: $layer-01;
+    background-color: $layer;
     inline-size: 100%;
   }
 }
@@ -159,7 +159,7 @@
   ::slotted(#{$prefix}-table-header-cell),
   ::slotted(#{$prefix}-table-header-cell-skeleton) {
     display: table-cell;
-    background-color: $layer-accent-01;
+    background-color: $layer-accent;
     color: $text-primary;
     outline: none;
     text-align: start;
@@ -401,7 +401,7 @@
   .#{$prefix}--table-column-checkbox,
   ::slotted(#{$prefix}-table-cell),
   ::slotted(#{$prefix}-table-cell-skeleton) {
-    border-block-end: 1px solid $layer-01;
+    border-block-end: 1px solid $layer;
   }
 }
 
@@ -410,8 +410,8 @@
   .#{$prefix}--table-column-checkbox,
   ::slotted(#{$prefix}-table-cell),
   ::slotted(#{$prefix}-table-cell-skeleton) {
-    background-color: $layer-accent-01;
-    border-block-end: 1px solid $layer-accent-01;
+    background-color: $layer-accent;
+    border-block-end: 1px solid $layer-accent;
   }
 }
 
@@ -423,8 +423,8 @@
   .#{$prefix}--table-expand,
   .#{$prefix}--table-column-checkbox {
     background-color: $background-hover;
-    border-block-end-color: $layer-hover-01;
-    border-block-start-color: $layer-hover-01;
+    border-block-end-color: $layer-hover;
+    border-block-start-color: $layer-hover;
     color: $text-primary;
   }
 }
@@ -437,7 +437,7 @@
   ::slotted(#{$prefix}-table-cell),
   ::slotted(#{$prefix}-table-cell-skeleton) {
     background-color: $background-hover;
-    border-block-end: 1px solid $layer-hover-01;
+    border-block-end: 1px solid $layer-hover;
   }
 }
 

package/scss/components/data-table/_table-expandable.scss

@@ -135,30 +135,30 @@
   &[highlighted] {
     .#{$prefix}--table-expand {
       background-color: $background-hover;
-      border-block-end-color: $layer-hover-01;
-      border-block-start-color: $layer-hover-01;
+      border-block-end-color: $layer-hover;
+      border-block-start-color: $layer-hover;
     }
   }
 
   &[even] {
     .#{$prefix}--table-expand {
-      background-color: $layer-accent-01;
-      border-block-end: 1px solid $layer-accent-01;
+      background-color: $layer-accent;
+      border-block-end: 1px solid $layer-accent;
 
       &:hover {
         background-color: $background-hover;
-        border-block-end: 1px solid $layer-hover-01;
+        border-block-end: 1px solid $layer-hover;
       }
     }
   }
 
   &[odd] {
     .#{$prefix}--table-expand {
-      border-block-end: 1px solid $layer-01;
+      border-block-end: 1px solid $layer;
 
       &:hover {
         background-color: $background-hover;
-        border-block-end: 1px solid $layer-hover-01;
+        border-block-end: 1px solid $layer-hover;
       }
     }
   }

package/scss/components/data-table/_table-selection.scss

@@ -51,8 +51,8 @@
 :host(#{$prefix}-table-row:hover) {
   .#{$prefix}--table-column-checkbox {
     background-color: $background-hover;
-    border-block-end-color: $layer-hover-01;
-    border-block-start-color: $layer-hover-01;
+    border-block-end-color: $layer-hover;
+    border-block-start-color: $layer-hover;
   }
 }
 
@@ -60,7 +60,7 @@
   ::slotted(#{$prefix}-table-cell),
   .#{$prefix}--table-expand,
   .#{$prefix}--table-column-checkbox {
-    background-color: $layer-accent-01;
+    background-color: $layer-accent;
     // bottom border acts as separator from other rows
     border-block-end: 1px solid $layer-active;
     color: $text-primary;

package/scss/components/dropdown/dropdown.scss

@@ -54,7 +54,9 @@ $css--plex: true !default;
   .#{$prefix}--list-box__field {
     outline: none;
   }
+}
 
+:host(#{$prefix}-dropdown[invalid]:not([disabled]):not([read-only])) {
   .#{$prefix}--form__helper-text {
     color: $text-error;
   }