/* 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/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/calendar/Calendar.css */
.saltCalendar {
  --calendar-gap: var(--salt-spacing-fixed-100);
  --calendar-day-size: var(--salt-size-base);
  background: var(--salt-container-primary-background);
  padding: var(--salt-spacing-100);
}

/* src/calendar/CalendarGrid.css */
.saltCalendarGrid-grid {
  display: grid;
  grid-auto-flow: column;
}
.saltCalendarGrid-grid > * {
  position: absolute;
  left: 0;
  width: 100%;
}
.saltCalendarGrid-grid > :nth-child(2) {
  position: relative;
}

/* src/calendar/CalendarMonthHeader.css */
.saltCalendarMonthHeader {
  width: 100%;
  text-align: center;
}

/* src/calendar/CalendarNavigation.css */
.saltCalendarNavigation {
  display: grid;
  grid-template-columns: min-content auto min-content;
  padding-bottom: var(--salt-spacing-100);
  grid-gap: var(--salt-spacing-25);
  align-items: center;
  box-sizing: border-box;
}
.saltCalendarNavigation-yearDropdown {
  min-width: 4.3em;
}
.saltCalendarNavigation-hideYearDropdown {
  grid-template-columns: min-content auto min-content;
  grid-gap: var(--salt-spacing-300);
}
.saltCalendarNavigation-dropdowns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--salt-spacing-100);
}

/* src/calendar/CalendarWeekHeader.css */
.saltCalendarWeekHeader {
  display: flex;
  text-align: center;
  align-items: center;
  height: var(--salt-size-base);
  gap: var(--calendar-gap);
}
.saltCalendarWeekHeader-dayOfWeek {
  width: var(--calendar-day-size);
  color: var(--salt-content-secondary-foreground);
  font-family: var(--salt-text-fontFamily);
  font-weight: var(--salt-text-fontWeight);
  font-size: var(--salt-text-fontSize);
  line-height: var(--salt-text-lineHeight);
}

/* 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/date-input/DateInput.css */
.saltDateInput {
  align-items: center;
  background: var(--saltDateInput-background, var(--input-background));
  border-radius: var(--salt-palette-corner-weak, 0);
  color: var(--saltDateInput-color, var(--salt-content-primary-foreground));
  display: inline-flex;
  font-family: var(--salt-text-fontFamily);
  font-size: var(--saltDateInput-fontSize, var(--salt-text-fontSize));
  line-height: var(--saltDateInput-lineHeight, var(--salt-text-lineHeight));
  letter-spacing: var(--salt-text-letterSpacing);
  height: var(--saltDateInput-height, var(--salt-size-base));
  min-height: var(--saltDateInput-minHeight, var(--salt-size-base));
  min-width: var(--saltDateInput-minWidth, 4em);
  padding-left: var(--saltDateInput-paddingLeft, var(--salt-spacing-100));
  padding-right: var(--saltDateInput-paddingRight, var(--salt-spacing-100));
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.saltDateInput:hover {
  cursor: var(--salt-cursor-text);
}
.saltDateInput-bordered.saltDateInput {
  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--input-borderColor);
}
.saltDateInput-bordered.saltDateInput:hover {
  border-style: var(--salt-borderStyle-solid);
  border-color: var(--input-borderColor-hover);
}
.saltDateInput-bordered.saltDateInput-focused,
.saltDateInput-bordered.saltDateInput-focused:hover {
  border-style: var(--salt-borderStyle-solid);
  border-color: var(--input-borderColor-active);
}
.saltDateInput-bordered.saltDateInput-readOnly,
.saltDateInput-bordered.saltDateInput-readOnly:hover {
  border-style: var(--salt-borderStyle-solid);
  border-color: var(--salt-editable-borderColor-readonly);
}
.saltDateInput-bordered.saltDateInput-disabled,
.saltDateInput-bordered.saltDateInput-disabled:hover {
  border-style: var(--salt-borderStyle-solid);
  border-color: var(--salt-editable-borderColor-disabled);
}
.saltDateInput-activationIndicator {
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--input-borderColor);
}
.saltDateInput:hover .saltDateInput-activationIndicator {
  border-bottom-style: var(--salt-borderStyle-solid);
  border-bottom-color: var(--input-borderColor-hover);
}
.saltDateInput-focused .saltDateInput-activationIndicator,
.saltDateInput-focused:hover .saltDateInput-activationIndicator {
  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--input-borderColor-active);
}
.saltDateInput-readOnly .saltDateInput-activationIndicator,
.saltDateInput-readOnly:hover .saltDateInput-activationIndicator {
  border-bottom-style: var(--salt-borderStyle-solid);
  border-bottom-color: var(--salt-editable-borderColor-readonly);
}
.saltDateInput-disabled .saltDateInput-activationIndicator,
.saltDateInput-disabled:hover .saltDateInput-activationIndicator {
  border-bottom-style: var(--salt-borderStyle-solid);
  border-bottom-color: var(--salt-editable-borderColor-disabled);
}
.saltDateInput-bordered .saltDateInput-activationIndicator,
.saltDateInput-bordered.saltDateInput-readOnly .saltDateInput-activationIndicator,
.saltDateInput-bordered.saltDateInput-disabled:hover .saltDateInput-activationIndicator {
  border-bottom-width: 0;
}
.saltDateInput-bordered.saltDateInput-focused .saltDateInput-activationIndicator {
  border-bottom-width: var(--salt-size-fixed-100);
}
.saltDateInput-primary {
  --input-background: var(--salt-editable-primary-background);
  --input-background-disabled: var(--salt-editable-primary-background-disabled);
  --input-background-readonly: var(--salt-editable-background-readonly);
  --input-borderColor: var(--salt-editable-borderColor);
  --input-borderColor-active: var(--salt-editable-borderColor-active);
  --input-borderColor-hover: var(--salt-editable-borderColor-hover);
  --input-outlineColor: var(--salt-focused-outlineColor);
}
.saltDateInput-secondary {
  --input-background: var(--salt-editable-secondary-background);
  --input-background-disabled: var(--salt-editable-secondary-background-disabled);
  --input-background-readonly: var(--salt-editable-background-readonly);
  --input-borderColor: var(--salt-editable-borderColor);
  --input-borderColor-active: var(--salt-editable-borderColor-active);
  --input-borderColor-hover: var(--salt-editable-borderColor-hover);
  --input-outlineColor: var(--salt-focused-outlineColor);
}
.saltDateInput-tertiary {
  --input-background: var(--salt-editable-tertiary-background);
  --input-background-readonly: var(--salt-editable-background-readonly);
  --input-borderColor: var(--salt-editable-borderColor);
  --input-borderColor-active: var(--salt-editable-borderColor-active);
  --input-borderColor-hover: var(--salt-editable-borderColor-hover);
  --input-outlineColor: var(--salt-focused-outlineColor);
}
.saltDateInput-error {
  --input-background: var(--salt-status-error-background);
  --input-background-readonly: var(--salt-status-error-background);
  --input-borderColor: var(--salt-status-error-borderColor);
  --input-borderColor-active: var(--salt-status-error-borderColor);
  --input-borderColor-hover: var(--salt-status-error-borderColor);
  --input-outlineColor: var(--salt-status-error-borderColor);
}
.saltDateInput-warning {
  --input-background: var(--salt-status-warning-background);
  --input-background-readonly: var(--salt-status-warning-background);
  --input-borderColor: var(--salt-status-warning-borderColor);
  --input-borderColor-active: var(--salt-status-warning-borderColor);
  --input-borderColor-hover: var(--salt-status-warning-borderColor);
  --input-outlineColor: var(--salt-status-warning-borderColor);
}
.saltDateInput-success {
  --input-background: var(--salt-status-success-background);
  --input-background-readonly: var(--salt-status-success-background);
  --input-borderColor: var(--salt-status-success-borderColor);
  --input-borderColor-active: var(--salt-status-success-borderColor);
  --input-borderColor-hover: var(--salt-status-success-borderColor);
  --input-outlineColor: var(--salt-status-success-borderColor);
}
.saltDateInput-focused,
.saltDateInput-focused:hover {
  cursor: var(--salt-cursor-text);
  outline: var(--saltDateInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));
}
.saltDateInput.saltDateInput-readOnly {
  background: var(--input-background-readonly);
  cursor: var(--salt-cursor-readonly);
}
.saltDateInput-disabled,
.saltDateInput-disabled:hover {
  background: var(--input-background-disabled);
  cursor: var(--salt-cursor-disabled);
  color: var(--saltDateInput-color-disabled, var(--salt-content-primary-foreground-disabled));
}
.saltDateInput-startAdornmentContainer {
  align-items: center;
  display: inline-flex;
  padding-right: var(--salt-spacing-100);
  column-gap: var(--salt-spacing-100);
}
.saltDateInput-endAdornmentContainer {
  display: inline-flex;
  column-gap: var(--salt-spacing-50);
  align-items: flex-end;
}
.saltDateInput-endAdornmentContainer .saltButton ~ .saltButton {
  margin-left: calc(-1 * var(--salt-spacing-50));
}
.saltDateInput-endAdornmentContainer .saltButton:last-child {
  margin-right: calc(var(--salt-spacing-50) * -1);
}
.saltDateInput-startAdornmentContainer > .saltButton,
.saltDateInput-endAdornmentContainer > .saltButton {
  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
  --saltButton-borderRadius: var(--salt-palette-corner-weaker);
}
.saltDateInput-input {
  background: none;
  border: none;
  box-sizing: content-box;
  color: inherit;
  cursor: inherit;
  display: block;
  font: inherit;
  height: 100%;
  letter-spacing: var(--saltDateInput-letterSpacing, 0);
  margin: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}
.saltDateInput-input:focus {
  outline: none;
}
.saltDateInput-disabled .saltDateInput-input::selection {
  background: none;
}
.saltDateInput-input::placeholder {
  color: var(--salt-content-secondary-foreground);
  font-weight: var(--salt-text-fontWeight-small);
}
.saltDateInput-dash {
  margin: 0 var(--salt-spacing-50);
}

/* src/date-picker/DatePickerActions.css */
.saltDatePickerActions {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding-top: var(--salt-spacing-100);
  padding-bottom: var(--salt-spacing-100);
  padding-left: var(--salt-spacing-100);
  padding-right: var(--salt-spacing-100);
}
.saltDatePickerActions-body {
  flex-grow: 1;
}
.saltDatePickerActions-action {
}
.saltDatePickerActions-action + .saltDatePickerActions-action {
  margin-left: var(--salt-spacing-100);
}

/* src/date-picker/DatePickerHelperText.css */
.saltDatePickerHelperText {
  visibility: visible;
  margin-top: var(--salt-spacing-75);
}
.saltDatePickerHelperText-open {
  visibility: hidden;
}

/* src/date-picker/DatePickerOverlay.css */
.saltDatePickerOverlay {
  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;
  position: relative;
  z-index: var(--salt-zIndex-flyover);
  box-shadow: var(--salt-overlayable-shadow-popout);
  box-sizing: border-box;
  display: flex;
}

/* src/date-picker/DatePickerPanel.css */
.saltDatePickerOverlay {
  background: var(--salt-container-primary-background);
  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
  border-radius: var(--salt-palette-corner, 0);
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  z-index: var(--salt-zIndex-flyover);
  box-shadow: var(--salt-overlayable-shadow-popout);
  box-sizing: border-box;
  display: flex;
}
.saltDatePickerPanel-container {
  width: min-content;
  gap: 1px;
}
.saltDatePickerPanel-container > .saltDatePickerPanel-header {
  padding: var(--salt-spacing-100);
}

/* 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/rating/Rating.css */
.saltRating {
  display: inline-flex;
  box-sizing: border-box;
}
.saltFormField .saltRating-container {
  height: var(--salt-size-base);
  padding-top: calc(var(--salt-spacing-100) + var(--salt-spacing-fixed-100));
}
.saltFormField .saltRating-label {
  min-height: var(--salt-size-base);
  padding-top: var(--salt-spacing-100);
}
.saltRating-labelTop,
.saltRating-labelBottom {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--salt-spacing-fixed-600);
}
.saltRating-labelLeft,
.saltRating-labelRight {
  flex-direction: row;
  gap: var(--salt-spacing-fixed-1200);
}
.saltRating-container {
  display: flex;
  flex-direction: row;
  gap: var(--salt-spacing-fixed-1200);
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: var(--salt-spacing-fixed-100);
  padding-bottom: var(--salt-spacing-fixed-100);
  box-sizing: border-box;
}
.saltRating-label {
  color: var(--salt-content-primary-foreground);
  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;
}
.saltRating-label.saltRating-label-left {
  text-align: right;
}

/* src/rating/RatingItem.css */
.saltRatingItem {
  height: var(--salt-size-icon);
  width: var(--salt-size-icon);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  cursor: var(--salt-cursor-hover);
}
.saltRatingItem-disabled,
.saltRatingItem-readOnly {
  cursor: default;
}
.saltRatingItem-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: inherit;
  z-index: 1;
}
.saltRatingItem-input::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  padding: var(--salt-spacing-fixed-600);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  box-sizing: content-box;
}
.saltRatingItem-icon {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--salt-sentiment-neutral-dataviz);
}
.saltRatingItem-icon .saltIcon {
  --saltIcon-size: var(--salt-size-icon);
}
.saltRatingItem-input:focus-visible ~ .saltRatingItem-icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  padding: var(--salt-spacing-fixed-600);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  border-radius: var(--salt-palette-corner-strongest);
  outline: var(--salt-focused-outline);
  outline-offset: calc(-1 * var(--salt-spacing-fixed-200));
}
.saltRatingItem-disabled {
  cursor: var(--salt-cursor-disabled);
  opacity: var(--salt-palette-opacity-disabled);
}
.saltRatingItem-disabled .saltRatingItem-input {
  cursor: var(--salt-cursor-disabled);
}
.saltRatingItem-selected .saltRatingItem-icon,
.saltRatingItem-hovered .saltRatingItem-icon,
.saltRatingItem-unselecting .saltRatingItem-icon {
  color: var(--salt-sentiment-accent-dataviz);
}

/* 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-50) var(--salt-spacing-100));
  width: 100%;
  min-height: calc(var(--salt-size-base) + var(--salt-spacing-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/tabs-next/TabBar.css */
.saltTabBar {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--salt-spacing-100);
  position: relative;
  box-sizing: border-box;
}
.saltTabBar-divider::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: var(--salt-size-fixed-100);
  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
}
.saltTabBar-inset {
  padding-left: var(--salt-spacing-300);
  padding-right: var(--salt-spacing-300);
}

/* src/tabs-next/TabListNext.css */
.saltTabListNext {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  background: transparent;
  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
  gap: var(--salt-spacing-100);
  max-width: 100%;
  width: 100%;
  min-width: 0;
}
.saltTabListNext-center {
  justify-content: center;
}
.saltTabListNext-right {
  justify-content: flex-end;
}
.saltTabListNext-activeColorPrimary {
  --saltTabListNext-activeColor: var(--salt-container-primary-background);
}
.saltTabListNext-activeColorSecondary {
  --saltTabListNext-activeColor: var(--salt-container-secondary-background);
}
.saltTabListNext-activeColorTertiary {
  --saltTabListNext-activeColor: var(--salt-container-tertiary-background);
}
.saltTabListNext-overflowWarning {
  display: none;
}

/* src/tabs-next/TabNext.css */
.saltTabNext {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  gap: var(--salt-spacing-100);
  border: none;
  border-left: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
  border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
  white-space: pre;
  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
  min-width: 4em;
  padding: var(--salt-spacing-50) var(--salt-spacing-100);
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
  cursor: var(--salt-cursor-hover);
  color: var(--salt-content-primary-foreground);
  font-weight: var(--salt-text-fontWeight);
  font-family: var(--salt-text-fontFamily);
  text-align: var(--salt-text-textAlign);
  letter-spacing: var(--salt-text-letterSpacing);
  line-height: var(--salt-text-lineHeight);
  font-size: var(--salt-text-fontSize);
  max-width: 100%;
}
@supports selector(:has(*)) {
  .saltTabListNext:has([data-overflowbutton]) .saltTabNext {
    max-width: calc(100% - var(--salt-spacing-100) - var(--salt-size-base));
  }
}
.saltTabNext::after {
  content: "";
  position: absolute;
  left: calc(var(--salt-size-fixed-100) * -1);
  right: calc(var(--salt-size-fixed-100) * -1);
  height: var(--salt-size-indicator);
}
.saltTabListNext-bordered .saltTabNext::after {
  top: 0;
}
.saltTabListNext-transparent .saltTabNext::after {
  bottom: 0;
}
.saltTabNext:hover::after,
.saltTabNext-focusVisible::after {
  background: var(--salt-navigable-indicator-hover);
}
.saltTabNext-disabled:hover::after,
.saltTabNext-disabled.saltTabNext-focusVisible::after {
  background: none;
}
.saltTabNext-focusVisible {
  outline: var(--salt-focused-outline);
}
.saltTabListNext-bordered .saltTabNext.saltTabNext-selected {
  background: var(--saltTabListNext-activeColor);
  border-left: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
  border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
}
.saltTabNext.saltTabNext-selected::after {
  background: var(--salt-navigable-accent-indicator-active);
}
.saltTabNext.saltTabNext-disabled {
  cursor: var(--salt-cursor-disabled);
  color: var(--salt-content-primary-foreground-disabled);
}

/* src/tabs-next/TabNextPanel.css */
.saltTabNextPanel {
  height: 100%;
  width: 100%;
}
.saltTabNextPanel[hidden] {
  display: none;
}
.saltTabNextPanel:focus-visible {
  outline: var(--salt-focused-outline);
}

/* src/tabs-next/TabNextTrigger.css */
.saltTabNextTrigger {
  all: unset;
  display: flex;
  gap: var(--salt-spacing-100);
  align-items: center;
  justify-content: center;
  flex: 1;
  overflow: hidden;
}
.saltTabNextTrigger::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.saltTabNextTrigger:focus-visible {
  outline: none;
}

/* src/tabs-next/TabOverflowList.css */
.saltTabOverflow {
  position: relative;
}
.saltTabOverflow-list {
  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;
  position: absolute;
  z-index: var(--salt-zIndex-flyover);
  box-shadow: var(--salt-overlayable-shadow-popout);
  box-sizing: border-box;
  border-radius: var(--salt-palette-corner, 0);
}
.saltTabOverflow-listContainer {
  display: flex;
  flex-direction: column;
  gap: var(--salt-spacing-fixed-100);
  max-height: inherit;
  min-height: inherit;
}
.saltTabOverflow-list[data-hidden=true] {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.saltTabOverflow-list .saltTabNext {
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background);
  font-size: var(--salt-text-fontSize);
  font-weight: var(--salt-text-fontWeight);
  min-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-spacing-100);
  position: relative;
  align-items: center;
  cursor: var(--salt-cursor-hover);
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: flex-start;
}
@supports selector(:has(*)) {
  .saltTabListNext:has([data-overflowbutton]) .saltTabOverflow-list .saltTabNext {
    max-width: unset;
  }
}
.saltTabOverflow-list .saltTabNext .saltTabNextTrigger {
  justify-content: start;
}
.saltTabOverflow-list .saltTabNext::after {
  display: none;
}
.saltTabOverflow-list .saltTabNext[aria-disabled=true] {
  color: var(--salt-content-primary-foreground-disabled);
  cursor: var(--salt-cursor-disabled);
}
.saltTabOverflow-list .saltTabNext-focusVisible {
  outline: var(--salt-focused-outline);
  outline-offset: calc(var(--salt-size-fixed-100) * -2);
}
.saltTabOverflow-list .saltTabNext:hover {
  background: var(--salt-selectable-background-hover);
}
.saltTabOverflow-list .saltTabNext: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);
}

/* 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/tree/Tree.css */
.saltTree {
  list-style: none;
  margin: 0;
  padding: 0;
  outline: none;
  width: 100%;
  box-sizing: border-box;
}
.saltTree-disabled {
  cursor: var(--salt-cursor-disabled);
}

/* src/tree/TreeNode.css */
.saltTreeNode {
  list-style: none;
  position: relative;
  cursor: var(--salt-cursor-hover);
}
.saltTreeNode:focus {
  outline: none;
}
.saltTreeNode:focus-visible > .saltTreeNodeTrigger,
.saltTreeNode-focusVisible > .saltTreeNodeTrigger {
  outline: var(--salt-focused-outline);
  position: relative;
  z-index: calc(var(--salt-zIndex-default) + 1);
}
.saltTreeNode-selected:focus-visible > .saltTreeNodeTrigger,
.saltTreeNode-selected.saltTreeNode-focusVisible > .saltTreeNodeTrigger {
  outline: var(--salt-focused-outline);
  z-index: calc(var(--salt-zIndex-default) + 1);
}
.saltTreeNode-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
.saltTreeNode-checkbox {
  flex-shrink: 0;
  height: var(--salt-size-selectable);
}
.saltTreeNode-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--salt-size-selectable);
  min-width: var(--salt-size-selectable);
  height: var(--salt-size-selectable);
  flex-shrink: 0;
}
.saltTreeNode-icon > * {
  color: var(--salt-content-primary-foreground);
}

/* src/tree/TreeNodeExpansionIcon.css */
.saltTreeNodeExpansionIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--salt-size-selectable);
  min-width: var(--salt-size-selectable);
  height: var(--salt-size-selectable);
  flex-shrink: 0;
  position: relative;
}
.saltTreeNodeExpansionIcon-icon {
  color: var(--salt-content-primary-foreground);
}
.saltTreeNodeExpansionIcon::before {
  content: "";
  display: block;
  position: absolute;
  width: var(--salt-size-base);
  height: var(--salt-size-base);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* src/tree/TreeNodeLabel.css */
.saltTreeNodeLabel {
  flex: 1;
  font-family: var(--salt-text-fontFamily);
  font-size: var(--salt-text-fontSize);
  font-weight: var(--salt-text-fontWeight);
  line-height: var(--salt-text-lineHeight);
  letter-spacing: var(--salt-text-letterSpacing);
  word-break: break-word;
}

/* src/tree/TreeNodeTrigger.css */
.saltTreeNodeTrigger {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--salt-spacing-100);
  width: 100%;
  min-height: var(--salt-size-base);
  padding-top: calc((var(--salt-size-base) - var(--salt-size-selectable)) / 2);
  padding-bottom: calc((var(--salt-size-base) - var(--salt-size-selectable)) / 2);
  padding-right: var(--salt-spacing-100);
  --saltTreeNodeTrigger-indentStep: calc(var(--salt-size-selectable) + var(--salt-spacing-100));
  padding-left: calc(var(--salt-spacing-100) + (var(--saltTreeNodeTrigger-indentStep) * (var(--saltTreeNode-level, 1) - 1)));
  background: var(--salt-selectable-background);
  color: var(--salt-content-primary-foreground);
}
[aria-multiselectable=true] .saltTreeNodeTrigger {
  --saltTreeNodeTrigger-indentStep: calc(var(--salt-size-selectable) + var(--salt-spacing-150));
}
.saltTreeNodeTrigger:hover {
  background: var(--salt-selectable-background-hover);
}
.saltTreeNode:focus-visible > .saltTreeNodeTrigger,
.saltTreeNode-focusVisible > .saltTreeNodeTrigger {
  background: var(--salt-selectable-background-hover);
}
.saltTreeNode-selected > .saltTreeNodeTrigger {
  background: var(--salt-selectable-background-selected);
  box-shadow: 0 calc(var(--salt-size-border) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-border) 0 0 var(--salt-selectable-borderColor-selected);
  position: relative;
  z-index: var(--salt-zIndex-default);
}
.saltTreeNode-selected:focus-visible > .saltTreeNodeTrigger,
.saltTreeNode-selected.saltTreeNode-focusVisible > .saltTreeNodeTrigger {
  background: var(--salt-selectable-background-selected);
}
.saltTreeNode-disabled > .saltTreeNodeTrigger,
.saltTreeNode-disabled:hover > .saltTreeNodeTrigger {
  opacity: 0.4;
  cursor: var(--salt-cursor-disabled);
  background: var(--salt-selectable-background);
  color: var(--salt-content-primary-foreground);
}
.saltTreeNodeTrigger > .saltIcon {
  width: var(--salt-size-selectable);
  height: var(--salt-size-selectable);
  min-width: var(--salt-size-selectable);
  flex-shrink: 0;
  color: var(--salt-content-primary-foreground);
}
.saltTreeNodeTrigger > .saltTreeNode-checkbox {
  margin-left: calc(var(--salt-spacing-150) - var(--salt-spacing-100));
  margin-right: calc(var(--salt-spacing-150) - var(--salt-spacing-100));
}

/* src/window/ElectronWindow.css */
.saltWindow {
  --saltDialog-boxShadow: none;
  --saltDialog-margin: 0;
  width: max-content;
  height: max-content;
  position: fixed;
  overflow: hidden;
}

/* src/calendar/internal/CalendarDay.css */
.salt-density-touch {
  --calendar-day-highlight-size: 14px;
}
.salt-density-low {
  --calendar-day-highlight-size: 12px;
}
.salt-density-medium {
  --calendar-day-highlight-size: 10px;
}
.salt-density-high {
  --calendar-day-highlight-size: 8px;
}
.saltCalendarDay {
  --calendar-day-zIndex-content: calc(var(--salt-zIndex-default) + 1);
  --calendar-day-zIndex-highlight: calc(var(--calendar-day-zIndex-content) + 2);
  font-family: var(--salt-text-fontFamily);
  font-weight: var(--salt-text-fontWeight);
  line-height: var(--salt-text-lineHeight);
  font-size: var(--salt-text-fontSize);
  width: var(--salt-size-base);
  height: var(--salt-size-base);
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background);
  cursor: var(--salt-cursor-hover);
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.saltCalendarDay-content {
  margin: 0 var(--salt-spacing-50);
  width: 100%;
  z-index: var(--calendar-day-zIndex-content);
}
.saltCalendarDay:hover {
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background-hover);
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd),
.saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before,
.saltCalendarDay-selectedSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd),
.saltCalendarDay-selectedSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before {
  border-radius: 0;
}
.saltCalendarDay-focused,
.saltCalendarDay:focus,
.saltCalendarDay:focus-visible {
  outline: none;
  z-index: var(--calendar-day-zIndex-content);
}
.saltCalendarDay-focused:focus-visible::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: var(--salt-focused-outline);
  outline-offset: calc(var(--salt-focused-outlineWidth) * -1);
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarDay-selected .saltCalendarDay-content,
.saltCalendarDay-selected:hover .saltCalendarDay-content,
.saltCalendarDay-selectedStart .saltCalendarDay-content,
.saltCalendarDay-hoveredStart .saltCalendarDay-content,
.saltCalendarDay-selectedSpan .saltCalendarDay-content,
.saltCalendarDay-hoveredSpan .saltCalendarDay-content,
.saltCalendarDay-selectedEnd .saltCalendarDay-content,
.saltCalendarDay-hoveredEnd .saltCalendarDay-content {
  color: var(--salt-content-primary-foreground);
}
.saltCalendarDay-selectedSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before,
.saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd)::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: calc(var(--calendar-gap) * -1);
  right: calc(var(--calendar-gap) * -1);
  bottom: 0;
  background: var(--salt-selectable-background-hover);
  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
}
.saltCalendarDay-selectedStart::before,
.saltCalendarDay-selectedEnd::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--salt-selectable-background-selected);
  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
}
.saltCalendarDay-selectedStart,
.saltCalendarDay-selectedStart::before,
.saltCalendarDay-focused.saltCalendarDay-selectedStart,
.saltCalendarDay-focused.saltCalendarDay-selectedStart::before {
  border-radius: var(--salt-palette-corner-weak, 0) 0 0 var(--salt-palette-corner-weak, 0);
}
.saltCalendarDay-focused.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart),
.saltCalendarDay-focused.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart)::before,
.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart),
.saltCalendarDay-selectedEnd:not(.saltCalendarDay-selectedStart)::before {
  border-radius: 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0;
}
.saltCalendarDay-focused.saltCalendarDay-selectedSameDay,
.saltCalendarDay-focused.saltCalendarDay-selectedSameDay::before,
.saltCalendarDay-selectedSameDay,
.saltCalendarDay-selectedSameDay::before {
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarMonth-single .saltCalendarDay:hover:not(.saltCalendarDay-selected) {
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background-hover);
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarMonth-single .saltCalendarDay-selected::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background-selected);
  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-selectedSpan,
.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-hoveredSpan {
  outline-offset: calc(calc(var(--salt-focused-outlineWidth) * -1));
}
.saltCalendarMonth-range .saltCalendarDay:hover:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd) {
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background-hover);
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarMonth-range .saltCalendarDay:hover.saltCalendarDay-selectedSpan::before,
.saltCalendarMonth-range .saltCalendarDay:hover.saltCalendarDay-hoveredSpan::before,
.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedEnd):not(.saltCalendarDay-selectedStart)::before,
.saltCalendarMonth-range .saltCalendarDay-focused.saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedEnd):not(.saltCalendarDay-selectedStart)::before {
  border-radius: 0;
}
.saltCalendarMonth-range .saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd) {
  border-radius: 0;
}
.saltCalendarMonth-range .saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedEnd):not(.saltCalendarDay-unselectable)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--calendar-gap) * -1);
  right: 0;
  bottom: 0;
  background: var(--salt-selectable-background-hover);
  border-radius: 0;
  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
}
.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan,
.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan::before {
  border-radius: 0;
}
.saltCalendarMonth-offset .saltCalendarDay-focused.saltCalendarDay-hoveredStart:not(.saltCalendarDay-selectedStart),
.saltCalendarMonth-offset .saltCalendarDay-focused.saltCalendarDay-hoveredStart:not(.saltCalendarDay-selectedStart)::before {
  border-radius: var(--salt-palette-corner-weak, 0) 0 0 var(--salt-palette-corner-weak, 0);
}
.saltCalendarMonth-offset .saltCalendarDay:hover:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd),
.saltCalendarMonth-offset .saltCalendarDay-hoveredStart:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd),
.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd),
.saltCalendarMonth-offset .saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd) {
  color: var(--salt-content-primary-foreground);
  background: var(--salt-selectable-background-hover);
}
.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan:not(.saltCalendarDay-selectedStart):not(.saltCalendarDay-selectedSpan):not(.saltCalendarDay-selectedEnd)::before {
  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-background-hover);
  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-background-hover);
}
.saltCalendarMonth-offset .saltCalendarDay-hoveredStart,
.saltCalendarMonth-offset .saltCalendarDay-selectedStart {
  border-radius: var(--salt-palette-corner-weak, 0) 0 0 var(--salt-palette-corner-weak, 0);
}
.saltCalendarMonth-offset .saltCalendarDay.saltCalendarDay-hoveredEnd,
.saltCalendarMonth-offset .saltCalendarDay-selectedEnd {
  border-radius: 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0;
}
.saltCalendarMonth-offset .saltCalendarDay-hoveredSpan,
.saltCalendarMonth-offset .saltCalendarDay-selectedSpan {
  border-radius: 0;
}
.saltCalendarMonth-offset .saltCalendarDay-selectedStart.saltCalendarDay-selectedEnd {
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarDay-outOfRange {
  color: var(--salt-content-secondary-foreground);
}
.saltCalendarDay-outOfRange:hover {
  color: var(--salt-content-primary-foreground);
}
.saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type {
  border-bottom: var(--salt-size-indicator) var(--salt-borderStyle-solid) var(--salt-content-secondary-foreground);
}
.saltCalendarDay-outOfRange .saltCalendarDay-highlighted::after {
  background: var(--salt-content-secondary-foreground);
}
.saltCalendarDay-unselectable,
.saltCalendarDay-unselectable:hover {
  background: var(--salt-selectable-background-disabled);
  cursor: var(--salt-cursor-disabled);
}
.saltCalendarDay-highlighted {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarDay-selectedEnd .saltCalendarDay-highlighted {
  right: 1px;
}
.saltCalendarDay-selectedSpan .saltCalendarDay-highlighted {
  right: -1px;
}
.saltCalendarDay-selectedStart .saltCalendarDay-highlighted,
.saltCalendarDay-hoveredEnd:not(.saltCalendarDay-selectedEnd) .saltCalendarDay-highlighted,
.saltCalendarDay-hoveredSpan .saltCalendarDay-highlighted,
.saltCalendarDay-selectedSpan .saltCalendarDay-highlighted {
  border-radius: 0;
}
.saltCalendarDay-selectedSameDay .saltCalendarDay-highlighted {
  border-radius: var(--salt-palette-corner-weak, 0);
}
.saltCalendarDay-highlighted::after {
  content: "";
  top: 0;
  right: 0;
  box-sizing: border-box;
  height: var(--calendar-day-highlight-size);
  width: var(--calendar-day-highlight-size);
  background: var(--salt-sentiment-accent-background);
  position: absolute;
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  z-index: var(--calendar-day-zIndex-highlight);
}
.saltCalendarDay-focused:focus-visible .saltCalendarDay-highlighted::after {
  border: var(--salt-focused-outline);
}
.saltCalendarDay-unselectable::after {
  content: "";
  height: var(--salt-size-fixed-100);
  width: calc(100% - var(--salt-spacing-100));
  background: var(--salt-content-secondary-foreground);
  position: absolute;
}
.saltCalendarDay-today > span:last-of-type::after {
  content: "";
  display: block;
  width: calc(100% - calc(var(--salt-spacing-50) * 2));
  height: var(--salt-size-indicator);
  background: var(--salt-sentiment-accent-borderColor);
  border-radius: var(--salt-palette-corner-weak);
  position: absolute;
  bottom: var(--salt-spacing-50);
  left: var(--salt-spacing-50);
  right: var(--salt-spacing-50);
}
.saltCalendarDay-hidden {
  visibility: hidden;
}

/* src/calendar/internal/CalendarMonth.css */
.saltCalendarMonth-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(var(--calendar-day-size) * 7 + var(--calendar-gap) * 6);
  text-align: center;
  gap: var(--calendar-gap);
}
.saltCalendarMonth-grid > .saltCalendarMonth-week {
  display: flex;
  justify-content: flex-start;
  gap: var(--calendar-gap);
  width: 100%;
}
.saltCalendarMonth-grid > .saltCalendarMonth-week > .saltCalendarDay:last-child::before {
  right: 0;
}
.saltCalendarMonth-grid > .saltCalendarMonth-week > .saltCalendarDay:first-child::before {
  left: 0;
}
.saltCalendarMonth-grid > .saltCalendarMonth-week > * {
  width: var(--calendar-day-size);
  height: var(--calendar-day-size);
  box-sizing: border-box;
}

/* 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/4ab77bbb-d93c-4e89-bc2e-478a2cbac219.css */