@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.100

package/css/salt-lab.css

@@ -0,0 +1,3267 @@
+/* src/app-header/AppHeader.css */
+.salt-density-medium,
+.salt-density-low,
+.salt-density-touch {
+  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 2));
+}
+.salt-density-high {
+  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 3));
+}
+.saltAppHeader {
+  --appHeader-background: var(--salt-container-primary-background);
+  --appHeader-separable-bar: var(--salt-separable-secondary-borderColor);
+  --appHeader-shadow: var(--saltAppHeader-shadow, var(--salt-overlayable-shadow-region));
+  --appHeader-padding: var(--salt-size-container-spacing);
+  --appHeader-paddingLeft: 8px;
+  --appHeader-paddingRight: var(--appHeader-padding);
+  --saltToolbar-width: auto;
+}
+.saltAppHeader .saltTabstrip {
+  --saltTabs-tabstrip-height: var(--appHeader-height);
+  --saltTabs-activationIndicator-height: 0px;
+  --saltTabs-activationIndicator-thumb-inset: -2px 0 0 0;
+}
+.saltAppHeader {
+  align-items: flex-start;
+  background: var(--appHeader-background);
+  border-bottom: var(--salt-borderStyle-solid) var(--salt-size-fixed-100) var(--salt-separable-primary-borderColor);
+  box-shadow: var(--appHeader-shadow);
+  box-sizing: content-box;
+  display: flex;
+  flex: 0 0 auto;
+  height: var(--appHeader-height);
+  overflow: hidden;
+  padding: 0 var(--appHeader-paddingRight) 0 var(--appHeader-paddingLeft);
+  width: 100%;
+}
+.saltAppHeader > .Responsive-inner {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  flex: 1;
+  min-height: var(--appHeader-height);
+}
+.saltAppHeader > .Responsive-inner > .responsive-pillar {
+  width: 0;
+  height: var(--appHeader-height);
+}
+.saltAppHeader-navMenu {
+  margin-right: 12px;
+  padding-right: 8px;
+}
+.saltAppHeader-navMenu::after {
+  top: 0;
+  right: 0;
+  width: var(--salt-size-fixed-100);
+  bottom: 0;
+  content: "";
+  position: absolute;
+  background: var(--appHeader-separable-bar);
+}
+.saltAppHeader .saltLogo:not(.saltLogo-compact) {
+  margin-left: 16px;
+}
+.saltAppHeader > .Responsive-inner > .Tabstrip {
+  align-self: flex-end;
+  flex: 0 0 auto;
+  margin-left: 48px;
+}
+.saltAppHeader > .Responsive-inner > [data-pad-end] {
+  margin-right: auto;
+}
+.saltAppHeader > .Responsive-inner > * {
+  flex-shrink: 0;
+}
+.saltAppHeader > .Responsive-inner > .Toolbar {
+  justify-content: flex-end;
+  margin-left: 48px;
+}
+.saltAppHeader > .Responsive-inner > [data-pad-start=true] {
+  margin-left: auto;
+}
+.saltAppHeader > .Responsive-inner[data-collapsing=true] {
+  flex-wrap: nowrap;
+}
+.saltAppHeader > .Responsive-inner > *[data-collapsing=true] {
+  flex-shrink: 1;
+}
+.saltAppHeader > .Responsive-inner > *[data-collapsible=dynamic][data-collapsed=true] {
+  flex-basis: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+
+/* src/breadcrumbs/Breadcrumb.css */
+.saltBreadcrumb {
+  --breadcrumbs-crumb-color: var(--saltBreadcrumbs-crumb-color, var(--salt-actionable-primary-foreground));
+  --breadcrumbs-crumb-color-hover: var(--saltBreadcrumbs-crumb-color-hover, var(--salt-actionable-primary-foreground-hover));
+  --breadcrumbs-crumb-color-active: var(--saltBreadcrumbs-crumb-color-active, var(--salt-actionable-primary-foreground-active));
+  --breadcrumbs-crumb-icon-color: var(--saltBreadcrumbs-crumb-icon-color, var(--breadcrumbs-crumb-color));
+  --breadcrumbs-crumb-marginLeft: 0px;
+}
+.saltBreadcrumb {
+  padding: 0px;
+}
+.saltBreadcrumb-regular {
+  display: flex;
+  gap: calc(var(--salt-size-unit) / 2);
+  align-items: center;
+  color: var(--breadcrumbs-crumb-color);
+}
+.saltBreadcrumb-regular:visited {
+  color: currentColor;
+}
+.saltBreadcrumb-regular:visited .saltBreadcrumb-icon {
+  color: currentColor;
+}
+.saltBreadcrumb-regular:hover {
+  color: var(--breadcrumbs-crumb-color-hover);
+}
+.saltBreadcrumb-regular:hover .saltBreadcrumb-icon {
+  color: var(--breadcrumbs-crumb-color-hover);
+}
+.saltBreadcrumb-regular:active {
+  color: var(--breadcrumbs-crumb-color-active);
+}
+.saltBreadcrumb-regular:active .saltBreadcrumb-icon {
+  color: var(--breadcrumbs-crumb-color-active);
+}
+.saltBreadcrumb-currentLevel {
+  color: var(--breadcrumbs-crumb-color);
+}
+.saltBreadcrumb-icon {
+  color: var(--breadcrumbs-crumb-icon-color);
+  margin-left: var(--saltBreadcrumbs-crumb-marginLeft, var(--breadcrumbs-crumb-marginLeft));
+}
+.saltBreadcrumb-justifyContentCenter {
+  justify-content: center;
+}
+.saltBreadcrumb-text {
+  text-decoration: underline;
+}
+
+/* src/breadcrumbs/Breadcrumbs.css */
+.saltBreadcrumbs-ol {
+  --breadcrumbs-ol-gap: var(--salt-size-unit);
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 0;
+  margin: 0;
+  gap: var(--breadcrumbs-ol-gap);
+}
+.saltBreadcrumbs-li {
+  --breadcrumbs-li-marginRight: 0px;
+  --breadcrumbs-li-padding: 0px;
+  flex: 0 1 auto;
+  list-style: none;
+  margin-right: var(--breadcrumbs-li-marginRight);
+  padding: var(--breadcrumbs-li-padding);
+}
+.saltBreadcrumbs-separator {
+  --breadcrumbs-separator-marginRight: 0px;
+  display: flex;
+  margin-right: var(--breadcrumbs-separator-marginRight);
+  user-select: none;
+}
+.saltBreadcrumbs-ol-wrap {
+  flex-wrap: wrap;
+}
+.saltBreadcrumbs-ol-wrap .saltBreadcrumbs-li,
+.saltBreadcrumbs-ol-wrap .saltBreadcrumbs-separator {
+  --breadcrumbs-ol-wrap-li-marginBottom: 0px;
+  margin-bottom: var(--breadcrumbs-ol-wrap-li-marginBottom);
+}
+
+/* src/breadcrumbs-next/BreadcrumbNext.css */
+.saltBreadcrumbNext {
+  align-items: center;
+  display: inline-flex;
+  flex: 0 1 auto;
+  gap: var(--salt-spacing-100);
+  list-style: none;
+  min-width: 0;
+}
+.saltBreadcrumbNext-current,
+.saltBreadcrumbNext-label,
+.saltBreadcrumbNext-link,
+.saltBreadcrumbNext-trigger {
+  min-width: 0;
+}
+.saltBreadcrumbNext-trigger {
+  align-items: center;
+  color: var(--salt-content-primary-foreground);
+  display: inline-flex;
+  font-family: var(--salt-text-label-fontFamily);
+  font-size: var(--salt-text-label-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  gap: var(--salt-spacing-50);
+  letter-spacing: var(--salt-text-letterSpacing);
+  line-height: var(--salt-text-label-lineHeight);
+  max-width: 100%;
+  text-decoration: var(--salt-typography-textDecoration-none);
+}
+.saltBreadcrumbNext-link:not(.saltBreadcrumbNext-current) {
+  text-decoration: var(--salt-typography-textDecoration-underline);
+}
+.saltBreadcrumbNext-link:not(.saltBreadcrumbNext-current):hover {
+  text-decoration: var(--salt-typography-textDecoration-none);
+}
+.saltBreadcrumbNext-link:not(.saltBreadcrumbNext-current):active {
+  text-decoration: var(--salt-typography-textDecoration-underline);
+}
+.saltBreadcrumbNext-trigger:focus {
+  outline: var(--salt-focused-outline);
+  text-decoration: var(--salt-typography-textDecoration-none);
+}
+.saltBreadcrumbNext-current {
+  cursor: var(--salt-cursor-text);
+}
+.saltBreadcrumbNext-separator {
+  --saltIcon-color: var(--salt-content-secondary-foreground);
+  --saltIcon-size: var(--salt-size-icon);
+  flex: 0 0 auto;
+}
+
+/* src/breadcrumbs-next/BreadcrumbsNext.css */
+.saltBreadcrumbsNext {
+  display: block;
+  margin-block: var(--salt-spacing-25);
+}
+.saltBreadcrumbsNext-ol {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: var(--salt-spacing-100);
+  justify-content: flex-start;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.saltBreadcrumbsNext-ol-wrap {
+  flex-wrap: wrap;
+}
+.saltBreadcrumbsNext-collapseItem {
+  align-items: center;
+  display: inline-flex;
+  flex: 0 1 auto;
+  gap: var(--salt-spacing-100);
+  list-style: none;
+  min-width: 0;
+}
+.saltBreadcrumbsNext-collapseButton[aria-expanded=true] {
+  --saltButton-background: var(--salt-actionable-subtle-background-active);
+  --saltButton-background-hover: var(--salt-actionable-subtle-background-active);
+  --saltButton-text-color: var(--salt-actionable-subtle-foreground-active);
+  --saltButton-text-color-hover: var(--salt-actionable-subtle-foreground-active);
+  --saltButton-borderColor: var(--salt-actionable-subtle-borderColor-active);
+  --saltButton-borderColor-hover: var(--salt-actionable-subtle-borderColor-active);
+  cursor: var(--salt-cursor-active);
+}
+.saltBreadcrumbsNext-disclosure {
+  background: var(--salt-container-primary-background);
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
+  overflow: hidden;
+  overflow-y: auto;
+  min-width: 10em;
+  position: relative;
+  z-index: var(--salt-zIndex-flyover);
+  box-shadow: var(--salt-overlayable-shadow-popout);
+  box-sizing: border-box;
+  border-radius: var(--salt-palette-corner, 0);
+}
+.saltBreadcrumbsNext-disclosureList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.saltBreadcrumbsNext-disclosureListItem {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.saltBreadcrumbsNext-disclosureItem {
+  color: var(--salt-content-primary-foreground);
+  background: var(--salt-selectable-background);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  font-family: var(--salt-text-fontFamily);
+  line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
+  padding: calc(var(--salt-spacing-100) + var(--salt-spacing-25)) var(--salt-spacing-100);
+  display: flex;
+  gap: var(--salt-spacing-100);
+  position: relative;
+  cursor: var(--salt-cursor-hover);
+  box-sizing: border-box;
+  flex-shrink: 0;
+  text-decoration: none;
+  width: 100%;
+}
+.saltBreadcrumbsNext-disclosureItem:focus-visible {
+  outline: var(--salt-focused-outline);
+  outline-offset: calc(var(--salt-size-fixed-100) * -2);
+}
+.saltBreadcrumbsNext-disclosureItem:hover {
+  outline: none;
+}
+.saltBreadcrumbsNext-disclosureItem:hover,
+.saltBreadcrumbsNext-disclosureItem:focus-visible {
+  background: var(--salt-selectable-background-hover);
+}
+.saltBreadcrumbsNext-disclosureItem:active {
+  background: var(--salt-selectable-background-selected);
+  box-shadow: 0 calc(var(--salt-size-fixed-100) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-fixed-100) 0 0 var(--salt-selectable-borderColor-selected);
+}
+.saltBreadcrumbsNext-disclosureItem[aria-disabled=true],
+.saltBreadcrumbsNext-disclosureItem[aria-disabled=true]:active {
+  background: var(--salt-selectable-background-disabled);
+  color: var(--salt-content-primary-foreground-disabled);
+  cursor: var(--salt-cursor-disabled);
+  box-shadow: none;
+}
+
+/* src/button-bar/ButtonBar.css */
+.saltButtonBar {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--salt-size-unit);
+}
+.saltButtonBar-alignLeft {
+  justify-content: flex-start;
+}
+
+/* src/button-bar/OrderedButton.css */
+.saltOrderedButton-alignLeft {
+  margin-right: auto;
+}
+.saltOrderedButton-alignRight {
+  margin-left: auto;
+}
+
+/* src/cascading-menu/CascadingMenuItem.css */
+.saltCascadingMenuItem {
+  background: var(--salt-selectable-background);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  right: 0;
+  cursor: var(--salt-cursor-hover);
+  overflow: hidden;
+  text-align: left;
+  user-select: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border-top: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) transparent;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) transparent;
+  box-sizing: border-box;
+}
+.saltCascadingMenuItem-menuItemText {
+  flex-grow: 2;
+  white-space: nowrap;
+}
+.saltCascadingMenuItem-menuItemEndAdornment {
+  margin-left: 8px;
+}
+.saltCascadingMenuItem-menuItemStartAdornmentContainer {
+  margin-right: var(--salt-size-unit);
+  width: 12px;
+}
+.saltCascadingMenuItem-menuItemAdornmentHidden {
+  visibility: hidden;
+}
+.saltCascadingMenuItem.saltCascadingMenuItem-menuItemDivider {
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
+}
+.saltCascadingMenuItem-menuItemHover:hover {
+  background: var(--salt-selectable-background-hover);
+}
+.saltCascadingMenuItem.saltCascadingMenuItem-menuItemBlurSelected {
+  background: var(--salt-selectable-background-selected);
+  border-top-color: var(--salt-selectable-borderColor-selected);
+  border-bottom-color: var(--salt-selectable-borderColor-selected);
+}
+
+/* src/cascading-menu/CascadingMenuList.css */
+.saltCascadingMenuList-popper {
+  background: var(--salt-container-primary-background);
+}
+.saltCascadingMenuList-popper {
+  --list-box-content: content-box;
+  --list-boxShadow: var(--salt-overlayable-shadow-popout);
+}
+
+/* src/color-chooser/ColorChooser.css */
+.saltColorChooser-overlayButtonSwatch {
+  margin-right: 10px;
+  height: calc(2 * var(--salt-size-unit));
+  width: calc(2 * var(--salt-size-unit));
+}
+.saltColorChooser-overlayButtonSwatchWithBorder {
+  border: 0.2px solid var(--salt-editable-borderColor);
+}
+.saltColorChooser-overlayButtonSwatchTransparent {
+  height: calc(var(--salt-size-container-spacing) - 2px) !important;
+  width: calc(var(--salt-size-container-spacing) - 2px) !important;
+  border: 1px solid var(--salt-sentiment-negative-foreground-decorative);
+  background:
+    linear-gradient(
+      to top left,
+      rgba(166, 21, 11, 0) 0%,
+      rgba(166, 21, 11, 0) calc(50% - 0.8px),
+      rgba(166, 21, 11, 1) 50%,
+      rgba(166, 21, 11, 0) calc(50% + 0.8px),
+      rgba(166, 21, 11, 0) 100%);
+}
+.saltColorChooser-overlayButtonText {
+  font-weight: var(--salt-text-fontWeight);
+  font-family: var(--saltButton-fontFamily, var(--salt-text-fontFamily));
+  font-size: var(--salt-text-fontSize);
+  letter-spacing: normal;
+}
+.saltColorChooser-overlayButton {
+  background: transparent;
+  text-transform: none;
+  justify-content: flex-start;
+}
+.saltColorChooser-overlayButtonHiddenLabel {
+  width: var(--salt-size-container-spacing);
+  display: contents;
+}
+.saltColorChooser-defaultButton {
+  float: right;
+  background: transparent;
+  padding: 6px 2px 6px 2px;
+  height: var(--salt-size-stackable);
+}
+.saltColorChooser-defaultButton {
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
+}
+.saltColorChooser-overlayContent {
+  max-width: 100%;
+}
+.saltColorChooser-refreshIcon {
+  padding-right: 5px;
+}
+
+/* src/color-chooser/ColorPicker.css */
+.saltColorChooserPicker {
+  display: flex;
+  flex-direction: row;
+}
+.saltColorChooserPicker-inputContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  border-left: 1px solid var(--salt-separable-secondary-borderColor);
+}
+.saltColorChooserPicker-applyButtonDiv {
+  padding: var(--salt-size-unit) calc(2 * var(--salt-size-unit)) 0px calc(1.5 * var(--salt-size-unit));
+  align-self: center;
+}
+.saltColorChooserPicker-textDivOverrides {
+  font-size: var(--salt-text-label-fontSize);
+  font-weight: var(--salt-text-fontWeight-strong);
+  color: var(--salt-content-primary-foreground);
+  padding: 0px !important;
+}
+.saltColorChooserPicker-inputDivs {
+  display: flex;
+  flex-direction: column;
+  align-content: stretch;
+  padding: var(--salt-size-unit) 0px 0px var(--salt-size-unit);
+}
+.saltColorChooserPicker-root,
+.saltColorChooserPicker-rootDisabledAlpha {
+  box-shadow: none !important;
+  padding: 8px 8px 0px 0px !important;
+  background: transparent !important;
+  width: calc(9 * var(--salt-size-stackable)) !important;
+}
+.saltColorChooserPicker-root .flexbox-fix,
+.saltColorChooserPicker-rootDisabledAlpha .flexbox-fix {
+  padding-top: 8px !important;
+}
+.saltColorChooserPicker-rootDisabledAlpha .flexbox-fix ~ .flexbox-fix,
+.saltColorChooserPicker-root .flexbox-fix ~ .flexbox-fix {
+  display: none !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .flexbox-fix > div > div {
+  height: calc(var(--salt-size-stackable) / 2) !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .flexbox-fix > div > div:nth-child(2) > div > div:nth-last-child(1) > div {
+  height: calc(var(--salt-size-stackable) / 2 - 2px) !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .flexbox-fix > div > div:nth-child(2) > div > div:nth-last-child(1) > div > div {
+  height: calc(var(--salt-size-stackable) / 2 - 2px) !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .flexbox-fix > div {
+  width: calc(var(--salt-size-stackable) / 2) !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .hue-horizontal > div {
+  height: calc(var(--salt-size-stackable) / 2 - 2px) !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .hue-horizontal > div > div {
+  height: calc(var(--salt-size-stackable) / 2 - 2px) !important;
+}
+.saltColorChooserPicker-swatchPickerStyles .saturation-white > div > div {
+  width: calc(var(--salt-size-base) / 4) !important;
+  height: calc(var(--salt-size-base) / 4) !important;
+}
+.saltColorChooserPicker-rootDisabledAlpha .hue-horizontal > div > div {
+  position: relative;
+  margin-top: 0px !important;
+  width: 4px !important;
+  height: calc(var(--salt-size-stackable) / 2 - 2px) !important;
+  background: var(--salt-container-primary-background) !important;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
+}
+
+/* src/color-chooser/DictTabs.css */
+.salt-theme[data-mode=light] .saltColorChooserDictTabs-text {
+  background-color: transparent;
+  color: var(--salt-content-primary-foreground) !important;
+}
+
+/* src/color-chooser/HexInput.css */
+.saltColorChooserHexInput {
+  display: flex;
+  flex-direction: row;
+  padding: 0px 0px var(--salt-size-container-spacing) 0px;
+}
+.saltColorChooserHexInput-hashSign {
+  margin-top: 5px;
+  font-size: var(--salt-text-label-fontSize);
+  padding-right: 6px;
+  color: var(--salt-content-secondary-foreground);
+  padding-left: 6px;
+}
+.saltColorChooserHexInput-input {
+  width: var(--salt-size-unit);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
+}
+
+/* src/color-chooser/RGBAInput.css */
+.saltColorChooser-rgbaInput {
+  width: var(--salt-size-unit);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
+  padding-top: var(--salt-size-unit);
+}
+.saltColorChooser-opacityInput {
+  min-width: 40px !important;
+  width: 40px !important;
+  min-height: unset !important;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
+}
+.saltColorChooser-rgbaText {
+  margin-top: 5px;
+  font-size: var(--salt-text-label-fontSize);
+  color: var(--salt-content-secondary-foreground);
+  padding-top: 4px;
+  padding-right: 6px;
+  padding-left: 6px;
+}
+.saltColorChooser-rgbaInputDiv {
+  display: flex;
+  flex-direction: row;
+  padding: 0px 0px var(--salt-size-unit) 0px;
+}
+.saltColorChooser-overrideInput {
+  min-width: 0em;
+  background: transparent !important;
+  color: var(--salt-content-primary-foreground);
+  border-bottom: 1px solid var(--salt-content-primary-foreground);
+}
+.saltColorChooser-alphaSpacerDiv {
+  height: 24px;
+}
+.saltColorChooser-textDivOverrides {
+  font-size: var(--salt-text-label-fontSize);
+  font-weight: var(--salt-text-fontWeight-strong);
+  color: var(--salt-content-primary-foreground);
+  padding: 0px !important;
+}
+
+/* src/color-chooser/Swatch.css */
+.saltColorChooserSwatch-swatch,
+.saltColorChooserSwatch-graySwatch {
+  margin-bottom: 1px;
+  margin-left: 1px;
+  cursor: var(--salt-cursor-hover);
+}
+.salt-density-touch,
+.salt-density-low,
+.salt-density-medium,
+.salt-density-high {
+  --colorChooser-swatch-density-high-size: calc(5 * var(--salt-size-unit));
+  --colorChooser-swatch-density-medium-size: calc(3 * var(--salt-size-unit));
+  --colorChooser-swatch-density-low-size: calc(3 * var(--salt-size-unit));
+  --colorChooser-swatch-density-touch-size: calc(2 * var(--salt-size-unit));
+}
+.salt-density-touch {
+  --colorChooser-swatch-size-unit: var(--colorChooser-swatch-density-touch-size);
+}
+.salt-density-low {
+  --colorChooser-swatch-size-unit: var(--colorChooser-swatch-density-low-size);
+}
+.salt-density-medium {
+  --colorChooser-swatch-size-unit: var(--colorChooser-swatch-density-medium-size);
+}
+.salt-density-high {
+  --colorChooser-swatch-size-unit: var(--colorChooser-swatch-density-high-size);
+}
+.saltColorChooserSwatch-swatch,
+.salt-theme[data-mode=light] .saltColorChooserSwatch-graySwatch {
+  width: var(--colorChooser-swatch-size-unit);
+  height: var(--colorChooser-swatch-size-unit);
+}
+.saltColorChooserSwatch-whiteSwatch {
+  margin-bottom: 1px;
+  margin-left: 1px;
+  cursor: var(--salt-cursor-hover);
+}
+.salt-theme[data-mode=light] .saltColorChooserSwatch-whiteSwatch {
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor);
+}
+.salt-theme[data-mode=light] .saltColorChooserSwatch-whiteSwatch,
+.salt-theme[data-mode=dark] .saltColorChooserSwatch-graySwatch {
+  width: calc(var(--colorChooser-swatch-size-unit) - 2);
+  height: calc(var(--colorChooser-swatch-size-unit) - 2);
+}
+.salt-theme[data-mode=dark] .saltColorChooserSwatch-whiteSwatch,
+.saltColorChooserSwatch-graySwatch {
+  border: 0px;
+}
+.salt-theme[data-mode=dark] .saltColorChooserSwatch-whiteSwatch {
+  width: calc(var(--colorChooser-swatch-size-unit) - 2);
+  height: calc(var(--colorChooser-swatch-size-unit) - 2);
+}
+.salt-theme[data-mode=dark] .saltColorChooserSwatch-graySwatch {
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor);
+}
+.saltColorChooserSwatch-active {
+  outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor);
+  border: var(--salt-focused-outlineWidth) var(--salt-borderStyle-solid) var(--salt-actionable-cta-foreground-active) !important;
+  margin-bottom: 1px;
+  margin-left: 1px;
+  cursor: var(--salt-cursor-active);
+}
+.saltColorChooserSwatch-transparent {
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-sentiment-negative-foreground-decorative) !important;
+  width: calc(var(--colorChooser-swatch-size-unit) - 2px) !important;
+  height: calc(var(--colorChooser-swatch-size-unit) - 2px) !important;
+  margin-bottom: 1px;
+  margin-left: 1px;
+  background:
+    linear-gradient(
+      to top left,
+      rgba(166, 21, 11, 0) 0%,
+      rgba(166, 21, 11, 0) calc(50% - 0.8px),
+      rgba(166, 21, 11, 1) 50%,
+      rgba(166, 21, 11, 0) calc(50% + 0.8px),
+      rgba(166, 21, 11, 0) 100%) !important;
+}
+
+/* src/color-chooser/Swatches.css */
+.saltColorChooserSwatches-colorNameTextDiv {
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+.saltColorChooserSwatches-colorNameTextDiv,
+.saltColorChooserSwatches-colorTextDiv,
+.saltColorChooserSwatches-alphaTextDiv {
+  color: var(--salt-content-secondary-foreground);
+}
+.saltColorChooserSwatches-colorTextDiv {
+  font-size: var(--salt-text-fontSize);
+  margin-right: var(--salt-size-unit);
+}
+.saltColorChooserSwatches-alphaTextDiv {
+  font-size: var(--salt-text-fontSize);
+  margin-right: var(--salt-size-unit);
+}
+.saltColorChooserSwatches-textDiv {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 8px 0px 8px;
+}
+.saltColorChooserSwatches-pickerDiv {
+  padding-top: calc(2 * var(--salt-size-unit));
+}
+
+/* src/combo-box-deprecated/ComboBox.css */
+.saltComboBox {
+  width: 100%;
+}
+.saltComboBox-listWindowRoot {
+  z-index: calc(var(--salt-zIndex-flyover) - 1);
+}
+
+/* src/contact-details/ContactDetails.css */
+.salt-density-touch {
+  --contactDetails-default-primary-fontSize: 30px;
+  --contactDetails-default-secondary-fontSize: 16px;
+  --contactDetails-compact-primary-fontSize: 16px;
+  --contactDetails-compact-secondary-fontSize: 14px;
+  --contactDetails-icon-size: 18px;
+  --contactDetails-label-width: 80px;
+}
+.salt-density-low {
+  --contactDetails-compact-primary-fontSize: 14px;
+  --contactDetails-default-primary-fontSize: 24px;
+  --contactDetails-compact-secondary-fontSize: 14px;
+  --contactDetails-default-secondary-fontSize: 14px;
+  --contactDetails-label-width: 70px;
+  --contactDetails-icon-size: 16px;
+}
+.salt-density-medium {
+  --contactDetails-compact-primary-fontSize: 12px;
+  --contactDetails-default-primary-fontSize: 18px;
+  --contactDetails-compact-secondary-fontSize: 12px;
+  --contactDetails-default-secondary-fontSize: 12px;
+  --contactDetails-label-width: 60px;
+  --contactDetails-icon-size: 14px;
+}
+.salt-density-high {
+  --contactDetails-compact-primary-fontSize: 11px;
+  --contactDetails-default-primary-fontSize: 14px;
+  --contactDetails-compact-secondary-fontSize: 11px;
+  --contactDetails-default-secondary-fontSize: 11px;
+  --contactDetails-label-width: 60px;
+  --contactDetails-icon-size: 12px;
+}
+.saltContactDetails {
+  --contactDetails-color: var(--salt-content-primary-foreground);
+  --contactDetails-label-color: var(--salt-content-secondary-foreground);
+  --contactDetails-noAvatar-color: var(--salt-sentiment-accent-background);
+  --contactDetails-noAvatar-indicator-width: 4px;
+  --contactDetails-favoriteToggle-fill: var(--contactDetails-deselected-icon-color);
+  --contactDetails-favoriteToggle-marginRight: 0px;
+  --contactDetails-favoriteToggle-marginTop: 0px;
+  --contactDetails-mini-secondaryInfo-marginLeft: var(--salt-size-unit);
+  --contactDetails-mini-stacked-secondaryInfo-marginLeft: calc(var(--salt-size-unit) * 2);
+  --contactDetails-compact-tertiaryInfo-marginLeft: var(--salt-size-unit);
+  --contactDetails-separator-color: var(--salt-separable-secondary-borderColor);
+}
+.saltContactDetails {
+  display: grid;
+  padding: var(--salt-size-unit);
+}
+.saltContactDetails.saltContactDetails-noAvatar {
+  padding-left: 0;
+}
+.saltContactDetails.saltContactDetails-embedded {
+  padding: 0;
+}
+.saltContactDetails-default,
+.saltContactDetails-default-stacked {
+  --contactDetails-primary-fontSize: var(--contactDetails-default-primary-fontSize);
+  --contactDetails-secondary-fontSize: var(--contactDetails-default-secondary-fontSize);
+}
+.saltContactDetails-compact,
+.saltContactDetails-compact-stacked {
+  --contactDetails-primary-fontSize: var(--contactDetails-compact-primary-fontSize);
+  --contactDetails-secondary-fontSize: var(--contactDetails-compact-secondary-fontSize);
+}
+.saltContactDetails-mini,
+.saltContactDetails-mini-stacked {
+  --contactDetails-primary-fontSize: var(--contactDetails-compact-primary-fontSize);
+  --contactDetails-secondary-fontSize: var(--contactDetails-compact-secondary-fontSize);
+}
+.saltContactDetails-default {
+  color: var(--contactDetails-color);
+  grid-template-columns: auto auto 1fr auto;
+  grid-template-rows: auto auto auto auto auto;
+  grid-template-areas: "noAvatar avatar primary favorite" "noAvatar avatar secondary secondary" "noAvatar avatar tertiary tertiary" ". . actions metadataExpander" ". . metadata metadata";
+}
+.saltContactDetails-default-stacked {
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: auto auto auto auto auto auto;
+  grid-template-areas: "noAvatar avatar avatar" "noAvatar primary favorite" "noAvatar secondary secondary" "noAvatar tertiary tertiary" ". actions metadataExpander" ". metadata metadata";
+}
+.saltContactDetails-compact {
+  grid-template-columns: auto auto auto 1fr auto;
+  grid-template-rows: auto auto auto;
+  grid-template-areas: "noAvatar avatar primary primary favorite" "noAvatar avatar secondary tertiary tertiary" ". . actions actions actions";
+}
+.saltContactDetails-compact-stacked {
+  grid-template-columns: auto auto 1fr auto;
+  grid-template-rows: auto auto auto auto;
+  grid-template-areas: "noAvatar avatar primary favorite" "noAvatar avatar secondary favorite" "noAvatar avatar tertiary tertiary" ". . actions actions";
+}
+.saltContactDetails-mini,
+.saltContactDetails-mini-stacked {
+  grid-template-columns: auto minmax(60px, 1fr) auto;
+  grid-template-rows: auto;
+  grid-template-areas: "primary secondary favorite";
+}
+.saltContactDetails-noAvatar-indicator {
+  grid-area: noAvatar;
+  width: var(--contactDetails-noAvatar-indicator-width);
+  background: var(--contactDetails-noAvatar-color);
+  margin-right: var(--salt-size-unit);
+}
+.saltContactAvatar {
+  grid-area: avatar;
+  margin-right: var(--salt-size-unit);
+}
+.saltContactAvatar-stacked {
+  margin-bottom: var(--salt-size-unit);
+}
+.saltContactActions {
+  grid-area: actions;
+  display: flex;
+  margin-top: var(--salt-size-unit);
+  margin-left: calc(var(--salt-size-unit) * -1);
+}
+.saltContactPrimaryInfo {
+  grid-area: primary;
+}
+.saltContactDetails-default .saltContactPrimaryInfo {
+  margin-bottom: calc(var(--salt-size-unit) * 0.5);
+}
+.saltContactSecondaryInfo {
+  grid-area: secondary;
+}
+.saltContactDetails-mini .saltContactSecondaryInfo {
+  margin-left: var(--contactDetails-mini-secondaryInfo-marginLeft);
+}
+.saltContactDetails-mini-stacked .saltContactSecondaryInfo {
+  margin-left: var(--contactDetails-mini-stacked-secondaryInfo-marginLeft);
+}
+.saltContactSecondaryInfo-icon {
+  margin-right: calc(var(--salt-size-unit) * 0.5);
+}
+.saltContactTertiaryInfo {
+  grid-area: tertiary;
+}
+.saltContactDetails-compact .saltContactTertiaryInfo {
+  margin-left: var(--contactDetails-compact-tertiaryInfo-marginLeft);
+}
+.saltContactTertiaryInfo-icon {
+  margin-right: calc(var(--salt-size-unit) * 0.5);
+}
+.saltContactMetadata {
+  grid-area: metadata;
+  display: flex;
+  flex-direction: column;
+  padding-top: var(--salt-size-unit);
+  padding-bottom: var(--salt-size-unit);
+}
+.saltContactMetadata-expander {
+  grid-area: metadataExpander;
+  margin-top: var(--salt-size-unit);
+}
+.saltContactMetadata-separator {
+  width: 100%;
+  height: 1px;
+  background: var(--contactDetails-separator-color);
+  margin-bottom: var(--salt-size-unit);
+}
+.saltContactMetadataItem {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: calc(var(--salt-size-unit) * 0.5);
+}
+.saltContactMetadataItem:last-child {
+  margin-bottom: unset;
+}
+.saltContactMetadata-stacked .saltContactMetadataItem {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.saltContactMetadataItem-icon {
+  margin-right: calc(var(--salt-size-unit) * 2);
+  padding-left: 1px;
+}
+.saltContactMetadataItem-label {
+  flex-shrink: 0;
+  color: var(--contactDetails-label-color);
+  margin-right: calc(var(--salt-size-unit) * 2);
+  width: var(--contactDetails-label-width);
+}
+.saltContactFavoriteToggle {
+  align-self: start;
+  grid-area: favorite;
+  justify-self: center;
+  line-height: var(--contactDetails-primary-fontSize);
+  margin-right: var(--contactDetails-favoriteToggle-marginRight);
+  margin-top: var(--contactDetails-favoriteToggle-marginTop);
+}
+.saltContactFavoriteToggle-svg {
+  fill: var(--contactDetails-favoriteToggle-fill);
+}
+.saltContactFavoriteToggle-focusVisible {
+  outline: none;
+}
+.saltContactFavoriteToggle-focused {
+  outline: var(--salt-focused-outline);
+}
+.saltContactFavoriteToggle-deselected {
+  --contactDetails-favoriteToggle-fill: var(--salt-sentiment-accent-borderColor);
+}
+.saltContactFavoriteToggle-selecting {
+  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-hover);
+}
+.saltContactFavoriteToggle-selected {
+  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-selected);
+}
+.saltContactFavoriteToggle-deselecting {
+  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-hover);
+}
+.saltContactFavoriteToggle-svg {
+  height: var(--contactDetails-icon-size);
+  width: var(--contactDetails-icon-size);
+}
+
+/* src/content-status/ContentStatus.css */
+.saltContentStatus {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: var(--salt-text-textAlign-embedded);
+  gap: var(--salt-size-unit);
+}
+.saltContentStatus-content {
+  color: var(--saltContentStatus-content-color, var(--salt-content-primary-foreground));
+  display: flex;
+  flex-direction: column;
+  gap: var(--salt-size-unit);
+  font-size: var(--salt-text-fontSize);
+  line-height: var(--salt-text-lineHeight);
+  font-family: var(--salt-text-fontFamily);
+  font-weight: var(--salt-text-fontWeight);
+}
+.saltContentStatus-title.saltText {
+  font-weight: var(--salt-text-display1-fontWeight);
+}
+.saltContentStatus-actions {
+  margin-top: var(--saltContentStatus-actions-marginTop, var(--salt-size-unit));
+}
+
+/* src/deck-item/DeckItem.css */
+.saltDeckItem {
+  display: inline-block;
+}
+.saltDeckLayout-slide-vertical .saltDeckItem {
+  display: block;
+}
+.saltDeckItem-fade-previous,
+.saltDeckItem-fade-next,
+.saltDeckItem-static-previous,
+.saltDeckItem-static-next {
+  display: none;
+}
+.saltDeckItem-fade-in {
+  animation: var(--salt-animation-fade-in-center);
+}
+.saltDeckItem-fade-out {
+  animation: var(--salt-animation-fade-out-back);
+}
+
+/* src/deck-layout/DeckLayout.css */
+.saltDeckLayout {
+  overflow: hidden;
+}
+.saltDeckLayout-animate {
+  white-space: nowrap;
+}
+.saltDeckLayout-slide-horizontal {
+  width: var(--deckLayout-width);
+  transition: transform var(--salt-animation-duration);
+  transform: translateX(var(--deckLayout-transform-value));
+}
+.saltDeckLayout-slide-vertical {
+  height: var(--deckLayout-height);
+  transition: transform var(--salt-animation-duration);
+  transform: translateY(var(--deckLayout-transform-value));
+}
+
+/* src/dropdown/Dropdown.css */
+.saltDropdownBase {
+  --saltIcon-margin: 2px 0 0 8px;
+  display: inline-block;
+  line-height: 0;
+  position: relative;
+}
+.saltDropdownBase-fullWidth {
+  width: 100%;
+}
+.saltDropdownBase-popup {
+  background: var(--salt-container-primary-background);
+  z-index: calc(var(--salt-zIndex-flyover) - 1);
+}
+
+/* src/dropdown/DropdownButton.css */
+.saltDropdownButton {
+  --saltButton-background-hover: var(--salt-actionable-secondary-background);
+  --saltButton-background-active: var(--salt-actionable-secondary-background);
+  --saltButton-fontWeight: var(--salt-text-fontWeight-strong);
+  --saltButton-textAlign: left;
+  --saltButton-textTransform: none;
+  --saltButton-width: 100%;
+}
+.saltDropdownButton:active {
+  --saltIcon-color: var(--salt-actionable-secondary-foreground);
+  --saltButton-text-color-active: var(--salt-actionable-secondary-foreground);
+}
+.saltDropdownButton-fullwidth {
+  width: 100%;
+}
+.saltDropdownButton-content {
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  display: flex;
+  white-space: nowrap;
+}
+.saltDropdownButton-buttonLabel {
+  display: inline-block;
+  letter-spacing: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+.saltDropdownButton-formField.saltButton:focus,
+.saltDropdownButton-formField.saltButton:focus-visible {
+  outline: none;
+}
+
+/* src/editable-label/EditableLabel.css */
+.saltEditableLabel {
+  --saltInputLegacy-minWidth: 14px;
+  --saltInputLegacy-position: absolute;
+  --editableLabel-padding: var(--saltEditableLabel-padding, 6px);
+  --editableLabel-height: var(--saltEditableLabel-height, 26px);
+  color: inherit;
+  display: flex;
+  flex-direction: column;
+  font-size: var(--salt-text-fontSize);
+  height: var(--editableLabel-height);
+  justify-content: center;
+  padding: 0 var(--editableLabel-padding);
+  position: relative;
+  z-index: var(--salt-zIndex-default);
+}
+.saltEditableLabel:before {
+  content: attr(data-text);
+  display: block;
+  height: 0px;
+  visibility: hidden;
+  white-space: pre-wrap;
+}
+.saltEditableLabel .saltInputLegacy {
+  font-weight: var(--salt-text-fontWeight);
+  left: var(--editableLabel-padding, 0);
+  padding: 0;
+  outline-style: none;
+  right: var(--editableLabel-padding, 0);
+}
+.saltEditableLabel-input {
+  outline: none;
+}
+
+/* src/form-field-legacy/FormActivationIndicator.css */
+.salt-density-touch {
+  --formFieldLegacy-activationIndicator-icon-size: 7px;
+}
+.salt-density-low {
+  --formFieldLegacy-activationIndicator-icon-size: 5px;
+}
+.salt-density-medium {
+  --formFieldLegacy-activationIndicator-icon-size: 5px;
+}
+.salt-density-high {
+  --formFieldLegacy-activationIndicator-icon-size: 3px;
+}
+.saltFormActivationIndicator {
+  height: 0px;
+  width: 100%;
+  position: relative;
+}
+.saltFormActivationIndicator-bar {
+  bottom: 0px;
+  border-color: var(--saltFormFieldLegacy-activationIndicator-borderColor, var(--formFieldLegacy-activationIndicator-color));
+  border-bottom-width: var(--saltFormFieldLegacy-activationIndicator-borderWidth, var(--formFieldLegacy-activationIndicator-size));
+  border-bottom-style: var(--saltFormFieldLegacy-activationIndicator-borderStyle, var(--formFieldLegacy-activationIndicator-style));
+  height: 0;
+  opacity: var(--saltFormFieldLegacy-activationIndicator-opacity, 1);
+  position: absolute;
+  width: 100%;
+}
+.saltFormActivationIndicator-icon {
+  width: var(--saltFormFieldLegacy-activationIndicator-icon-size, var(--formFieldLegacy-activationIndicator-icon-size));
+  height: var(--saltFormFieldLegacy-activationIndicator-icon-size, var(--formFieldLegacy-activationIndicator-icon-size));
+  fill: var(--saltFormFieldLegacy-activationIndicator-icon-color, var(--formFieldLegacy-activationIndicator-color));
+  opacity: var(--saltFormFieldLegacy-activationIndicator-opacity, 1);
+  position: absolute;
+  bottom: 3px;
+  right: 2px;
+}
+
+/* src/form-field-legacy/FormFieldLegacy.css */
+.salt-density-high {
+  --formFieldLegacy-label-top-marginBottom: 2px;
+}
+.salt-density-medium {
+  --formFieldLegacy-label-top-marginBottom: 2px;
+}
+.salt-density-low {
+  --formFieldLegacy-label-top-marginBottom: 4px;
+}
+.salt-density-touch {
+  --formFieldLegacy-label-top-marginBottom: 8px;
+}
+.saltFormFieldLegacy {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --formFieldLegacy-background: var(--salt-editable-primary-background);
+  --formFieldLegacy-focused-outlineColor: var(--salt-focused-outlineColor);
+  --formFieldLegacy-helperText-height: 0px;
+}
+.saltFormFieldLegacy-secondary.saltFormFieldLegacy {
+  --formFieldLegacy-background: var(--salt-editable-secondary-background);
+}
+.saltFormFieldLegacy {
+  border: 0;
+  display: inline-grid;
+  margin: var(--saltFormFieldLegacy-margin, 0);
+  padding: 0;
+  position: relative;
+  min-width: 0;
+  vertical-align: top;
+  width: var(--saltFormFieldLegacy-width, auto);
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--saltFormFieldLegacy-fontSize, var(--salt-text-fontSize));
+  font-weight: var(--salt-text-fontWeight);
+  line-height: var(--salt-text-lineHeight);
+}
+.saltFormFieldLegacy:hover {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-hover);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-hover);
+}
+.saltFormFieldLegacy-focused,
+.saltFormFieldLegacy-lowFocused,
+.saltFormFieldLegacy.saltFormFieldLegacy-focused:hover,
+.saltFormFieldLegacy.saltFormFieldLegacy-lowFocused:hover {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-active);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-200);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-active);
+}
+.saltFormFieldLegacy-withHelperText {
+  --formFieldLegacy-helperText-marginTop: var(--formFieldLegacy-helperText-marginTop-default);
+  --formFieldLegacy-activationIndicator-offsetBottom: calc(var(--formFieldLegacy-helperText-marginTop) + var(--saltFormFieldLegacy-helperText-lineHeight, var(--formFieldLegacy-helperText-height)));
+}
+.saltFormFieldLegacy-fullWidth.saltFormFieldLegacy-withHelperText {
+  --formFieldLegacy-helperText-marginTop: var(--formFieldLegacy-helperText-marginTop-fullWidth);
+  --formFieldLegacy-activationIndicator-offsetBottom: calc( var(--formFieldLegacy-helperText-marginTop-fullWidth) + var(--saltFormFieldLegacy-helperText-lineHeight, var(--formFieldLegacy-helperText-height)) );
+}
+.saltFormFieldLegacy-withHelperText {
+  --formFieldLegacy-helperText-fontSize: var(--saltFormFieldLegacy-helperText-fontSize, var(--salt-text-fontSize));
+  --formFieldLegacy-helperText-baseHeight: calc(1.3 * var(--formFieldLegacy-helperText-fontSize));
+  --formFieldLegacy-helperText-calculatedHeight: max(var(--salt-text-label-minHeight), var(--formFieldLegacy-helperText-baseHeight));
+  --formFieldLegacy-helperText-height: calc(var(--formFieldLegacy-helperText-calculatedHeight) + var(--formFieldLegacy-helperText-marginTop));
+}
+.saltFormFieldLegacy-fullWidth {
+  width: 100%;
+}
+.saltFormFieldLegacy-disabled {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-disabled);
+  --formFieldLegacy-activationIndicator-opacity: var(--salt-palette-opacity-disabled);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --formFieldLegacy-helperText-opacity: var(--salt-palette-opacity-disabled);
+  --saltInputLegacy-cursor: var(--salt-cursor-disabled);
+}
+.saltFormFieldLegacy.saltFormFieldLegacy-disabled:hover {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-disabled);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-disabled);
+}
+.saltFormFieldLegacy.saltFormFieldLegacy-warning {
+  --formFieldLegacy-focused-outlineColor: var(--salt-status-warning-borderColor);
+  --formFieldLegacy-activationIndicator-color: var(--salt-status-warning-borderColor);
+}
+.saltFormFieldLegacy.saltFormFieldLegacy-warning:hover {
+  --formFieldLegacy-activationIndicator-color: var(--salt-status-warning-borderColor);
+}
+.saltFormFieldLegacy.saltFormFieldLegacy-error {
+  --formFieldLegacy-focused-outlineColor: var(--salt-status-error-borderColor);
+  --formFieldLegacy-activationIndicator-color: var(--salt-status-error-borderColor);
+}
+.saltFormFieldLegacy.saltFormFieldLegacy-error:hover {
+  --formFieldLegacy-activationIndicator-color: var(--salt-status-error-borderColor);
+}
+.saltFormFieldLegacy-secondary.saltFormFieldLegacy-error {
+  --formFieldLegacy-background: var(--salt-status-error-background);
+}
+.saltFormFieldLegacy-secondary.saltFormFieldLegacy-warning {
+  --formFieldLegacy-background: var(--salt-status-warning-background);
+}
+.saltFormFieldLegacy-labelLeft {
+  --formFieldLegacy-label-marginTop: var(--salt-size-unit);
+  --formFieldLegacy-label-paddingLeft: 0px;
+  --formFieldLegacy-label-paddingRight: calc(0.75 * var(--salt-size-unit));
+  align-self: start;
+  grid-template-columns: auto 1fr;
+}
+.saltFormFieldLegacy-labelTop {
+  --formFieldLegacy-label-marginBottom: var(--formFieldLegacy-label-top-marginBottom);
+  --formFieldLegacy-label-marginTop: 0;
+  --formFieldLegacy-label-paddingLeft: var(--salt-size-unit);
+  --formFieldLegacy-label-paddingRight: var(--salt-size-unit);
+  --formFieldLegacy-background-offset-height: calc(var(--formFieldLegacy-helperText-marginTop, 0px) + var(--saltFormFieldLegacy-helperText-lineHeight, var(--formFieldLegacy-helperText-height)));
+  background:
+    linear-gradient(
+      to top,
+      transparent var(--formFieldLegacy-background-offset-height),
+      var(--saltFormFieldLegacy-background, var(--formFieldLegacy-background)) var(--formFieldLegacy-background-offset-height));
+}
+.saltFormFieldLegacy-labelTop.saltFormFieldLegacy-withHelperText {
+  --formFieldLegacy-background-offset-height: var(--formFieldLegacy-helperText-background-offset-height);
+}
+.saltFormFieldLegacy > * {
+  grid-column-start: 1;
+  grid-column-end: 2;
+  grid-row-start: 2;
+  grid-row-end: 3;
+}
+.saltFormFieldLegacy-labelLeft > * {
+  grid-row-start: 1;
+  grid-row-end: 2;
+}
+.saltFormFieldLegacy > .saltFormLabel {
+  grid-row-start: 1;
+  grid-row-end: 2;
+}
+.saltFormFieldLegacy > .saltFormActivationIndicator {
+  grid-row-start: 3;
+  grid-row-end: 4;
+}
+.saltFormFieldLegacy > .saltFormHelperText {
+  grid-row-start: 4;
+  grid-row-end: 5;
+}
+.saltFormFieldLegacy-labelLeft > .saltFormLabel ~ * {
+  grid-column-start: 2;
+  grid-column-end: 2;
+}
+.saltFormFieldLegacy-readOnly {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-readonly);
+  --saltInputLegacy-cursor: var(--salt-cursor-readonly);
+}
+.saltFormFieldLegacy.saltFormFieldLegacy-readOnly:hover {
+  --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-readonly);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-readonly);
+}
+.saltFormFieldLegacy:not(.saltFormFieldLegacy-withHelperText):not(.saltFormFieldLegacy-labelLeft).saltFormFieldLegacy-focused:before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: var(--saltFormFieldLegacy-helperText-lineHeight, var(--formFieldLegacy-helperText-height, 0px));
+  outline-color: var(--formFieldLegacy-focused-outlineColor);
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+}
+.saltFormFieldLegacy-withHelperText:not(.saltFormFieldLegacy-labelLeft).saltFormFieldLegacy-focused:before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: var(--formFieldLegacy-helperText-height, 0px);
+  outline-color: var(--formFieldLegacy-focused-outlineColor);
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+}
+.saltFormFieldLegacy-labelLeft.saltFormFieldLegacy-focused:before {
+  content: none;
+}
+.saltFormFieldLegacy-labelLeft.saltFormFieldLegacy-focused > *:before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0px;
+  outline-color: var(--formFieldLegacy-focused-outlineColor);
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+  z-index: -1;
+}
+.saltFormFieldLegacy-labelLeft.saltFormFieldLegacy-focused > :is(.saltFormActivationIndicator, .saltFormHelperText, .saltFormLabel):before {
+  content: none;
+}
+.saltFormFieldLegacy-labelLeft.saltFormFieldLegacy-focused {
+  outline: none;
+}
+.saltFormFieldLegacy-labelLeft.saltFormFieldLegacy-focused > :is(.saltFormFieldLegacy-activationIndicator, .saltFormFieldLegacy-helperText, .saltFormLabel):before {
+  content: none;
+}
+.saltFormFieldLegacy-labelLeft.saltFormFieldLegacy-focused .saltFormLabel + * {
+  outline: none;
+}
+.saltFormFieldLegacy-tertiary.saltFormFieldLegacy.saltFormFieldLegacy-labelLeft > .saltFormLabel ~ * {
+  background: var(--saltFormFieldLegacy-background, var(--formFieldLegacy-background));
+}
+.saltFormFieldLegacy-labelLeft > .saltFormLabel ~ :not(.saltFormHelperText) {
+  background: var(--saltFormFieldLegacy-background, var(--formFieldLegacy-background));
+}
+.saltFormFieldLegacy-tertiary.saltFormFieldLegacy {
+  --formFieldLegacy-background: var(--salt-editable-tertiary-background);
+}
+
+/* src/form-field-legacy/FormHelperText.css */
+.salt-density-high {
+  --formFieldLegacy-helperText-marginTop-default: 2px;
+  --formFieldLegacy-helperText-marginTop-fullWidth: 3px;
+  --formFieldLegacy-helperText-background-offset-height: 17px;
+}
+.salt-density-medium {
+  --formFieldLegacy-helperText-marginTop-default: 2px;
+  --formFieldLegacy-helperText-marginTop-fullWidth: 3px;
+  --formFieldLegacy-helperText-transform: translate(0, 2px);
+  --formFieldLegacy-helperText-background-offset-height: 19px;
+}
+.salt-density-touch {
+  --formFieldLegacy-helperText-marginTop-default: 8px;
+  --formFieldLegacy-helperText-marginTop-fullWidth: 5px;
+  --formFieldLegacy-helperText-transform: translate(0, -3px);
+  --formFieldLegacy-helperText-background-offset-height: 21px;
+}
+.salt-density-low {
+  --formFieldLegacy-helperText-marginTop-default: 4px;
+  --formFieldLegacy-helperText-marginTop-fullWidth: 5px;
+  --formFieldLegacy-helperText-transform: translate(0, 1px);
+  --formFieldLegacy-helperText-background-offset-height: 21px;
+}
+.saltFormFieldLegacy-fullWidth {
+  --formFieldLegacy-helperText-transform: none;
+}
+.saltFormHelperText {
+  --formFieldLegacy-helperText-opacity: 1;
+  color: var(--saltFormFieldLegacy-helperText-color, var(--salt-content-secondary-foreground));
+  font-size: var(--formFieldLegacy-helperText-fontSize);
+  font-style: var(--saltFormFieldLegacy-helperText-fontStyle, var(--salt-typography-textDecoration-italic));
+  letter-spacing: var(--saltFormFieldLegacy-helperText-letterSpacing, 0);
+  line-height: var(--saltFormFieldLegacy-helperText-lineHeight, var(--salt-text-lineHeight));
+  min-height: var(--saltFormFieldLegacy-helperText-minHeight, var(--salt-text-label-minHeight));
+  margin-bottom: var(--saltFormFieldLegacy-helperText-marginBottom, 0);
+  margin-top: var(--saltFormFieldLegacy-helperText-marginTop, var(--formFieldLegacy-helperText-marginTop));
+  opacity: var(--saltFormFieldLegacy-helperText-opacity, var(--formFieldLegacy-helperText-opacity));
+  padding-left: var(--saltFormFieldLegacy-helperText-paddingLeft, var(--salt-size-unit));
+  padding-right: var(--saltFormFieldLegacy-helperText-paddingRight, var(--salt-size-unit));
+  transform: var(--saltFormFieldLegacy-helperText-transform, var(--formFieldLegacy-helperText-transform, none));
+}
+
+/* src/form-field-legacy/FormLabel.css */
+.salt-density-touch {
+  --formFieldLegacy-label-default-top: 11px;
+  --formFieldLegacy-label-left-top: 16px;
+  --formFieldLegacy-label-minHeight: 16px;
+}
+.salt-density-low {
+  --formFieldLegacy-label-default-top: 7px;
+  --formFieldLegacy-label-left-top: 12px;
+}
+.salt-density-medium {
+  --formFieldLegacy-label-default-top: 5px;
+  --formFieldLegacy-label-left-top: 8px;
+}
+.salt-density-high {
+  --formFieldLegacy-label-default-top: 3px;
+  --formFieldLegacy-label-left-top: 4px;
+}
+.saltFormLabel {
+  --formFieldLegacy-label-fontSize: var(--saltFormFieldLegacy-label-fontSize, var(--salt-text-label-fontSize));
+  --formFieldLegacy-label-top: var(--formFieldLegacy-label-default-top);
+  --formFieldLegacy-label-width: 100%;
+}
+.saltFormFieldLegacy-labelLeft .saltFormLabel {
+  --formFieldLegacy-label-top: var(--formFieldLegacy-label-left-top);
+  --formFieldLegacy-label-width: auto;
+}
+.saltFormLabel {
+  align-items: center;
+  color: var(--saltFormFieldLegacy-label-text-color, var(--salt-content-secondary-foreground));
+  display: block;
+  font-size: var(--formFieldLegacy-label-fontSize);
+  margin-bottom: var(--saltFormFieldLegacy-label-marginBottom, var(--formFieldLegacy-label-marginBottom));
+  min-height: var(--saltFormFieldLegacy-label-minHeight, var(--formFieldLegacy-label-minHeight, var(--salt-text-label-minHeight)));
+  margin-top: var(--saltFormFieldLegacy-label-marginTop, 0px);
+  line-height: var(--saltFormFieldLegacy-label-lineHeight, var(--salt-text-label-lineHeight));
+  overflow: hidden;
+  padding-left: var(--saltFormFieldLegacy-label-paddingLeft, var(--formFieldLegacy-label-paddingLeft));
+  padding-right: var(--saltFormFieldLegacy-label-paddingRight, var(--formFieldLegacy-label-paddingRight));
+  padding-top: var(--saltFormFieldLegacy-label-paddingTop, 0);
+  padding-bottom: var(--saltFormFieldLegacy-label-paddingBottom, 0);
+  text-overflow: ellipsis;
+  top: var(--saltFormFieldLegacy-label-top, var(--formFieldLegacy-label-top));
+  transform: translate(var(--saltFormFieldLegacy-label-transform-x, 0), var(--saltFormFieldLegacy-label-transform-y, var(--formFieldLegacy-label-top)));
+  white-space: nowrap;
+  width: var(--saltFormFieldLegacy-label-width, var(--formFieldLegacy-label-width, 100%));
+  box-sizing: border-box;
+}
+.saltFormLabel ~ * {
+  z-index: 1;
+}
+.saltFormLabel-disabled {
+  color: var(--saltFormFieldLegacy-label-text-color-disabled, var(--salt-content-secondary-foreground-disabled));
+  cursor: var(--salt-cursor-disabled);
+}
+.saltFormLabel-necessityIndicator {
+  font-style: var(--saltFormFieldLegacy-label-necessityIndicator-fontStyle, var(--salt-typography-textDecoration-italic));
+  margin-left: 1ch;
+}
+.saltFormLabel-statusIndicator.saltIcon {
+  margin-left: 6px;
+  vertical-align: top;
+}
+
+/* src/form-group/FormGroup.css */
+.saltFormGroup {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.saltFormGroup-row {
+  flex-direction: row;
+  float: left;
+}
+
+/* src/formatted-input/FormattedInput.css */
+.saltFormattedInput {
+  --formattedInput-mask-color: var(--salt-content-secondary-foreground);
+}
+.saltFormattedInput-inputWrapper {
+  position: relative;
+  width: 100%;
+  display: inline-flex;
+}
+.saltFormattedInput-mask {
+  position: absolute;
+  color: var(--formattedInput-mask-color);
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  top: 0;
+  left: 0;
+}
+.saltFormattedInput-mask i {
+  color: transparent;
+  opacity: 0;
+  visibility: hidden;
+  font: inherit;
+}
+
+/* src/input-legacy/InputLegacy.css */
+.salt-density-touch {
+  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 0.5);
+  --inputLegacy-button-inset: 4px;
+}
+.salt-density-low {
+  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 2 / 3);
+  --inputLegacy-button-inset: 4px;
+}
+.salt-density-medium {
+  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 0.5);
+  --inputLegacy-button-inset: 2px;
+}
+.salt-density-high {
+  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit));
+  --inputLegacy-button-inset: 2px;
+}
+.saltInputLegacy {
+  align-items: center;
+  background: var(--saltInputLegacy-background, none);
+  border: var(--saltInputLegacy-border, none);
+  border-radius: var(--saltInputLegacy-borderRadius, 0);
+  color: var(--saltInputLegacy-text-color, var(--salt-content-primary-foreground));
+  cursor: var(--saltInputLegacy-cursor, default);
+  display: inline-flex;
+  font-family: var(--saltInputLegacy-fontFamily, var(--salt-text-fontFamily));
+  font-size: var(--saltInputLegacy-fontSize, var(--salt-text-fontSize));
+  height: var(--saltInputLegacy-height, var(--salt-size-base));
+  line-height: var(--salt-text-lineHeight);
+  min-height: var(--saltInputLegacy-minHeight, var(--salt-size-base));
+  min-width: var(--saltInputLegacy-minWidth, 8em);
+  padding: var(--saltInputLegacy-padding, 0 var(--salt-size-unit));
+  position: var(--saltInputLegacy-position, relative);
+  width: 100%;
+  box-sizing: border-box;
+}
+.saltInputLegacy-input:focus {
+  outline: none;
+}
+.saltInputLegacy-focused {
+  outline-style: var(--saltInputLegacy-focused-outlineStyle, var(--salt-focused-outlineStyle));
+  outline-width: var(--saltInputLegacy-focused-outlineWidth, var(--salt-focused-outlineWidth));
+  outline-color: var(--saltInputLegacy-focused-outlineColor, var(--salt-focused-outlineColor));
+  outline-offset: var(--saltInputLegacy-focused-outlineOffset, var(--salt-focused-outlineOffset));
+}
+.saltInputLegacy-input {
+  background: var(--saltInputLegacy-background, none);
+  border: none;
+  box-sizing: content-box;
+  color: inherit;
+  display: block;
+  flex: 1;
+  font: inherit;
+  letter-spacing: var(--saltInputLegacy-letterSpacing, 0);
+  margin: 0;
+  min-width: 0;
+  overflow: hidden;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+}
+.saltInputLegacy-disabled .saltInputLegacy-input {
+  cursor: var(--salt-cursor-disabled);
+  color: var(--saltInputLegacy-text-color-disabled, var(--salt-content-primary-foreground-disabled));
+}
+.saltInputLegacy-suffixContainer,
+.saltInputLegacy-prefixContainer {
+  display: flex;
+  align-items: center;
+  height: var(--inputLegacy-adornment-height);
+}
+.saltInputLegacy-inputAdornedStart {
+  padding-left: var(--saltInputLegacy-adornedStart-padding, 0);
+}
+.saltInputLegacy-inputAdornedStart .saltInputLegacy-input {
+  padding-left: var(--saltInputLegacy-adornedStart-input-padding, var(--salt-size-unit));
+}
+.saltInputLegacy-inputAdornedEnd {
+  padding-right: var(--saltInputLegacy-adornedEnd-padding, 0);
+}
+.saltInputLegacy-inputAdornedEnd .saltInputLegacy-input {
+  padding-right: var(--saltInputLegacy-adornedEnd-input-padding, var(--salt-size-unit));
+}
+.saltInputLegacy .saltInputLegacy-suffixContainer > .saltButton,
+.saltInputLegacy .saltInputLegacy-prefixContainer > .saltButton {
+  height: calc(var(--saltButton-height, var(--salt-size-base)) - (var(--inputLegacy-button-inset) * 2));
+  margin: var(--inputLegacy-button-inset);
+  padding: 0 calc(var(--salt-size-unit) - var(--inputLegacy-button-inset));
+}
+.saltInputLegacy-leftTextAlign .saltInputLegacy-input {
+  text-align: left;
+}
+.saltInputLegacy-centerTextAlign .saltInputLegacy-input {
+  text-align: center;
+}
+.saltInputLegacy-rightTextAlign .saltInputLegacy-input {
+  text-align: right;
+}
+.saltInputLegacy-formField {
+  min-width: var(--saltFormFieldLegacy-input-minWidth, 0px);
+  width: 100%;
+}
+
+/* src/input-legacy/StaticInputAdornment.css */
+.saltStaticInputAdornment {
+  --inputLegacy-staticAdornment-padding: var(--salt-size-unit);
+}
+.saltStaticInputAdornment {
+  display: flex;
+  align-items: center;
+}
+.saltInputLegacy-prefixContainer .saltStaticInputAdornment {
+  padding-left: var(--inputLegacy-staticAdornment-padding);
+}
+.saltInputLegacy-suffixContainer .saltStaticInputAdornment {
+  padding-right: var(--inputLegacy-staticAdornment-padding);
+}
+
+/* src/layer-layout/LayerLayout.css */
+.saltLayerLayout {
+  --layerLayout-boxShadow: var(--saltLayerLayout-boxShadow, var(--salt-overlayable-shadow-modal));
+  --layerLayout-background: var(--saltLayerLayout-background, var(--salt-container-primary-background));
+  --layerLayout-padding: var(--saltLayerLayout-padding, var(--salt-size-container-spacing));
+  --layerLayout-margin: var(--saltLayerLayout-margin, var(--salt-size-container-spacing));
+}
+.saltLayerLayout {
+  background: var(--layerLayout-background);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 100%;
+  overflow: auto;
+  padding: var(--layerLayout-padding);
+  box-shadow: var(--saltLayerLayout-boxShadow, var(--layerLayout-boxShadow));
+  z-index: calc(var(--salt-zIndex-appHeader) - 1);
+  box-sizing: border-box;
+}
+.saltLayerLayout-fullScreen {
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.saltLayerLayout-center {
+  margin: var(--saltLayerLayout-margin, var(--layerLayout-margin));
+}
+.saltLayerLayout-center.saltLayerLayout-enter-animation,
+.saltLayerLayout-fullScreen.saltLayerLayout-enter-animation,
+.saltScrim.saltLayerLayout-enter-animation {
+  animation: var(--salt-animation-fade-in-center);
+}
+.saltLayerLayout-center.saltLayerLayout-exit-animation,
+.saltLayerLayout-fullScreen.saltLayerLayout-exit-animation,
+.saltScrim.saltLayerLayout-exit-animation {
+  animation: var(--salt-animation-fade-out-back);
+}
+.saltLayerLayout-anchor {
+  position: fixed;
+  max-height: 100%;
+  top: 0;
+}
+.saltLayerLayout-top {
+  left: 0;
+  right: 0;
+  bottom: auto;
+}
+.saltLayerLayout-top.saltLayerLayout-enter-animation {
+  animation: var(--salt-animation-slide-in-bottom);
+}
+.saltLayerLayout-top.saltLayerLayout-exit-animation {
+  animation: var(--salt-animation-slide-out-bottom);
+}
+.saltLayerLayout-right {
+  left: auto;
+  right: 0;
+  height: 100%;
+}
+.saltLayerLayout-right.saltLayerLayout-enter-animation {
+  animation: var(--salt-animation-slide-in-right);
+}
+.saltLayerLayout-right.saltLayerLayout-exit-animation {
+  animation: var(--salt-animation-slide-out-right);
+}
+.saltLayerLayout-left {
+  left: 0;
+  right: auto;
+  height: 100%;
+}
+.saltLayerLayout-left.saltLayerLayout-enter-animation {
+  animation: var(--salt-animation-slide-in-left);
+}
+.saltLayerLayout-left.saltLayerLayout-exit-animation {
+  animation: var(--salt-animation-slide-out-left);
+}
+.saltLayerLayout-bottom {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: auto;
+}
+.saltLayerLayout-bottom.saltLayerLayout-enter-animation {
+  animation: var(--salt-animation-slide-in-top);
+}
+.saltLayerLayout-bottom.saltLayerLayout-exit-animation {
+  animation: var(--salt-animation-slide-out-top);
+}
+
+/* src/list/Highlighter.css */
+.saltHighlighter-highlight {
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+
+/* src/list/List.css */
+.saltList {
+  --list-background: var(--salt-container-primary-background);
+  --list-borderStyle: var(--salt-borderStyle-solid);
+  --list-borderWidth: var(--salt-size-fixed-100);
+  --list-height: auto;
+  --list-item-height: var(--salt-size-stackable);
+  --list-item-gap: 0px;
+  --list-maxHeight: 100%;
+  background: var(--list-background);
+  border-color: var(--salt-container-primary-borderColor);
+  border-style: var(--list-borderStyle);
+  border-width: var(--list-borderWidth);
+  height: var(--saltList-height, var(--list-height));
+  max-height: var(--list-maxHeight);
+  outline: none;
+  overflow-y: auto;
+  position: relative;
+  user-select: none;
+  width: var(--saltList-width, auto);
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  line-height: var(--salt-text-lineHeight);
+  box-sizing: border-box;
+}
+.saltList-borderless {
+  --list-borderStyle: none;
+}
+.saltList-viewport {
+  --list-item-height: 30px;
+  max-height: calc(var(--list-maxHeight) - 2 * var(--list-borderWidth));
+  overflow: auto;
+}
+.saltListItemHeader {
+  --saltList-item-background: var(--list-item-header-background);
+  color: var(--list-item-header-color);
+}
+.saltListItemHeader[data-sticky=true] {
+  --saltList-item-background: var(--list-background);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+.saltList-collapsible .saltListItemHeader:after {
+  border-width: var(--checkbox-borderWidth);
+  border-color: var(--checkbox-borderColor);
+  content: var(--list-item-header-twisty-content);
+  -webkit-mask: var(--list-svg-chevron-down) center center / 12px 12px no-repeat;
+  mask: var(--list-svg-chevron-down) center center / 12px 12px no-repeat;
+  background: var(--list-item-header-twisty-color);
+  height: 12px;
+  left: var(--list-item-header-twisty-left);
+  right: var(--list-item-header-twisty-right);
+  margin-top: -8px;
+  position: absolute;
+  top: var(--list-item-header-twisty-top);
+  transition: transform 0.3s;
+  width: 12px;
+}
+.saltListItemHeader[aria-expanded=false]:after {
+  transform: rotate(-90deg);
+}
+.saltList-scrollingContentContainer {
+  box-sizing: inherit;
+  position: relative;
+}
+.saltList-virtualized .saltListItem {
+  line-height: 30px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  will-change: transform;
+}
+.saltList.saltFocusVisible:after {
+  inset: 2px;
+}
+
+/* src/list/ListItem.css */
+.saltListItem {
+  --list-item-text-color: var(--salt-content-primary-foreground);
+  --list-item-background: var(--saltList-item-background, var(--salt-selectable-background));
+  --list-item-text-color-active: var(--salt-content-primary-foreground);
+  --list-item-background-active: var(--salt-selectable-background-selected);
+  --list-item-alignItems: center;
+}
+.saltListItem.saltHighlighted {
+  --saltCheckbox-icon-stroke: var(--salt-selectable-borderColor-hover);
+  --list-item-background: var(--salt-selectable-background-hover);
+}
+.saltListItemHeader {
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+.saltListItemHeader[data-sticky] {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+.saltListItem {
+  color: var(--list-item-text-color);
+  cursor: var(--saltList-item-cursor, var(--salt-cursor-hover));
+  background: var(--saltList-item-background, var(--list-item-background));
+  font-size: var(--salt-text-fontSize);
+  text-align: var(--salt-text-textAlign);
+  line-height: var(--salt-text-lineHeight);
+  height: var(--saltList-item-height, var(--list-item-height, auto));
+  margin-bottom: var(--list-item-gap);
+  padding: 0 var(--salt-size-unit);
+  left: 0;
+  right: 0;
+  display: flex;
+  position: relative;
+  align-items: var(--list-item-alignItems);
+  white-space: nowrap;
+}
+.saltListItem:last-child {
+  margin-bottom: 0px;
+}
+.saltListItem-checkbox {
+  --list-item-background-active: var(--salt-selectable-background);
+  --list-item-text-color-active: var(--salt-content-primary-foreground);
+  --list-item-text-padding: 0 0 0 var(--salt-size-unit);
+}
+.saltListItem[aria-selected=true]:not(.saltListItem-checkbox) {
+  --list-item-background: var(--list-item-background-active);
+  color: var(--list-item-text-color-active);
+}
+.saltListItem.saltDisabled {
+  --list-item-text-color: var(--salt-content-primary-foreground-disabled);
+  cursor: var(--salt-cursor-disabled);
+}
+.saltListItem.saltFocusVisible {
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+  outline-offset: -2px;
+  outline-color: var(--salt-focused-outlineColor);
+}
+.saltListItem.saltFocusVisible:after {
+  content: none;
+}
+.saltListItem[aria-selected=true]:not(.saltListItem-checkbox).saltFocusVisible {
+  outline-color: var(--list-item-selected-focus-outlineColor);
+}
+.saltListItem-textWrapper {
+  flex: 1;
+  overflow: hidden;
+  padding: var(--list-item-text-padding, 0px);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.saltListItem-proxy {
+  position: absolute !important;
+  visibility: hidden;
+}
+
+/* src/list-deprecated/List.css */
+.saltListDeprecated-wrapper {
+  --list-background: var(--salt-container-primary-background);
+  --list-borderColor: var(--salt-container-primary-borderColor);
+  --list-borderStyle: var(--salt-borderStyle-solid);
+  --list-borderWidth: var(--salt-size-fixed-100);
+  --list-borderRadius: 0;
+  --list-boxShadow: none;
+  --list-disabled-cursor: var(--salt-cursor-disabled);
+}
+.saltListDeprecated-wrapper {
+  position: relative;
+}
+.saltListDeprecated {
+  overflow-y: auto;
+}
+.saltListDeprecated:focus {
+  outline: none;
+}
+.saltListDeprecated-wrapper:not(.saltListDeprecated-borderless) {
+  border-color: var(--list-borderColor);
+  border-style: var(--list-borderStyle);
+  border-width: var(--list-borderWidth);
+  border-radius: var(--list-borderRadius);
+}
+.saltListDeprecated-wrapper {
+  background: var(--list-background);
+  box-shadow: var(--list-boxShadow);
+  position: relative;
+}
+.saltListDeprecated-borderless {
+  border: none;
+}
+.saltListDeprecated-disabled {
+  cursor: var(--list-disabled-cursor);
+}
+
+/* src/list-deprecated/ListItem.css */
+.saltListItemDeprecated {
+  --list-item-text-color: var(--salt-selectable-foreground);
+  --list-item-background: var(--salt-selectable-background);
+  --list-item-background-hover: var(--salt-selectable-background-hover);
+  --list-item-selected-focus-outlineColor: var(--salt-content-bold-foreground);
+  --list-item-text-color-active: var(--salt-selectable-foreground-selected);
+  --list-item-background-active: var(--salt-selectable-background-selected);
+  --list-item-textAlign: var(--salt-text-textAlign);
+  --list-item-fontSize: var(--salt-text-fontSize);
+  --list-item-lineHeight: var(--salt-text-lineHeight);
+  --list-item-padding: 0 var(--salt-size-unit);
+  --list-item-gap: 0px;
+  --list-item-alignItems: center;
+  --list-item-selectable-cursor: pointer;
+  --list-item-cursor: default;
+  --list-item-disabled-cursor: var(--salt-cursor-disabled);
+  --list-item-disabled-regular-opacity: var(--salt-palette-opacity-disabled);
+}
+.saltListItemDeprecated {
+  color: var(--list-item-text-color);
+  background: var(--list-item-background);
+  text-align: var(--list-item-textAlign);
+  line-height: var(--list-item-lineHeight);
+  font-size: var(--list-item-fontSize);
+  padding: var(--list-item-padding);
+  left: 0;
+  right: 0;
+  display: flex;
+  position: relative;
+  align-items: var(--list-item-alignItems);
+  white-space: nowrap;
+}
+.saltListItemDeprecated {
+  margin-bottom: var(--list-item-gap);
+  cursor: var(--list-item-selectable-cursor);
+}
+.saltListItemDeprecated:last-child {
+  margin-bottom: 0px;
+}
+.saltListItemDeprecated.saltListItemDeprecated-highlighted:not(.saltListItemDeprecated-selected) {
+  background: var(--list-item-background-hover);
+}
+.saltListItemDeprecated.saltListItemDeprecated-deselectable {
+  cursor: var(--list-item-selectable-cursor);
+}
+.saltListItemDeprecated-textWrapper {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.saltListItemDeprecated-selected {
+  color: var(--list-item-text-color-active);
+  background: var(--list-item-background-active);
+  cursor: var(--list-item-cursor);
+}
+.saltListItemDeprecated-disabled {
+  cursor: var(--list-item-disabled-cursor);
+  opacity: var(--list-item-disabled-regular-opacity);
+}
+.saltListItemDeprecated-focusVisible:after {
+  top: 2px;
+  left: 2px;
+  right: 2px;
+  bottom: 2px;
+  content: "";
+  position: absolute;
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+  outline-color: var(--salt-focused-outlineColor);
+  outline-offset: var(--salt-focused-outlineOffset);
+}
+.saltListItemDeprecated-focusVisible.saltListItemDeprecated-selected:after {
+  outline-color: var(--list-item-selected-focus-outlineColor);
+}
+
+/* src/list-next/ListItemNext.css */
+.saltListItemNext {
+  --listNext-item-text-color: var(--salt-content-primary-foreground);
+  --listNext-item-background: none;
+}
+.saltListItemNext {
+  color: var(--listNext-item-text-color);
+  background: var(--listNext-item-background);
+  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
+  padding-left: var(--salt-spacing-100);
+  padding-right: var(--salt-spacing-100);
+  display: flex;
+  gap: var(--salt-size-unit);
+  position: relative;
+  align-items: center;
+  white-space: nowrap;
+  margin-top: var(--salt-size-fixed-100);
+  margin-bottom: var(--salt-size-fixed-100);
+  border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) transparent;
+}
+.saltListItemNext-focused {
+  border: var(--salt-focused-outline);
+}
+.saltListItemNext-highlighted:not([aria-disabled=true]) {
+  --listNext-item-background: var(--salt-selectable-background-hover);
+  cursor: var(--salt-cursor-hover);
+}
+.saltListItemNext[aria-selected=true] {
+  outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
+  --listNext-item-background: var(--salt-selectable-background-selected);
+  --saltIcon-color: var(--salt-selectable-foreground-selected);
+}
+.saltListItemNext[aria-disabled=true] {
+  --listNext-item-text-color: var(--salt-content-primary-foreground-disabled);
+  cursor: var(--salt-cursor-disabled);
+}
+.saltListItemNext[aria-disabled=true] .saltText {
+  color: var(--listNext-item-text-color);
+}
+.saltListItemNext[aria-disabled=true][aria-selected=true] {
+  outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selectedDisabled);
+  --listNext-item-background: var(--salt-selectable-background-selectedDisabled);
+}
+
+/* src/list-next/ListNext.css */
+.saltListNext {
+  margin: 0;
+  background: var(--salt-container-primary-background);
+  border-color: var(--salt-container-primary-borderColor);
+  border-style: var(--salt-borderStyle-solid);
+  border-width: var(--salt-size-fixed-100);
+  height: 100%;
+  outline: none;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+  padding-inline-start: 0;
+  box-sizing: content-box;
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  line-height: var(--salt-text-lineHeight);
+}
+
+/* src/logo/Logo.css */
+.saltLogo {
+  display: inline-flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  height: var(--salt-size-base);
+  gap: var(--salt-spacing-100);
+}
+.saltLogo svg {
+  fill: var(--salt-content-secondary-foreground);
+  stroke: none;
+}
+
+/* src/logo/LogoImage.css */
+.saltLogoImage {
+  max-height: 100%;
+}
+
+/* src/logo/LogoSeparator.css */
+.saltLogoSeparator {
+  height: var(--salt-size-separator-height);
+  border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-primary-borderColor);
+}
+
+/* src/menu-button/MenuButton.css */
+
+/* src/menu-button/MenuButtonTrigger.css */
+.saltMenuButtonTrigger {
+  --menuButton-trigger-open-color: var(--saltMenuButton-trigger-open-color, var(--salt-actionable-primary-foreground-active));
+}
+.saltMenuButtonTrigger {
+  display: inline-flex;
+  line-height: 1;
+}
+.saltMenuButtonTrigger-buttonOpen {
+  background: var(--saltMenuButton-trigger-open-background, var(--salt-actionable-primary-background-active));
+  color: var(--menuButton-trigger-open-color);
+}
+.saltMenuButtonTrigger-buttonOpen:not(:hover) .saltMenuButtonTrigger-caretIcon {
+  color: var(--menuButton-trigger-open-color);
+}
+.saltMenuButtonTrigger-buttonOpen:not(:hover) .saltMenuButtonTrigger-icon {
+  color: var(--menuButton-trigger-open-color);
+}
+.saltMenuButtonTrigger-caretIcon {
+  --saltIcon-margin: 0 0 0 var(--salt-size-unit);
+}
+
+/* src/metric/Metric.css */
+.saltMetric {
+  display: flex;
+  align-items: flex-start;
+  padding: 0px;
+  color: var(--saltMetric-color, var(--salt-content-primary-foreground));
+}
+.saltMetric-orientation-horizontal {
+  flex-direction: row;
+  gap: var(--metric-horizontal-gap, 16px);
+  margin-top: var(--metric-horizontal-marginTop, 0px);
+}
+.saltMetric-orientation-vertical {
+  flex-direction: column;
+  justify-content: center;
+}
+.saltMetric-orientation-vertical.saltMetric-align-center {
+  align-items: center;
+}
+.saltMetric-orientation-vertical.saltMetric-align-right {
+  align-items: flex-end;
+}
+
+/* src/metric/MetricContent.css */
+.saltMetricContent {
+  display: flex;
+  flex-direction: column;
+  margin-top: var(--metric-content-marginTop, 0px);
+}
+.saltMetricContent-value-container {
+  align-items: baseline;
+  display: flex;
+  flex-direction: row;
+  gap: calc(var(--salt-size-unit) / 2);
+  margin-top: var(--metric-content-valueContainer-marginTop, 0px);
+}
+.saltMetric-direction-up .saltMetricContent-indicator {
+  fill: var(--salt-sentiment-positive-foreground-decorative);
+}
+.saltMetric-direction-up .saltMetricContent-subvalue {
+  color: var(--salt-sentiment-positive-foreground-informative);
+}
+.saltMetric-direction-down .saltMetricContent-indicator {
+  fill: var(--salt-sentiment-negative-foreground-decorative);
+}
+.saltMetric-direction-down .saltMetricContent-subvalue {
+  color: var(--salt-sentiment-negative-foreground-informative);
+}
+.saltMetricContent-subvalue {
+  margin-top: var(--metric-content-subvalue-marginTop, 0px);
+}
+.saltMetric-align-left .saltMetricContent {
+  text-align: left;
+}
+.saltMetric-align-center .saltMetricContent {
+  align-items: center;
+  text-align: center;
+}
+.saltMetric-align-right .saltMetricContent {
+  align-items: flex-end;
+  text-align: right;
+}
+
+/* src/metric/MetricHeader.css */
+.saltMetricHeader {
+  --metric-title-color: var(--salt-content-primary-foreground);
+  --metric-subtitle-color: var(--salt-content-secondary-foreground);
+}
+.saltMetricHeader {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: calc(var(--salt-size-unit) * 0.25);
+}
+.saltMetric-orientation-horizontal.saltMetric-size-small .saltMetricHeader {
+  padding-top: 4px;
+}
+.saltMetric-orientation-horizontal.saltMetric-size-medium .saltMetricHeader {
+  padding-top: 8px;
+}
+.saltMetric-orientation-horizontal.saltMetric-size-large .saltMetricHeader {
+  padding-top: 14px;
+}
+.saltMetricHeader-title {
+  color: var(--metric-title-color);
+}
+.saltMetricHeader-subtitle {
+  color: var(--metric-subtitle-color);
+  font-weight: var(--salt-text-fontWeight);
+}
+.saltMetric-align-center .saltMetricHeader {
+  align-items: center;
+}
+.saltMetric-align-right .saltMetricHeader {
+  align-items: flex-end;
+}
+
+/* src/query-input/QueryInput.css */
+.saltQueryInputBody {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.saltQueryInputBody > .saltIcon {
+  padding: var(--salt-size-unit);
+  align-self: start;
+}
+.saltQueryInputBody-separator {
+  width: 1px;
+  background: var(--salt-separable-secondary-borderColor);
+  margin: 0 var(--salt-size-unit);
+  align-self: stretch;
+}
+.saltQueryInputBody-buttonGroup {
+  flex-shrink: 0;
+  align-self: start;
+  margin-bottom: var(--salt-size-unit);
+}
+.saltQueryInputBody-input {
+  flex-grow: 1;
+}
+.saltQueryInputValueSelector-content {
+  display: flex;
+  flex-direction: row;
+}
+.saltCategoryList-categoryWidthMeasure {
+  position: fixed;
+  left: -1000px;
+  top: 0;
+  border: solid 1px black;
+}
+.saltCategoryList-category {
+  font-size: var(--salt-text-fontSize);
+}
+.saltCategoryListItem-text {
+  flex-shrink: 0;
+  margin-right: calc(var(--salt-size-unit) * 1.5);
+}
+.saltCategoryListItem-valuesContainer {
+  font-style: italic;
+  color: var(--salt-content-secondary-foreground);
+  flex-grow: 1;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+.saltCategoryListItem-values {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.saltCategoryListItem-chevron {
+  flex-shrink: 0;
+  margin-left: var(--salt-size-unit);
+}
+.saltListItem-selected .saltIcon {
+  fill: var(--list-item-text-color-active);
+}
+.saltQueryInputValueList {
+  border: solid 1px var(--salt-container-primary-borderColor);
+}
+.saltQueryInputValueList-back {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: solid 1px var(--salt-separable-secondary-borderColor);
+  cursor: var(--salt-cursor-hover);
+}
+.saltQueryInputValueList-back .saltIcon {
+  margin-right: var(--salt-size-unit);
+}
+.saltQueryInputValueList-category {
+  font-size: var(--salt-text-fontSize);
+  flex-grow: 1;
+}
+.saltQueryInputSearchList-addKeyword {
+  border-top: solid 1px var(--salt-separable-secondary-borderColor);
+}
+.saltQueryInputSearchList-categoryTitle {
+  color: var(--salt-content-primary-foreground);
+  background: var(--salt-container-primary-background);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight-strong);
+  display: flex;
+  align-items: center;
+  padding: 0 var(--salt-size-unit);
+  position: sticky;
+  top: 0;
+  z-index: var(--salt-zIndex-default);
+}
+
+/* src/search-input/SearchInput.css */
+.saltSearchInput .saltInputLegacy-input::-webkit-search-cancel-button {
+  display: none;
+}
+
+/* src/static-list/StaticList.css */
+.saltStaticList {
+  overflow-y: auto;
+  padding: 0;
+  margin: 0;
+}
+
+/* src/static-list/StaticListItem.css */
+.saltStaticListItem {
+  list-style-type: none;
+  display: flex;
+  gap: var(--salt-spacing-100);
+  box-sizing: border-box;
+  padding: var(--salt-spacing-50) var(--salt-spacing-100);
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
+}
+.saltStaticListItem > .saltIcon {
+  min-height: var(--salt-size-base);
+}
+
+/* src/static-list/StaticListItemContent.css */
+.saltStaticListItemContent {
+  flex: 1 0;
+  margin: var(--salt-spacing-75) 0;
+  color: var(--salt-content-primary-foreground);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  font-family: var(--salt-text-fontFamily);
+  line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
+}
+
+/* src/system-status/SystemStatus.css */
+.saltSystemStatus {
+  background: var(--saltSystemStatus-background, var(--systemStatus-background));
+  border-color: var(--saltSystemStatus-borderColor, var(--systemStatus-borderColor));
+  border-width: var(--saltSystemStatus-borderWidth, var(--salt-size-fixed-100));
+  border-style: var(--saltSystemStatus-borderStyle, var(--salt-borderStyle-solid));
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--salt-spacing-75);
+  padding: var(--saltSystemStatus-padding, var(--salt-spacing-100) var(--salt-layout-page-margin));
+  width: 100%;
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  line-height: var(--salt-text-lineHeight);
+}
+.saltSystemStatus-icon.saltIcon {
+  min-height: var(--salt-size-base);
+  --saltIcon-color: var(--salt-content-bold-foreground);
+}
+.saltSystemStatus-info {
+  --systemStatus-borderColor: var(--salt-status-info-bold-background);
+  --systemStatus-background: var(--salt-status-info-bold-background);
+}
+.saltSystemStatus-error {
+  --systemStatus-borderColor: var(--salt-status-error-bold-background);
+  --systemStatus-background: var(--salt-status-error-bold-background);
+}
+.saltSystemStatus-warning {
+  --systemStatus-borderColor: var(--salt-status-warning-bold-background);
+  --systemStatus-background: var(--salt-status-warning-bold-background);
+}
+.saltSystemStatus-success {
+  --systemStatus-borderColor: var(--salt-status-success-bold-background);
+  --systemStatus-background: var(--salt-status-success-bold-background);
+}
+
+/* src/system-status/SystemStatusActions.css */
+.saltSystemStatusActions {
+  margin-bottom: auto;
+  display: flex;
+  gap: var(--salt-spacing-100);
+}
+
+/* src/system-status/SystemStatusContent.css */
+.saltSystemStatusContent {
+  flex: 1 0;
+  margin: var(--salt-spacing-75) 0;
+  color: var(--salt-content-bold-foreground);
+}
+
+/* src/tabs/Tab.css */
+.saltTab {
+  --saltEditableLabel-padding: 0;
+  --saltEditableLabel-height: var(--tabs-tabstrip-height);
+  --saltInputLegacy-minWidth: 4em;
+  --tabs-tab-background: transparent;
+  --tabs-tab-cursor: pointer;
+  --tabs-tab-spacing: var(--salt-size-unit);
+  --tabs-tab-position: relative;
+}
+.saltTab {
+  align-items: center;
+  align-self: stretch;
+  background: var(--saltTabs-tab-background, var(--tabs-tab-background));
+  border: none;
+  border-radius: 0;
+  color: var(--salt-content-primary-foreground);
+  cursor: var(--saltTabs-tab-cursor, var(--tabs-tab-cursor));
+  display: var(--tabs-tabstrip-display);
+  height: var(--saltTabs-tab-height, var(--tabs-tabstrip-height));
+  letter-spacing: var(--saltTabs-tab-letterSpacing, var(--tabs-tab-letterSpacing, 0));
+  min-width: var(--saltTabs-tab-minWidth, 40px);
+  outline: none;
+  position: var(--saltTabs-tab-position, var(--tabs-tab-position));
+  user-select: none;
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+}
+.saltTab.saltFocusVisible:after {
+  inset: 2px 2px 4px 2px;
+}
+.saltTab:not(.saltTab-vertical) {
+  margin: 0 var(--tabs-tab-spacing) 0 0;
+}
+.saltTab[aria-selected=true] {
+  color: var(--salt-content-primary-foreground);
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+.saltTab-dragAway {
+  display: none;
+}
+.saltTab-main {
+  background: inherit;
+  border: none;
+  color: inherit;
+  cursor: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  height: var(--saltTabs-tabstrip-height, var(--salt-size-stackable));
+  outline: none;
+  padding: 0 var(--tabs-tab-spacing);
+  position: relative;
+}
+.saltTab-closeable .saltTab-main {
+  border-right: solid transparent var(--salt-size-unit);
+}
+.saltTab .saltTab-closeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.saltTab-close-icon {
+  display: block;
+}
+.saltTab .saltTab-text {
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  text-align: var(--salt-text-textAlign-embedded);
+  text-overflow: ellipsis;
+  top: var(--saltTabs-tab-top, var(--tabs-tab-top, auto));
+  white-space: nowrap;
+  z-index: var(--salt-zIndex-default);
+}
+.saltTab-vertical .saltTab-text {
+  text-align: var(--salt-text-textAlign);
+}
+.saltTab .saltTab-text:before {
+  height: 0;
+  content: attr(data-text);
+  display: block;
+  visibility: hidden;
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+.saltTab-editing:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 2px;
+  outline-color: var(--salt-focused-outlineColor);
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+  outline-offset: -2px;
+}
+.saltTab-vertical.saltTab-editing:after {
+  right: 2px;
+  bottom: 0;
+}
+.saltTab-vertical .saltFocusVisible:not([aria-selected=true]):before {
+  left: auto;
+  height: auto;
+  top: 0;
+  width: 2px;
+}
+.saltTab.saltFocusVisible {
+  background: var(--saltTabs-tab-hover-background, var(--salt-navigable-background-hover));
+}
+.saltTab:before {
+  content: var(--tabs-tab-before-content, none);
+  background: var(--tabs-tab-before-background);
+  height: var(--tabs-tab-before-height);
+  inset: var(--tabs-tab-before-inset);
+  position: absolute;
+  width: var(--tabs-tab-before-width);
+  z-index: 1;
+}
+.saltTabstrip-draggingTab .saltTab[aria-selected=true]:before {
+  --tabs-tab-before-content: "";
+  --tabs-tab-before-background: var(--salt-navigable-indicator-color-active);
+  --tabs-tab-before-height: var(--tabs-activationIndicator-thumb-height);
+  --tabs-tab-before-inset: var(--tabs-activationIndicator-inset);
+  --tabs-tab-before-width: var(--tabs-activationIndicator-thumb-width);
+}
+.saltTab:not([aria-selected=true]).saltFocusVisible:before,
+.saltTab:hover:not([aria-selected=true]):before {
+  --tabs-tab-before-content: "";
+  --tabs-tab-before-background: var(--salt-navigable-indicator-hover);
+  --tabs-tab-before-height: var(--tabs-activationIndicator-thumb-height);
+  --tabs-tab-before-inset: var(--tabs-activationIndicator-inset);
+  --tabs-tab-before-width: var(--tabs-activationIndicator-thumb-width);
+}
+.saltTab:hover:not(.saltTab-closeHover) {
+  background: var(--saltTabs-tab-hover-background, var(--salt-navigable-background-hover));
+}
+
+/* src/tabs/TabActivationIndicator.css */
+.saltTabActivationIndicator {
+  background: var(--saltTabs-activationIndicator-background, var(--salt-container-primary-borderColor));
+  height: var(--saltTabs-activationIndicator-height, auto);
+  inset: var(--tabs-activationIndicator-inset);
+  position: absolute;
+  width: var(--tabs-activationIndicator-width, auto);
+}
+.saltTabActivationIndicator-thumb {
+  inset: var(--saltTabs-activationIndicator-thumb-inset);
+  position: absolute;
+  height: var(--tabs-activationIndicator-thumb-height, auto);
+  background: var(--salt-navigable-accent-indicator-active);
+  transition: var(--saltTabs-activationIndicator-transition, var(--tabs-activationIndicator-transition, left 0.3s ease));
+  width: var(--tabs-activationIndicator-thumb-width, auto);
+  z-index: 1;
+}
+
+/* src/tabs/TabPanel.css */
+.saltTabPanel {
+  flex: 1 1 auto;
+}
+
+/* src/tabs/Tabs.css */
+.saltTabs {
+  display: flex;
+  flex-direction: column;
+}
+
+/* src/tabs/Tabstrip.css */
+.saltTabstrip {
+  --tabs-tabstrip-height: var(--saltTabs-tabstrip-height, var(--salt-size-stackable));
+  --tabs-tabstrip-dragging-display: none;
+  --tabs-tabstrip-display: inline-flex;
+  --tabs-tabstrip-background: transparent;
+  align-items: flex-start;
+  align-self: var(--saltTabs-tabstrip-alignSelf, stretch);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  min-width: 28px;
+  width: 100%;
+}
+.saltTabstrip-horizontal {
+  --saltTabs-activationIndicator-height: 1px;
+  --saltTabs-activationIndicator-thumb-inset: -1px 0 0 0;
+  --tabs-activationIndicator-borderStyle: none none solid none;
+  --tabs-activationIndicator-inset: auto 0px 0px 0px;
+  --tabs-activationIndicator-transitionProperty: left;
+  --tabs-activationIndicator-thumb-height: 2px;
+}
+.saltTabstrip-vertical {
+  --saltTabs-activationIndicator-thumb-inset: 0 0 0 -1px;
+  --tabs-activationIndicator-transition: top 0.3s ease;
+  --tabs-activationIndicator-borderStyle: none solid none none;
+  --tabs-activationIndicator-inset: 0px 0px 0px auto;
+  --tabs-activationIndicator-transitionProperty: top;
+  --tabs-activationIndicator-width: 1px;
+  --tabs-activationIndicator-thumb-width: 2px;
+  align-self: flex-start;
+  display: inline-flex;
+}
+.saltTabstrip-draggingTab {
+  --saltTabs-activationIndicator-transition: none;
+}
+.saltTabstrip-draggingTab .saltTab {
+  pointer-events: none;
+}
+.saltTabstrip-horizontal {
+  height: var(--tabs-tabstrip-height);
+}
+.saltTabstrip-addButton,
+.saltDropdownBase.saltTabstrip-overflowMenu {
+  margin-left: var(--salt-size-unit);
+}
+.saltTabstrip-overflowMenu.saltDropdownBase {
+  --saltIcon-margin: 2px 0 0 0px;
+}
+.saltTabstrip-overflowMenu-open {
+  --saltButton-background: var(--salt-actionable-secondary-background-active);
+  --saltButton-text-color: var(--salt-actionable-secondary-text-color-active);
+}
+.saltTabstrip-overflowMenu-open .saltButton {
+  --saltIcon-color: var(--salt-actionable-secondary-foreground-active);
+}
+.saltTabstrip-inner {
+  width: 100%;
+  align-items: center;
+  display: flex;
+  flex-basis: auto;
+  flex-grow: 0;
+  flex-shrink: 1;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  line-height: var(--tabs-tabstrip-height);
+}
+.saltTabstrip-vertical .saltTabstrip-inner {
+  flex-direction: column;
+  height: auto;
+}
+.saltTabstrip-centered .saltTabstrip-inner {
+  justify-content: center;
+}
+.saltDraggable[class*=tabstrip] {
+  --tabs-tabstrip-display: flex;
+  --tabs-tabstrip-height: var(--saltTabs-tabstrip-height, var(--salt-size-stackable));
+  --tabs-tabstrip-dragging-display: block;
+  --tabs-tab-background: var(--salt-navigable-background-hover);
+  --tabs-tab-before-content: "";
+  --tabs-tab-before-background: var(--salt-navigable-indicator-hover);
+  --tabs-tab-before-height: var(--tabs-activationIndicator-thumb-height);
+  --tabs-tab-before-inset: var(--tabs-activationIndicator-inset);
+  --tabs-tab-before-width: var(--tabs-activationIndicator-thumb-width);
+  --tabs-tab-cursor: var(--salt-cursor-grab-active);
+  --tabs-tab-position: static;
+  font-size: 12px;
+}
+.saltDraggable-tabstrip-horizontal {
+  --tabs-tabstrip-height: var(--saltTabs-tabstrip-height, var(--salt-size-stackable));
+  --tabs-activationIndicator-thumb-height: 2px;
+  --tabs-activationIndicator-inset: auto 0px 0px 0px;
+  line-height: var(--tabs-tabstrip-height);
+}
+.saltDraggable-tabstrip-vertical {
+  --tabs-activationIndicator-inset: 0px 0px 0px auto;
+  --tabs-activationIndicator-thumb-width: 2px;
+}
+.saltDraggable[class*=tabstrip] .saltTab[aria-selected=true]:before {
+  --tabs-tab-before-background: var(--salt-navigable-accent-indicator-active);
+}
+.saltDraggable[class*=tabstrip] .saltTab {
+  box-shadow: var(--salt-overlayable-shadow-drag);
+}
+[data-overflowed] {
+  order: 99;
+  visibility: hidden;
+}
+.saltTabstrip-overflowMenu-dropTarget:after {
+  background: var(--salt-selectable-background-selected);
+  content: "";
+  position: absolute;
+  height: 2px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+/* src/tabs/ThemeTabstrip.css */
+.salt-density-touch {
+  --toolbar-depth: calc(var(--salt-size-basis-unit) * 13);
+}
+.salt-density-low {
+  --toolbar-depth: calc(var(--salt-size-basis-unit) * 11);
+}
+.salt-density-medium {
+  --toolbar-depth: calc(var(--salt-size-basis-unit) * 9);
+}
+.salt-density-high {
+  --toolbar-depth: calc(var(--salt-size-basis-unit) * 7);
+}
+
+/* src/toast-group/ToastGroup.css */
+.saltToastGroup {
+  width: var(--toastGroup-width);
+  max-height: calc(100% - var(--salt-spacing-300) * 2);
+  margin: var(--salt-spacing-300) var(--salt-spacing-200) var(--salt-spacing-100) var(--salt-spacing-200);
+  overflow: auto;
+  display: flex-inline;
+  flex-direction: column;
+  position: fixed;
+  z-index: var(--salt-zIndex-flyover);
+}
+.saltToastGroup-bottom-right {
+  bottom: 0;
+  right: 0;
+  justify-content: flex-end;
+}
+.saltToastGroup-top-right {
+  top: 0;
+  right: 0;
+  justify-content: flex-start;
+}
+.salt-density-high {
+  --toastGroup-width: 210px;
+}
+.salt-density-medium {
+  --toastGroup-width: 260px;
+}
+.salt-density-low {
+  --toastGroup-width: 310px;
+}
+.salt-density-touch {
+  --toastGroup-width: 360px;
+}
+
+/* src/tokenized-input/TokenizedInput.css */
+.salt-density-medium {
+  --tokenizedInput-gutter-size: var(--salt-size-basis-unit);
+  --tokenizedInput-pill-group-y-padding: calc(var(--salt-size-unit) / 2);
+  --tokenizedInput-last-pill-margin: var(--salt-size-unit);
+}
+.salt-density-touch {
+  --tokenizedInput-gutter-size: var(--salt-size-basis-unit);
+  --tokenizedInput-pill-group-y-padding: calc(var(--salt-size-unit) / 2 + 2px);
+  --tokenizedInput-last-pill-margin: calc(var(--salt-size-unit) / 2);
+}
+.salt-density-low {
+  --tokenizedInput-gutter-size: var(--salt-size-basis-unit);
+  --tokenizedInput-pill-group-y-padding: calc(var(--salt-size-unit) / 2 + 1px);
+  --tokenizedInput-last-pill-margin: calc(var(--salt-size-unit) / 2);
+}
+.salt-density-high {
+  --tokenizedInput-gutter-size: calc(var(--salt-size-basis-unit) - 1px);
+  --tokenizedInput-pill-group-y-padding: calc(var(--salt-size-unit) / 2 + 1px);
+  --tokenizedInput-last-pill-margin: var(--salt-size-unit);
+}
+.saltTokenizedInput {
+  --tokenizedInput-spacing: var(--salt-size-unit);
+  --tokenizedInput-height: var(--salt-size-base);
+}
+.saltTokenizedInput {
+  display: inline-flex;
+  justify-content: space-between;
+  min-width: 8em;
+  width: 100%;
+}
+.saltTokenizedInput:hover {
+  cursor: var(--salt-cursor-text);
+}
+.saltTokenizedInput.saltTokenizedInput-disabled:hover {
+  cursor: var(--salt-cursor-disabled);
+}
+.saltTokenizedInput-pillGroup {
+  align-content: flex-start;
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  min-height: var(--tokenizedInput-height);
+  padding: var(--tokenizedInput-pill-group-y-padding) var(--tokenizedInput-spacing);
+  box-sizing: border-box;
+}
+.saltTokenizedInput-disabled {
+  cursor: var(--salt-cursor-disabled);
+  opacity: var(--saltTokenizedInput-disabled-opacity, var(--salt-palette-opacity-disabled));
+}
+.saltTokenizedInput-focused {
+  outline: var(--saltTokenizedInput-focused-outline, var(--salt-focused-outline));
+}
+.saltTokenizedInput-expanded {
+  height: auto;
+  --saltPill-maxWidth: calc(100px - var(--salt-size-unit));
+}
+.saltTokenizedInput-hidden,
+.saltTokenizedInput-input.saltTokenizedInput-hidden,
+.saltButton.saltTokenizedInput-hidden {
+  display: none;
+}
+.saltInputLegacy.saltTokenizedInput-input {
+  align-items: flex-start;
+  cursor: var(--salt-cursor-text);
+  flex-grow: 1;
+  padding: 0;
+  outline: none;
+  width: auto;
+  height: auto;
+  min-width: 0;
+  min-height: 0;
+}
+.saltTokenizedInput-clearButton {
+  flex: none;
+  align-self: flex-end;
+}
+.saltTokenizedInput-expandButton.saltButton {
+  padding: 0 calc(var(--tokenizedInput-spacing) / 4);
+  --saltButton-height: calc(var(--tokenizedInput-height) - var(--tokenizedInput-spacing) * 1.5);
+  --saltButton-margin: calc(var(--tokenizedInput-gutter-size) / 2) 0;
+}
+.saltTokenizedInput-expanded,
+.saltTokenizedInput-expanded .saltTokenizedInput-pillGroup {
+  height: auto;
+}
+.saltTokenizedInput .saltInputPill,
+.saltInputLegacy.saltTokenizedInput-input,
+.saltTokenizedInput-inputField.saltTokenizedInput-inputMultiline .saltTokenizedInput-input {
+  margin: calc(var(--tokenizedInput-gutter-size) / 2) 0;
+  height: calc(var(--tokenizedInput-height) - var(--tokenizedInput-spacing) * 1.5);
+}
+.saltTokenizedInput .saltInputPill {
+  min-width: 0;
+  margin-right: var(--tokenizedInput-gutter-size);
+  --saltPill-maxWidth: 100px;
+}
+.saltTokenizedInput .saltInputPill > * {
+  min-width: 0;
+}
+.saltTokenizedInput .saltInputPill.saltInputPill-hidden {
+  display: none;
+}
+.saltTokenizedInput .saltInputPill-pillLastVisible {
+  margin-right: var(--saltTokenizedInput-pill-last-visible-marginRight, var(--tokenizedInput-last-pill-margin));
+}
+.saltTokenizedInput .saltInputPill-pillActive {
+  background: var(--saltTokenizedInput-pill-background-active, var(--salt-selectable-background-hover));
+}
+.saltTokenizedInput .saltInputPill-pillActive .saltPill-deleteIcon {
+  color: var(--saltTokenizedInput-pill-delete-icon-color, var(--salt-actionable-cta-foreground-hover));
+}
+.saltTokenizedInput .saltInputPill-pillActive .saltPill-deleteButton {
+  color: var(--saltTokenizedInput-pill-delete-button-color-active, var(--salt-actionable-cta-foreground-hover));
+  background: var(--saltTokenizedInput-pill-delete-button-background-active, var(--salt-actionable-cta-background-hover));
+}
+
+/* src/tokenized-input-next/TokenizedInputNext.css */
+.saltTokenizedInputNext-container {
+  width: 100%;
+}
+.saltTokenizedInputNext {
+  --tokenizedInput-borderColor: var(--salt-editable-borderColor);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-outlineColor: var(--salt-focused-outlineColor);
+  --tokenizedInput-border: none;
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);
+  align-items: center;
+  background: var(--tokenizedInput-background);
+  border: var(--tokenizedInput-border);
+  color: var(--salt-content-primary-foreground);
+  display: inline-flex;
+  flex-wrap: wrap;
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  height: 100%;
+  line-height: var(--salt-text-lineHeight);
+  min-height: var(--salt-size-base);
+  padding: 0 var(--salt-spacing-100);
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.saltTokenizedInputNext:hover {
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-borderColor: var(--salt-editable-borderColor-hover);
+  background: var(--tokenizedInput-background-hover);
+  cursor: var(--salt-cursor-hover);
+}
+.saltTokenizedInputNext:active {
+  --tokenizedInput-borderColor: var(--salt-editable-borderColor-active);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);
+  background: var(--tokenizedInput-background-active);
+  cursor: var(--salt-cursor-active);
+}
+.saltTokenizedInputNext-primary {
+  --tokenizedInput-background: var(--salt-editable-primary-background);
+  --tokenizedInput-background-active: var(--salt-editable-primary-background-active);
+  --tokenizedInput-background-hover: var(--salt-editable-primary-background-hover);
+  --tokenizedInput-background-disabled: var(--salt-editable-primary-background-disabled);
+  --tokenizedInput-background-readonly: var(--salt-editable-primary-background-readonly);
+}
+.saltTokenizedInputNext-secondary {
+  --tokenizedInput-background: var(--salt-editable-secondary-background);
+  --tokenizedInput-background-active: var(--salt-editable-secondary-background-active);
+  --tokenizedInput-background-hover: var(--salt-editable-secondary-background-active);
+  --tokenizedInput-background-disabled: var(--salt-editable-secondary-background-disabled);
+  --tokenizedInput-background-readonly: var(--salt-editable-secondary-background-readonly);
+}
+.saltTokenizedInputNext-error,
+.saltTokenizedInputNext-error:hover {
+  --tokenizedInput-background: var(--salt-status-error-background);
+  --tokenizedInput-background-active: var(--salt-status-error-background);
+  --tokenizedInput-background-hover: var(--salt-status-error-background);
+  --tokenizedInput-borderColor: var(--salt-status-error-borderColor);
+  --tokenizedInput-outlineColor: var(--salt-status-error-borderColor);
+}
+.saltTokenizedInputNext-warning,
+.saltTokenizedInputNext-warning:hover {
+  --tokenizedInput-background: var(--salt-status-warning-background);
+  --tokenizedInput-background-active: var(--salt-status-warning-background);
+  --tokenizedInput-background-hover: var(--salt-status-warning-background);
+  --tokenizedInput-borderColor: var(--salt-status-warning-borderColor);
+  --tokenizedInput-outlineColor: var(--salt-status-warning-borderColor);
+}
+.saltTokenizedInputNext-success,
+.saltTokenizedInputNext-success:hover {
+  --tokenizedInput-background: var(--salt-status-success-background);
+  --tokenizedInput-background-active: var(--salt-status-success-background);
+  --tokenizedInput-background-hover: var(--salt-status-success-background);
+  --tokenizedInput-borderColor: var(--salt-status-success-borderColor);
+  --tokenizedInput-outlineColor: var(--salt-status-success-borderColor);
+}
+.saltTokenizedInputNext-textarea {
+  background: none;
+  border: none;
+  box-sizing: content-box;
+  color: inherit;
+  cursor: inherit;
+  display: inline-flex;
+  flex-basis: 0;
+  height: var(--salt-text-lineHeight);
+  font: inherit;
+  letter-spacing: 0;
+  overflow: hidden;
+  resize: none;
+  padding: 0;
+  min-width: 1px;
+}
+.saltTokenizedInputNext-expanded .saltTokenizedInputNext-textarea {
+  flex-grow: 1;
+  min-width: 4em;
+}
+.saltTokenizedInputNext-textarea::placeholder {
+  font-weight: var(--salt-text-fontWeight-small);
+}
+.saltTokenizedInputNext-textarea:focus {
+  outline: none;
+}
+.saltTokenizedInputNext-focused {
+  --tokenizedInput-borderColor: var(--tokenizedInput-outlineColor);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);
+  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--tokenizedInput-outlineColor);
+}
+.saltTokenizedInputNext-readOnly,
+.saltTokenizedInputNext-readOnly:active,
+.saltTokenizedInputNext-readOnly:hover {
+  --tokenizedInput-borderColor: var(--salt-editable-borderColor-readonly);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);
+  background: var(--tokenizedInput-background-readonly);
+  cursor: var(--salt-cursor-readonly);
+}
+.saltTokenizedInputNext-disabled .saltTokenizedInputNext-textarea::selection {
+  background: none;
+}
+.saltTokenizedInputNext-disabled,
+.saltTokenizedInputNext-disabled:hover,
+.saltTokenizedInputNext-disabled:active {
+  --tokenizedInput-borderColor: var(--salt-editable-borderColor-disabled);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);
+  background: var(--tokenizedInput-background-disabled);
+  cursor: var(--salt-cursor-disabled);
+  color: var(--salt-content-primary-foreground-disabled);
+}
+.saltTokenizedInputNext-activationIndicator {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  border-bottom: var(--tokenizedInput-activationIndicator-borderWidth) var(--tokenizedInput-borderStyle) var(--tokenizedInput-borderColor);
+}
+.saltTokenizedInputNext.saltTokenizedInputNext-bordered {
+  --tokenizedInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--tokenizedInput-borderColor);
+  --tokenizedInput-activationIndicator-borderWidth: 0;
+}
+.saltTokenizedInputNext-bordered:active,
+.saltTokenizedInputNext-bordered.saltTokenizedInputNext-focused {
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);
+}
+.saltTokenizedInputNext-bordered.saltTokenizedInputNext-readOnly:hover,
+.saltTokenizedInputNext-bordered.saltTokenizedInputNext-disabled:hover {
+  --tokenizedInput-activationIndicator-borderWidth: 0;
+}
+.saltTokenizedInputNext-statusAdornment {
+  margin-left: auto;
+  margin-right: var(--salt-spacing-100);
+}
+.saltTokenizedInputNext-endAdornmentContainer {
+  margin-left: auto;
+  align-self: self-end;
+  display: inline-flex;
+  min-height: var(--salt-size-base);
+}
+.saltTokenizedInputNext-statusAdornment ~ .saltTokenizedInputNext-endAdornmentContainer {
+  margin-left: 0;
+}
+.saltTokenizedInputNext .saltButton {
+  --saltButton-padding: 0;
+  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
+  --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-100));
+}
+.saltTokenizedInputNext .saltButton.saltTokenizedInputNext-endAdornment {
+  --saltButton-margin: auto calc(var(--salt-spacing-50) * -1) auto auto;
+}
+.saltTokenizedInputNext-hidden {
+  display: none;
+}
+
+/* src/toolbar/Toolbar.css */
+.saltToolbar {
+  --toolbar-background: var(--salt-container-secondary-background);
+  --toolbar-fontSize: var(--salt-text-fontSize);
+}
+.saltToolbar {
+  --toolbar-size: calc(var(--salt-size-base) + var(--salt-size-unit) * 2);
+  background: var(--saltToolbar-background, var(--toolbar-background));
+  font-size: var(--toolbar-fontSize);
+  justify-content: flex-start;
+  overflow: hidden;
+  position: relative;
+  font-family: var(--salt-text-fontFamily);
+  font-weight: var(--salt-text-fontWeight);
+  line-height: var(--salt-text-lineHeight);
+}
+.saltToolbar > .Responsive-inner {
+  align-items: center;
+  flex: 1;
+  flex-wrap: wrap;
+  justify-content: inherit;
+  margin: 0 !important;
+  overflow: hidden;
+  padding: 0 !important;
+}
+.saltToolbar[aria-orientation=horizontal] {
+  display: flex;
+  height: var(--saltToolbar-height, var(--toolbar-size));
+  line-height: normal;
+  min-width: 0;
+  white-space: nowrap;
+  width: var(--saltToolbar-width, 100%);
+}
+.saltToolbar[aria-orientation=horizontal] > .Responsive-inner {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+.saltToolbar[aria-orientation=horizontal] > .Responsive-inner > :not(.saltTooltray) {
+  margin-right: var(--salt-size-unit);
+  align-self: center;
+}
+.saltToolbar[aria-orientation=horizontal] > .Responsive-inner > .saltTooltray > .Responsive-inner > * {
+  margin-top: var(--salt-size-unit);
+}
+.saltToolbar[aria-orientation=horizontal] > .Responsive-inner > .saltTooltray {
+  margin-top: 0;
+}
+.saltToolbar[aria-orientation=horizontal] > .Responsive-inner > [data-pad-end=true] {
+  margin-right: auto;
+}
+.saltToolbar[aria-orientation=vertical] > .Responsive-inner > [data-pad-end=true] {
+  margin-bottom: auto;
+}
+.saltToolbar[aria-orientation=horizontal] > .Responsive-inner > *:first-child {
+  margin-left: var(--salt-size-unit);
+}
+.saltToolbar[aria-orientation=vertical] {
+  display: inline-flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+.saltToolbar[aria-orientation=vertical] > .Responsive-inner {
+  display: inline-flex;
+  flex-direction: column;
+  max-height: 100%;
+}
+.saltToolbar > .Responsive-inner[data-collapsing=true] {
+  flex-wrap: nowrap;
+}
+.saltToolbar > .Responsive-inner[data-collapsing=true] > *[data-overflowed=true] {
+  min-width: 0;
+  flex-shrink: 1;
+  flex-basis: 0;
+  padding: 0;
+  margin: 0;
+  visibility: visible;
+}
+.saltToolbar > .Responsive-inner > *[data-pad-start=true] {
+  margin-left: auto;
+}
+.saltToolbarField-start {
+  margin-left: 0 !important;
+  order: -1;
+}
+.saltToolbar > .Responsive-inner > .saltToolbarField {
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+.saltToolbarField.saltFormFieldLegacy-labelLeft > .saltFormLabel {
+  padding-left: var(--salt-size-unit);
+}
+.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton {
+  background: var(--toolbar-background);
+}
+.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:hover {
+  background: var(--salt-actionable-secondary-background-hover);
+}
+.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltButton-active,
+.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:active {
+  background: var(--salt-actionable-secondary-background-active) !important;
+}
+[data-overflowed] {
+  order: 99;
+  visibility: hidden;
+}
+
+/* src/toolbar/ToolbarButton.css */
+.saltToolbarButton:not([data-is-inside-panel]) {
+  --saltButton-fontSize: 0;
+  --saltButton-letterSpacing: 0;
+  gap: 0;
+}
+
+/* src/toolbar/Tooltray.css */
+.saltTooltray {
+  --toolbar-tooltray-height: var(--toolbar-size);
+}
+.saltTooltray {
+  background: inherit;
+  flex-shrink: 0;
+  flex-grow: 0;
+  position: relative;
+  overflow: hidden;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.saltTooltray-horizontal {
+  height: var(--toolbar-tooltray-height);
+}
+.saltTooltray > .Responsive-inner > .saltToolbarField {
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+.saltTooltray > .Responsive-inner {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  flex-wrap: nowrap;
+  gap: 0 !important;
+  justify-content: inherit;
+}
+.saltTooltray-horizontal > .Responsive-inner > * {
+  margin-top: var(--salt-size-unit);
+  margin-right: var(--salt-size-unit);
+}
+.saltTooltray-horizontal:not(:first-child) {
+  margin-left: var(--salt-size-unit);
+  padding-left: calc(var(--salt-size-unit) * 2);
+}
+.saltTooltray-horizontal:not(:first-child):before {
+  content: "";
+  position: absolute;
+  background: var(--salt-separable-primary-borderColor);
+  top: 8px;
+  left: 0;
+  width: 1px;
+  height: 28px;
+}
+.saltTooltray > .Responsive-inner > .saltToolbarField {
+  flex: 0 0 auto;
+}
+.saltTooltray > .Responsive-inner > *[data-pad-start=true] {
+  margin-left: auto;
+}
+.saltTooltray[data-collapsible=dynamic] {
+  flex-shrink: 0;
+}
+.saltTooltray[data-collapsible=dynamic] > .Responsive-inner {
+  flex-wrap: wrap;
+}
+.saltTooltray[data-collapsing=true] {
+  flex-shrink: 1;
+}
+.saltTooltray[data-collapsed=true] {
+  flex-shrink: 1;
+}
+.saltTooltray[data-collapsible=dynamic][data-collapsed=true] {
+  flex-basis: 0;
+}
+
+/* src/window/ElectronWindow.css */
+.saltWindow {
+  --saltDialog-boxShadow: none;
+  --saltDialog-margin: 0;
+  width: max-content;
+  height: max-content;
+  position: fixed;
+  overflow: hidden;
+}
+
+/* src/list-deprecated/internal/Highlighter.css */
+.saltHighlighter-highlight {
+  font-weight: 700;
+}
+
+/* src/tabs/drag-drop/Draggable.css */
+.saltDraggable {
+  background: transparent;
+  box-shadow: var(--salt-overlayable-shadow-drag);
+  cursor: var(--salt-cursor-grab-active);
+  position: absolute;
+}
+.saltDraggable-spacer {
+  display: inline-block;
+  height: var(--tabs-tabstrip-height);
+  transition: width 0.4s ease;
+  width: 0;
+}
+
+/* src/tabs/drag-drop/DropIndicator.css */
+.saltDropIndicator {
+  background: var(--salt-sentiment-accent-background);
+  cursor: move;
+  position: absolute;
+  transform: translate(-4px, 0);
+}
+
+/* src/tokenized-input/internal/InputRuler.css */
+.saltInputRuler {
+  position: absolute;
+  left: 0;
+  white-space: nowrap;
+  visibility: hidden;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+/* src/tokenized-input-next/internal/InputPill.css */
+.saltInputPill {
+  max-width: 100%;
+  margin: var(--salt-spacing-25) var(--salt-spacing-50);
+  margin-left: 0;
+}
+.saltInputPill-expanded {
+  max-width: calc(100% - (var(--salt-size-base) - var(--salt-spacing-100)));
+}
+.saltInputPill-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.saltInputPill.saltInputPill-hidden {
+  display: none;
+}
+.saltInputPill.saltInputPill:hover {
+  background: var(--salt-selectable-background-hover);
+}
+.saltInputPill.saltInputPill-pillHighlighted {
+  --saltPill-background: var(--salt-selectable-background-hover);
+}
+.saltInputPill.saltInputPill:active {
+  background: var(--salt-actionable-primary-background-active);
+  --saltPill-color: var(--salt-actionable-primary-foreground-active);
+  --saltIcon-color: var(--salt-actionable-primary-foreground-active);
+}
+
+/* src/toolbar/overflow-panel/OverflowPanel.css */
+.saltOverflowPanel.saltDropdownBase-popup {
+  background: var(--salt-container-primary-background);
+  border: solid 1px var(--salt-selectable-borderColor-hover);
+  box-shadow: var(--salt-overlayable-shadow-popout);
+}
+.saltOverflowPanel-content {
+  --saltButton-justifyContent: flex-start;
+  align-items: stretch;
+  color: var(--salt-content-primary-foreground);
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor);
+  display: flex;
+  flex-direction: column;
+  padding: calc(var(--salt-size-unit) * 1.5) 0;
+  outline: none;
+}
+.saltOverflowPanel [aria-expanded=true] {
+  --saltButton-background: var(--salt-actionable-secondary-background-active);
+  --saltButton-background-hover: var(--salt-actionable-secondary-background-active);
+  --saltIcon-color: var(--salt-actionable-secondary-foreground-active);
+}
+.saltOverflowPanel.saltDropdownBase {
+  --saltIcon-margin: 2px 0 0 0px;
+}
+.saltOverflowPanel.saltDropdownBase-popup .saltFormFieldLegacy:not(.saltFormFieldLegacy-toolbarButton) {
+  --saltFormFieldLegacy-margin: 0 12px 8px 12px;
+}
+
+/* src/toolbar/overflow-panel/OverflowSeparator.css */
+.saltOverflowSeparator {
+  background: var(--salt-separable-tertiary-borderColor);
+  height: var(--salt-size-fixed-100);
+  margin: calc(var(--salt-size-unit) / 2) 0;
+}
+
+/* src/6f33401a-e8aa-4c64-8a91-c7a84caaf9c4.css */