/* src/base-components/skeleton/SkeletonBar.module.css */
@keyframes skeleton-glow {
  from {
    background: var(--osdk-background-skeleton-from);
  }
  to {
    background: var(--osdk-background-skeleton-to);
  }
}
.skeletonBar {
  animation: 1000ms linear infinite alternate skeleton-glow;
  background: var(--osdk-background-skeleton-from);
  border-radius: var(--osdk-surface-border-radius);
  pointer-events: none;
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  .skeletonBar {
    animation: none;
  }
}

/* src/object-table/LoadingCell.module.css */
.osdkLoadingCell {
  height: var(--osdk-table-cell-fontSize);
  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);
  flex: 1;
}
.osdkCellSkeleton.osdkCellSkeleton {
  --osdk-background-skeleton-from: var(--osdk-table-skeleton-color-from);
  --osdk-background-skeleton-to: var(--osdk-table-skeleton-color-to);
  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);
  box-shadow: none;
  color: transparent;
  cursor: default;
}

/* src/object-table/TableCell.module.css */
.osdkTableCell {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: left;
  position: relative;
  padding: var(--osdk-table-cell-padding);
  font-size: var(--osdk-table-cell-fontSize);
  color: var(--osdk-table-cell-color);
  background-color: var(--osdk-table-cell-bg, inherit);
  border-right: var(--osdk-table-cell-divider);
  &:first-child {
    border-left: var(--osdk-table-border);
  }
  &:last-child {
    border-right: none;
  }
}
.osdkTableCell[data-pinned=left],
.osdkTableCell[data-pinned=right] {
  position: sticky;
  z-index: var(--osdk-surface-z-index-1);
  background-color: var(--osdk-table-cell-bg, inherit);
}
.osdkTableCell[data-pinned=left]:not(:has(~ [data-pinned=left])) {
  border-right: var(--osdk-table-pinned-column-border);
}
.osdkTableCell[data-pinned=right]:not(:has(~ [data-pinned=right]):nth-child(n+2)) {
  border-left: var(--osdk-table-pinned-column-border);
}
.osdkTableCell:has([role=checkbox]) {
  justify-content: center;
  padding: 0;
}
.osdkTableCellContent:not(:has([role=checkbox])) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  flex: 1;
}
.osdkCheckboxContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* src/cbac-picker/base/BaseCbacBanner.module.css */
.bannerRow {
  display: flex;
  align-items: center;
  border-radius: var(--osdk-cbac-banner-border-radius);
  width: 100%;
  box-sizing: border-box;
  background: var(--osdk-cbac-banner-bg);
  color: var(--osdk-cbac-banner-color);
}
.banner {
  flex: 1;
  padding: var(--osdk-cbac-banner-padding);
  font-size: var(--osdk-cbac-banner-font-size);
  font-weight: var(--osdk-cbac-banner-font-weight);
  text-align: var(--osdk-cbac-banner-text-align);
  font-family: inherit;
  border: none;
  background: transparent;
  color: inherit;
}
.clickable {
  cursor: pointer;
}
.clickable:focus-visible {
  outline: var(--osdk-focus-outline);
  outline-offset: var(--osdk-focus-visible-outline-offset);
}
.clickable:hover {
  filter: brightness(0.9);
  text-decoration: underline;
}
.dismissButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--osdk-surface-spacing) * 1);
  margin-right: calc(var(--osdk-surface-spacing) * 1);
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  border-radius: var(--osdk-surface-border-radius);
  flex-shrink: 0;
}
.dismissButton:hover {
  filter: brightness(0.8);
}
.dismissButton:focus-visible {
  outline: var(--osdk-focus-outline);
  outline-offset: var(--osdk-focus-visible-outline-offset);
}

/* src/object-table/components/MandatoryMarkingCell.module.css */
.container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--osdk-surface-spacing);
  align-items: center;
}
.pill {
  max-width: 100%;
}

/* src/base-components/tooltip/Tooltip.module.css */
.osdkTooltipTrigger {
  border: none;
  background: inherit;
}
.osdkTooltipPositioner {
  z-index: var(--osdk-tooltip-z-index);
}
.osdkTooltipPopup {
  padding: var(--osdk-tooltip-padding);
  background-color: var(--osdk-tooltip-bg);
  color: var(--osdk-tooltip-color);
  border-radius: var(--osdk-surface-border-radius);
  box-shadow: var(--osdk-tooltip-shadow);
  max-width: var(--osdk-tooltip-max-width);
  font-size: var(--osdk-tooltip-font-size);
}
.osdkTooltipArrow {
  display: flex;
  &[data-side=top] {
    bottom: -8px;
    rotate: 180deg;
  }
  &[data-side=bottom] {
    top: -8px;
    rotate: 0deg;
  }
  &[data-side=left] {
    right: -13px;
    rotate: 90deg;
  }
  &[data-side=right] {
    left: -13px;
    rotate: -90deg;
  }
}
.tooltipArrowFill {
  fill: var(--osdk-tooltip-bg);
}
.tooltipArrowOuterStroke {
  fill: var(--osdk-tooltip-border-color);
}

/* src/base-components/action-button/ActionButton.module.css */
.button {
  min-height: var(--osdk-button-min-height);
  padding: calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 1.75);
  border: var(--osdk-button-border);
  border-radius: var(--osdk-button-border-radius);
  box-shadow: var(--osdk-button-shadow);
  font-size: var(--osdk-typography-size-body-medium);
  cursor: pointer;
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
}
.secondaryButton {
  background-color: var(--osdk-button-secondary-bg);
  border-color: var(--osdk-button-secondary-border-color);
  color: var(--osdk-button-secondary-color);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-secondary-bg-hover);
  }
  &:active:not(:disabled) {
    background-color: var(--osdk-button-secondary-bg-active);
  }
}
.primaryButton {
  background-color: var(--osdk-button-primary-bg);
  border-color: var(--osdk-button-primary-border-color);
  color: var(--osdk-button-primary-color);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-primary-bg-hover);
  }
  &:active:not(:disabled) {
    background-color: var(--osdk-button-primary-bg-active);
  }
}
.minimalButton {
  background-color: var(--osdk-button-minimal-bg);
  border: var(--osdk-button-minimal-border);
  box-shadow: var(--osdk-button-minimal-shadow);
  color: var(--osdk-button-secondary-minimal-color);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-minimal-bg-hover);
  }
  &:active:not(:disabled) {
    background-color: var(--osdk-button-minimal-bg-active);
  }
}
.primaryButton.minimalButton {
  color: var(--osdk-button-primary-minimal-color);
}

/* src/shared/calendar/TimePicker.module.css */
.osdkTimePickerRoot {
  display: inline-flex;
  align-items: center;
  gap: var(--osdk-surface-spacing);
}
.osdkTimePickerInput {
  width: calc(var(--osdk-surface-spacing) * 10);
  font-family: var(--osdk-time-picker-input-font-family);
  font-size: var(--osdk-time-picker-input-font-size);
  line-height: var( --osdk-input-line-height, var(--osdk-typography-line-height-default) );
  text-align: center;
  padding: var(--osdk-time-picker-input-padding);
  border: var(--osdk-time-picker-input-border);
  border-radius: var(--osdk-time-picker-input-border-radius);
  background: var(--osdk-time-picker-input-bg);
  color: var(--osdk-time-picker-input-color);
  box-sizing: border-box;
  box-shadow: var(--osdk-time-picker-input-shadow);
  &:focus-visible {
    outline: var(--osdk-time-picker-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
    box-shadow: var(--osdk-time-picker-input-focus-shadow);
  }
  &[aria-invalid] {
    box-shadow: var(--osdk-time-picker-input-shadow-error);
  }
  &[aria-invalid]:focus-visible {
    box-shadow: var(--osdk-time-picker-input-focus-shadow-error);
  }
}
.osdkTimePickerSeparator {
  color: var(--osdk-typography-color-muted);
  font-family: var(--osdk-time-picker-input-font-family);
  font-size: var(--osdk-time-picker-input-font-size);
  line-height: var( --osdk-input-line-height, var(--osdk-typography-line-height-default) );
}

/* src/shared/calendar/DateCalendar.module.css */
.calendar {
  position: relative;
  width: 100%;
  font-family: var(--osdk-datetime-calendar-font-family);
  font-size: var(--osdk-datetime-calendar-font-size);
}
.calendarMonths {
  display: flex;
  gap: var(--osdk-datetime-calendar-months-gap);
}
.calendarMonthGrid {
  width: 100%;
  border-collapse: collapse;
}
.calendarWeekday {
  padding: var(--osdk-datetime-calendar-gap);
  font-size: var(--osdk-datetime-calendar-weekday-font-size);
  color: var(--osdk-datetime-calendar-weekday-color);
  text-align: center;
  width: var(--osdk-datetime-calendar-cell-size);
}
.calendarDay {
  position: relative;
  padding: var(--osdk-datetime-calendar-gap);
  text-align: center;
}
.calendarDayButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--osdk-datetime-calendar-cell-size);
  height: var(--osdk-datetime-calendar-cell-size);
  border: none;
  border-radius: var(--osdk-datetime-calendar-day-border-radius);
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: var(--osdk-datetime-calendar-day-color);
  &:hover {
    background: var(--osdk-datetime-calendar-day-hover-bg);
    color: var(--osdk-datetime-calendar-day-hover-color);
  }
  &:active {
    background: var(--osdk-datetime-calendar-day-active-bg);
    color: var(--osdk-datetime-calendar-day-hover-color);
  }
  &:focus-visible {
    outline: var(--osdk-datetime-calendar-focus-outline);
    outline-offset: -2px;
  }
}
.calendarDayButton.calendarSelected {
  background: var(--osdk-datetime-calendar-selected-bg);
  color: var(--osdk-datetime-calendar-selected-color);
  &:hover:not([disabled]) {
    background: var(--osdk-datetime-calendar-selected-hover-bg);
    color: var(--osdk-datetime-calendar-selected-color);
  }
  &:active:not([disabled]) {
    color: var(--osdk-datetime-calendar-selected-color);
  }
}
.calendarDayButton.calendarToday {
  border: var(--osdk-datetime-calendar-today-border);
}
.calendarDayButton.calendarOutside {
  color: var(--osdk-datetime-calendar-outside-color);
  opacity: var(--osdk-datetime-calendar-outside-opacity);
}
.calendarDayButton.calendarDisabled {
  color: var(--osdk-datetime-calendar-disabled-color);
  cursor: default;
  &:hover {
    background: transparent;
  }
}
.calendarRangeEndpoint {
  background: var(--osdk-datetime-calendar-selected-bg);
  color: var(--osdk-datetime-calendar-selected-color);
  &:hover:not([disabled]) {
    background: var(--osdk-datetime-calendar-selected-hover-bg);
    color: var(--osdk-datetime-calendar-selected-color);
  }
  &:active:not([disabled]) {
    color: var(--osdk-datetime-calendar-selected-color);
  }
}
.calendarDay:has(.calendarRangeStart)::before,
.calendarDay:has(.calendarRangeMiddle)::before,
.calendarDay:has(.calendarRangeEnd)::before {
  content: "";
  position: absolute;
  inset-block: var(--osdk-datetime-calendar-gap);
  background: var(--osdk-datetime-calendar-range-middle-bg);
  pointer-events: none;
}
.calendarDay:has(.calendarRangeStart)::before {
  inset-inline-start: 50%;
  inset-inline-end: 0;
}
.calendarDay:has(.calendarRangeMiddle)::before {
  inset-inline: 0;
}
.calendarDay:has(.calendarRangeEnd)::before {
  inset-inline-start: 0;
  inset-inline-end: 50%;
}
.calendarDay:has(.calendarRangeStart.calendarRangeEnd)::before {
  content: none;
}
.calendarDayButton.calendarRangeMiddle {
  background: transparent;
  color: var(--osdk-datetime-calendar-day-color);
  border-radius: 0;
  &:hover {
    background: transparent;
    color: var(--osdk-datetime-calendar-day-hover-color);
  }
  &:active {
    color: var(--osdk-datetime-calendar-day-hover-color);
  }
}
.calendarRangeFooter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--osdk-datetime-calendar-months-gap);
  justify-items: center;
  padding-block-start: var(--osdk-time-picker-padding-top);
}
.calendarHidden {
  visibility: hidden;
}
.calendarNav {
  display: contents;
}
.calendarNavButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--osdk-datetime-calendar-nav-button-size);
  height: var(--osdk-datetime-calendar-nav-button-size);
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);
  padding: 0;
  color: inherit;
  &:hover {
    background: var(--osdk-datetime-calendar-nav-button-hover-bg);
  }
  &:disabled {
    color: var(--osdk-datetime-calendar-nav-disabled-color);
    cursor: default;
    opacity: 1;
    &:hover {
      background: transparent;
    }
  }
  &:focus-visible {
    outline: var(--osdk-datetime-calendar-focus-outline);
    outline-offset: -1px;
  }
}
.calendarChevron {
  display: none;
}
.calendarNavPrev {
  order: -1;
}
.calendarMonthCaption {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--osdk-datetime-calendar-nav-button-size);
}
.calendarVhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.calendarCaptionDropdowns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--osdk-datetime-calendar-caption-gap);
}
.calendarDropdown {
  field-sizing: content;
  font-family: var(--osdk-datetime-calendar-font-family);
  font-size: var(--osdk-datetime-calendar-caption-font-size);
  font-weight: var(--osdk-datetime-calendar-caption-font-weight);
  color: inherit;
  background: transparent;
  border: none;
  padding: var(--osdk-datetime-calendar-dropdown-padding);
  cursor: pointer;
  border-radius: var(--osdk-datetime-calendar-dropdown-border-radius);
  &:focus-visible {
    outline: var(--osdk-datetime-calendar-focus-outline);
    outline-offset: 1px;
  }
}
.calendarTimeFooter {
  display: flex;
  justify-content: center;
  padding-block-start: var(--osdk-time-picker-padding-top);
}
.calendarActionBar {
  display: flex;
  justify-content: space-between;
  gap: var(--osdk-surface-spacing);
  padding-block-start: var(--osdk-time-picker-padding-top);
  padding-inline: var(--osdk-datetime-popover-padding);
  margin-block-start: var(--osdk-time-picker-margin-top);
  margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);
  border-block-start: var(--osdk-time-picker-border-top);
}

/* src/shared/PortalDismissLayer.module.css */
.osdkPortalDismissLayer {
  position: fixed;
  inset-block-end: 0;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  z-index: var( --osdk-portal-dismiss-layer-z-index, var(--osdk-surface-z-index-3) );
  background-color: transparent;
}

/* src/shared/calendar/DatePickerCommon.module.css */
.osdkDatePickerInput {
  width: 100%;
  flex: 1;
  min-width: 0;
  min-height: var(--osdk-datetime-input-min-height);
  padding: var(--osdk-datetime-input-padding);
  border: none;
  border-radius: var(--osdk-datetime-input-border-radius);
  background: transparent;
  color: var(--osdk-datetime-input-color);
  font-family: var(--osdk-datetime-input-font-family);
  font-size: var(--osdk-datetime-input-font-size);
  line-height: var(--osdk-datetime-input-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  &::placeholder {
    color: var(--osdk-datetime-input-placeholder-color);
  }
  &:focus {
    outline: none;
  }
}
.osdkDatePickerDismissLayer {
  --osdk-portal-dismiss-layer-z-index: var(--osdk-datetime-popover-z-index);
}
.osdkDatePickerPositioner {
  z-index: var(--osdk-datetime-popover-z-index);
  &[data-anchor-hidden] {
    visibility: hidden;
  }
}
.osdkDatePickerPopover {
  background: var(--osdk-datetime-popover-bg);
  color: var(--osdk-typography-color-default-rest);
  padding: var(--osdk-datetime-popover-padding);
  z-index: var(--osdk-datetime-popover-z-index);
  box-shadow: var(--osdk-datetime-popover-shadow);
}
.osdkDatePickerFocusBoundary {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  outline: none;
}
.osdkDatePickerInputWrapper {
  display: flex;
  align-items: center;
  border-radius: var(--osdk-datetime-input-border-radius);
  border: none;
  box-shadow: var(--osdk-datetime-input-shadow);
  background-color: var(--osdk-datetime-input-bg);
  transition: background-color var(--osdk-datetime-input-transition-duration) var(--osdk-datetime-input-transition-ease), box-shadow var(--osdk-datetime-input-transition-duration) var(--osdk-datetime-input-transition-ease);
  cursor: text;
  &:hover {
    background-color: var(--osdk-datetime-input-bg-hover);
  }
  &:focus-within {
    box-shadow: var(--osdk-datetime-input-focus-shadow);
    outline: var(--osdk-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
  }
  &[data-disabled] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
    &:hover {
      background-color: var(--osdk-datetime-input-bg);
    }
    .osdkDatePickerInput {
      cursor: not-allowed;
    }
  }
}
.osdkDatePickerInputWrapperError {
  box-shadow: var(--osdk-datetime-input-shadow-error);
  &:focus-within {
    box-shadow: var(--osdk-datetime-input-focus-shadow-error);
  }
}
.osdkDatePickerFallback {
  width: var(--osdk-datetime-calendar-fallback-width);
  height: var(--osdk-datetime-calendar-fallback-height);
}

/* src/shared/calendar/DatePicker.module.css */
.osdkDatetimeInputWrapper {
  outline: none;
}

/* src/shared/calendar/DateRangePicker.module.css */
.osdkDateRangeContainer {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 2);
  outline: none;
  &[data-disabled] {
    cursor: not-allowed;
  }
}
.osdkDateRangeInputWrapper {
  flex: 1;
  min-width: 0;
}

/* src/object-table/EditableCell.module.css */
.osdkEditableCell {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--osdk-surface-spacing);
  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
  border-radius: var(--osdk-surface-border-radius);
  border: var(--osdk-surface-border-width) solid transparent;
  background: inherit;
  tr[data-focused=true] & {
    border: var(--osdk-table-cell-editable-border);
    background: var(--osdk-table-cell-input-bg);
    &.osdkEditedInput {
      border: var(--osdk-table-cell-edited-border);
    }
    &:focus-within,
    &.osdkEditedInput:focus-within {
      border: var(--osdk-emphasis-focus-width) solid var(--osdk-emphasis-focus-color);
    }
    &.error {
      border: var(--osdk-table-cell-edited-border-error);
      &:focus-within {
        border: var(--osdk-emphasis-focus-width) solid var(--osdk-intent-danger-rest);
      }
    }
  }
  &.error {
    background: var(--osdk-table-cell-input-bg);
    border: var(--osdk-table-cell-edited-border-error);
  }
}
.osdkEditableCellTrigger {
  width: 100%;
}
.osdkEditableCellDropdown {
  --osdk-select-border-color: transparent;
  --osdk-combobox-border-color: transparent;
  --osdk-combobox-focus-border-color: transparent;
  --osdk-select-trigger-bg: var(--osdk-table-cell-input-bg);
  --osdk-combobox-trigger-bg: var(--osdk-table-cell-input-bg);
  --osdk-combobox-input-padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
  --osdk-select-trigger-padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
  border-radius: var(--osdk-surface-border-radius);
  tr[data-focused=true] & {
    border: var(--osdk-table-cell-editable-border);
    background: var(--osdk-table-cell-input-bg);
    &.osdkEditedInput {
      border: var(--osdk-table-cell-edited-border);
    }
    &:focus-within,
    &.osdkEditedInput:focus-within {
      border: var(--osdk-emphasis-focus-width) solid var(--osdk-emphasis-focus-color);
    }
    &.error {
      border: var(--osdk-table-cell-edited-border-error);
      &:focus-within {
        border: var(--osdk-emphasis-focus-width) solid var(--osdk-intent-danger-rest);
      }
    }
  }
  &.error {
    background: var(--osdk-table-cell-input-bg);
    border: var(--osdk-table-cell-edited-border-error);
  }
}
.osdkEditableCellDatePicker {
  --osdk-datetime-input-bg: transparent;
  --osdk-datetime-input-bg-hover: transparent;
  --osdk-datetime-input-shadow: none;
  --osdk-datetime-input-shadow-error: none;
  --osdk-datetime-input-focus-shadow: none;
  --osdk-datetime-input-focus-shadow-error: none;
  --osdk-datetime-input-padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--osdk-surface-border-radius);
  border: var(--osdk-surface-border-width) solid transparent;
  tr[data-focused=true] & {
    border: var(--osdk-table-cell-editable-border);
    background: var(--osdk-table-cell-input-bg);
    &.osdkEditedInput {
      border: var(--osdk-table-cell-edited-border);
    }
    &:focus-within,
    &.osdkEditedInput:focus-within {
      border: var(--osdk-emphasis-focus-width) solid var(--osdk-emphasis-focus-color);
    }
    &.error {
      border: var(--osdk-table-cell-edited-border-error);
      &:focus-within {
        border: var(--osdk-emphasis-focus-width) solid var(--osdk-intent-danger-rest);
      }
    }
  }
  &.error {
    background: var(--osdk-table-cell-input-bg);
    border: var(--osdk-table-cell-edited-border-error);
  }
}
.readonlyDisplayCell {
  padding: calc(var(--osdk-surface-spacing) * 0.5) 0;
  min-height: 1lh;
}
.nonEditableCellInEditMode {
  padding-left: calc(var(--osdk-surface-spacing) * 3);
}
.osdkEditableInput {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  background: inherit;
  color: var(--osdk-typography-color-default-rest);
  border: none;
  &:focus {
    outline: none;
  }
}
.osdkEditedInput {
  border-radius: var(--osdk-surface-border-radius);
  border: var(--osdk-table-cell-edited-border);
  background: var(--osdk-table-cell-input-bg);
}
.validationError {
  display: flex;
  align-items: center;
  gap: var(--osdk-surface-spacing);
}
.errorIcon {
  color: var(--osdk-intent-danger-rest);
}
.errorIconWrapper {
  margin-right: calc(var(--osdk-surface-spacing) * 3);
}

/* src/base-components/combobox/Combobox.module.css */
.osdkComboboxTrigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--osdk-combobox-trigger-spacing, var(--osdk-surface-spacing));
  width: 100%;
  min-height: var(--osdk-combobox-trigger-min-height, 30px);
  padding: var( --osdk-combobox-trigger-padding, calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 2.5) );
  cursor: pointer;
  border-radius: var( --osdk-combobox-trigger-border-radius, var(--osdk-surface-border-radius) );
  border: var( --osdk-combobox-trigger-border-width, var(--osdk-surface-border-width) ) solid var( --osdk-combobox-trigger-border-color, var(--osdk-surface-border-color-default) );
  box-shadow: var(--osdk-button-shadow);
  background-color: var( --osdk-combobox-trigger-bg, var(--osdk-button-secondary-bg) );
  color: var( --osdk-combobox-trigger-color, var(--osdk-typography-color-default-rest) );
  font-family: var( --osdk-combobox-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-combobox-font-size, var(--osdk-typography-size-body-medium) );
  line-height: var( --osdk-combobox-line-height, var(--osdk-typography-line-height-default) );
  transition: background-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default)), border-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &:hover {
    background-color: var( --osdk-combobox-trigger-bg-hover, var(--osdk-button-secondary-bg-hover) );
  }
  &:active {
    background-color: var( --osdk-combobox-trigger-bg-active, var(--osdk-button-secondary-bg-active) );
  }
  &:focus:not(:focus-visible) {
    outline: none;
  }
  &:focus-visible {
    outline: var(--osdk-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
  }
  &[data-popup-open]:focus-visible {
    outline: none;
  }
  &[data-disabled] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &[data-popup-open] {
    border-color: var( --osdk-combobox-trigger-border-color-active, var(--osdk-intent-primary-rest) );
  }
}
.osdkComboboxTriggerMulti {
  &:hover {
    background-color: var( --osdk-combobox-trigger-bg, var(--osdk-button-secondary-bg) );
  }
  &:active {
    background-color: var( --osdk-combobox-trigger-bg, var(--osdk-button-secondary-bg) );
  }
}
.osdkComboboxValueContainer {
  flex: 1;
  display: grid;
  min-width: 0;
  text-align: start;
  & > * {
    grid-area: 1 / 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.osdkComboboxPlaceholder {
  text-align: start;
  color: var( --osdk-combobox-placeholder-color, var(--osdk-typography-color-muted) );
  pointer-events: none;
}
.osdkComboboxIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: var(--osdk-combobox-icon-color, var(--osdk-iconography-color-muted));
  flex-shrink: 0;
  transition: transform var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  [data-popup-open] > & {
    transform: rotate(180deg);
  }
}
.osdkComboboxInputWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--osdk-combobox-spacing, var(--osdk-surface-spacing));
  width: 100%;
  min-height: var(--osdk-combobox-min-height, 30px);
  padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5) calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  border: var(--osdk-combobox-border-width, var(--osdk-surface-border-width)) solid var(--osdk-combobox-border-color, var(--osdk-surface-border-color-default));
  background-color: var( --osdk-combobox-input-bg, var(--osdk-surface-background-color-default-rest) );
  transition: border-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &:focus-within {
    border-color: var( --osdk-combobox-focus-border-color, var(--osdk-intent-primary-rest) );
    outline: var(--osdk-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
  }
}
.osdkComboboxSearchIcon {
  flex-shrink: 0;
  color: var(--osdk-combobox-icon-color, var(--osdk-iconography-color-muted));
}
.osdkComboboxInput {
  flex: 1;
  min-width: 0;
  width: 100%;
  text-overflow: ellipsis;
  padding: var( --osdk-combobox-input-padding, calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 2) );
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  border: var(--osdk-combobox-border-width, var(--osdk-surface-border-width)) solid var(--osdk-combobox-border-color, var(--osdk-surface-border-color-default));
  background-color: var( --osdk-combobox-input-bg, var(--osdk-surface-background-color-default-rest) );
  transition: border-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &:focus {
    border-color: var( --osdk-combobox-focus-border-color, var(--osdk-intent-primary-rest) );
    outline: none;
  }
  .osdkComboboxInputWrapper & {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    &:focus {
      border-color: unset;
      outline: none;
      outline-offset: unset;
    }
  }
  font-family: var( --osdk-combobox-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-combobox-font-size, var(--osdk-typography-size-body-medium) );
  line-height: var( --osdk-combobox-line-height, var(--osdk-typography-line-height-default) );
  color: var( --osdk-combobox-input-color, var(--osdk-typography-color-default-rest) );
  outline: none;
  &::placeholder {
    color: var( --osdk-combobox-placeholder-color, var(--osdk-typography-color-muted) );
  }
}
.osdkComboboxPositioner {
  z-index: var(--osdk-combobox-z-index, var(--osdk-surface-z-index-3));
  outline: none;
  &[data-anchor-hidden] {
    visibility: hidden;
  }
}
.osdkComboboxPopup {
  display: flex;
  flex-direction: column;
  min-width: var(--anchor-width);
  max-height: min(var(--osdk-combobox-popup-max-height), var(--available-height));
  overflow-y: auto;
  padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  border: var(--osdk-combobox-border-width, var(--osdk-surface-border-width)) solid var(--osdk-combobox-border-color, var(--osdk-surface-border-color-default));
  background-color: var( --osdk-combobox-popup-bg, var(--osdk-surface-background-color-default-rest) );
  box-shadow: var(--osdk-combobox-popup-shadow, var(--osdk-surface-shadow-2));
  &:focus {
    outline: none;
  }
}
.osdkComboboxPopup:has(> .osdkComboboxPopupSearchInput) {
  overflow: hidden;
}
.osdkComboboxPopup:has(> .osdkComboboxPopupSearchInput) > .osdkComboboxList {
  flex: 1;
  min-block-size: 0;
}
.osdkComboboxItem {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
  padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5) calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  cursor: pointer;
  font-family: var( --osdk-combobox-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-combobox-font-size, var(--osdk-typography-size-body-medium) );
  line-height: var( --osdk-combobox-line-height, var(--osdk-typography-line-height-default) );
  color: var( --osdk-combobox-item-color, var(--osdk-typography-color-default-rest) );
  transition: background-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &[data-highlighted],
  &:not([data-disabled]):hover {
    background-color: var( --osdk-combobox-item-bg-highlighted, var(--osdk-surface-background-color-default-hover) );
    outline: none;
  }
  &[data-selected] {
    background-color: var( --osdk-combobox-item-bg-selected, var(--osdk-surface-layer-primary) );
    color: var( --osdk-combobox-item-color-selected, var(--osdk-intent-primary-rest) );
  }
  &[data-disabled] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
}
.osdkComboboxItemIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 4);
  flex-shrink: 0;
  color: var( --osdk-combobox-item-color-selected, var(--osdk-intent-primary-rest) );
  visibility: hidden;
  &[data-selected] {
    visibility: visible;
  }
}
.osdkComboboxChips {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
  margin-bottom: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
}
.osdkComboboxChip {
  display: inline-flex;
  align-items: center;
  gap: var(--osdk-combobox-spacing, var(--osdk-surface-spacing));
  padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 0.5) calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  background-color: var( --osdk-combobox-chip-bg, var(--osdk-custom-color-gray-4) );
  font-family: var( --osdk-combobox-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-combobox-chip-font-size, var(--osdk-typography-size-body-small) );
  line-height: var( --osdk-combobox-line-height, var(--osdk-typography-line-height-default) );
  color: var( --osdk-combobox-chip-color, var(--osdk-typography-color-default-rest) );
}
.osdkComboboxChipRemove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var( --osdk-combobox-chip-remove-color, var(--osdk-iconography-color-muted) );
  transition: color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &:hover {
    color: var( --osdk-combobox-chip-remove-color-hover, var(--osdk-typography-color-default-rest) );
  }
  &[aria-disabled=true] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &[aria-disabled=true]:hover {
    color: var( --osdk-combobox-chip-remove-color, var(--osdk-iconography-color-muted) );
  }
}
.osdkComboboxClear {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--osdk-combobox-clear-color, var(--osdk-iconography-color-muted));
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  transition: color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default)), background-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &:hover {
    color: var( --osdk-combobox-clear-color-hover, var(--osdk-typography-color-default-rest) );
    background-color: var( --osdk-combobox-clear-bg-hover, var(--osdk-surface-background-color-default-hover) );
  }
  &[aria-disabled=true] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &[aria-disabled=true]:hover {
    color: var( --osdk-combobox-clear-color, var(--osdk-iconography-color-muted) );
    background-color: transparent;
  }
}
.osdkComboboxList {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  &:focus {
    outline: none;
  }
}
.osdkComboboxEmpty {
  padding: var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) var(--osdk-combobox-spacing, var(--osdk-surface-spacing));
  text-align: center;
  color: var(--osdk-combobox-empty-color, var(--osdk-typography-color-muted));
  font-family: var( --osdk-combobox-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-combobox-font-size, var(--osdk-typography-size-body-medium) );
  &:empty {
    display: none;
  }
}
.osdkComboboxItemCheckbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 4);
  height: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 4);
  flex-shrink: 0;
  border-radius: var( --osdk-combobox-checkbox-border-radius, var(--osdk-surface-border-radius) );
  border: var( --osdk-combobox-checkbox-border-width, var(--osdk-surface-border-width) ) solid var( --osdk-combobox-checkbox-border-color, var(--osdk-surface-border-color-default) );
  color: transparent;
  background-color: var( --osdk-combobox-checkbox-bg, var(--osdk-surface-background-color-default-rest) );
  transition: background-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default)), color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
  &[data-selected] {
    background-color: var( --osdk-combobox-checkbox-bg-checked, var(--osdk-intent-primary-rest) );
    border-color: var( --osdk-combobox-checkbox-border-color-checked, var(--osdk-intent-primary-rest) );
    color: var( --osdk-combobox-checkbox-color-checked, var(--osdk-surface-background-color-default-rest) );
  }
}
.osdkComboboxTriggerChips {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1);
  grid-area: 1 / 1;
  align-items: center;
}
.osdkComboboxTriggerChip {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1);
  padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1) calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
  border-radius: var( --osdk-combobox-border-radius, var(--osdk-surface-border-radius) );
  background-color: var( --osdk-combobox-chip-bg, var(--osdk-custom-color-gray-4) );
  font-size: var( --osdk-combobox-chip-font-size, var(--osdk-typography-size-body-small) );
  line-height: 1;
  color: var( --osdk-combobox-chip-color, var(--osdk-typography-color-default-rest) );
  white-space: nowrap;
}
.osdkComboboxTriggerChipRemove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  color: var( --osdk-combobox-chip-remove-color, var(--osdk-iconography-color-muted) );
  &:hover {
    color: var( --osdk-combobox-chip-remove-color-hover, var(--osdk-typography-color-default-rest) );
  }
}
.osdkComboboxPopupSearchInput {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  background-color: var( --osdk-combobox-popup-bg, var(--osdk-surface-background-color-default-rest) );
  margin-block-end: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
}

/* src/base-components/select/Select.module.css */
.osdkSelectTrigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--osdk-select-spacing, var(--osdk-surface-spacing));
  width: 100%;
  min-height: var(--osdk-select-min-height, 30px);
  padding: var( --osdk-select-trigger-padding, calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 2.5) );
  cursor: pointer;
  border-radius: var( --osdk-select-border-radius, var(--osdk-surface-border-radius) );
  border: var(--osdk-select-border-width, var(--osdk-surface-border-width)) solid var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
  box-shadow: var(--osdk-button-shadow);
  background-color: var( --osdk-select-trigger-bg, var(--osdk-button-secondary-bg) );
  color: var( --osdk-select-trigger-color, var(--osdk-typography-color-default-rest) );
  font-family: var( --osdk-select-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-select-font-size, var(--osdk-typography-size-body-medium) );
  line-height: var( --osdk-select-line-height, var(--osdk-typography-line-height-default) );
  transition: background-color var( --osdk-select-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default)), border-color var( --osdk-select-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
  &:hover {
    background-color: var( --osdk-select-trigger-bg-hover, var(--osdk-button-secondary-bg-hover) );
  }
  &:active {
    background-color: var( --osdk-select-trigger-bg-active, var(--osdk-button-secondary-bg-active) );
  }
  &:focus:not(:focus-visible) {
    outline: none;
  }
  &:focus-visible {
    outline: var(--osdk-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
  }
  &[data-popup-open]:focus-visible {
    outline: none;
  }
  &[data-disabled] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &[data-popup-open] {
    border-color: var( --osdk-select-border-color-active, var(--osdk-intent-primary-rest) );
  }
}
.osdkSelectValueContainer {
  flex: 1;
  display: grid;
  min-width: 0;
  & > * {
    grid-area: 1 / 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.osdkSelectValue {
  text-align: left;
}
.osdkSelectPlaceholder {
  text-align: left;
  color: var( --osdk-select-placeholder-color, var(--osdk-typography-color-muted) );
  pointer-events: none;
}
.osdkSelectValue:not([data-placeholder]) ~ .osdkSelectPlaceholder {
  display: none;
}
.osdkSelectIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: var(--osdk-select-icon-color, var(--osdk-iconography-color-muted));
  flex-shrink: 0;
  transition: transform var( --osdk-select-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
  [data-popup-open] > & {
    transform: rotate(180deg);
  }
}
.osdkSelectClear {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--osdk-select-clear-color, var(--osdk-iconography-color-muted));
  border-radius: var( --osdk-select-border-radius, var(--osdk-surface-border-radius) );
  transition: color var( --osdk-select-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default)), background-color var( --osdk-select-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
  &:hover {
    color: var( --osdk-select-clear-color-hover, var(--osdk-typography-color-default-rest) );
    background-color: var( --osdk-select-clear-bg-hover, var(--osdk-surface-background-color-default-hover) );
  }
  &[aria-disabled=true] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &[aria-disabled=true]:hover {
    color: var(--osdk-select-clear-color, var(--osdk-iconography-color-muted));
    background-color: transparent;
  }
}
.osdkSelectPositioner {
  z-index: var(--osdk-select-z-index, var(--osdk-surface-z-index-3));
  outline: none;
  &[data-anchor-hidden] {
    visibility: hidden;
  }
}
.osdkSelectPopup {
  display: flex;
  flex-direction: column;
  min-width: var(--anchor-width);
  max-height: min(var(--osdk-select-popup-max-height), var(--available-height));
  overflow-y: auto;
  padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5);
  border-radius: var( --osdk-select-border-radius, var(--osdk-surface-border-radius) );
  border: var(--osdk-select-border-width, var(--osdk-surface-border-width)) solid var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
  background-color: var( --osdk-select-popup-bg, var(--osdk-surface-background-color-default-rest) );
  box-shadow: var(--osdk-select-popup-shadow, var(--osdk-surface-shadow-2));
  &:focus {
    outline: none;
  }
}
.osdkSelectItem {
  display: flex;
  align-items: center;
  padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5) calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 2);
  border-radius: var( --osdk-select-border-radius, var(--osdk-surface-border-radius) );
  cursor: pointer;
  font-family: var( --osdk-select-font-family, var(--osdk-typography-family-default) );
  font-size: var( --osdk-select-font-size, var(--osdk-typography-size-body-medium) );
  line-height: var( --osdk-select-line-height, var(--osdk-typography-line-height-default) );
  color: var( --osdk-select-item-color, var(--osdk-typography-color-default-rest) );
  transition: background-color var( --osdk-select-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
  &[data-highlighted] {
    background-color: var( --osdk-select-item-bg-highlighted, var(--osdk-surface-background-color-default-hover) );
    outline: none;
  }
  &[data-selected] {
    background-color: var( --osdk-select-item-bg-selected, var(--osdk-surface-layer-primary) );
    color: var( --osdk-select-item-color-selected, var(--osdk-intent-primary-rest) );
  }
  &[data-disabled] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
}

/* src/action-form/fields/DropdownField.module.css */
.osdkSelectDismissLayer {
  --osdk-portal-dismiss-layer-z-index: var( --osdk-select-z-index, var(--osdk-surface-z-index-3) );
}
.osdkComboboxDismissLayer {
  --osdk-portal-dismiss-layer-z-index: var( --osdk-combobox-z-index, var(--osdk-surface-z-index-3) );
}

/* src/base-components/checkbox/Checkbox.module.css */
.osdkCheckboxRoot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2);
  height: calc(var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2);
  flex-shrink: 0;
  padding: var(--osdk-checkbox-padding);
  cursor: pointer;
  border-radius: var(--osdk-surface-border-radius);
  border: var(--osdk-checkbox-border);
  &[data-unchecked] {
    background-color: var(--osdk-checkbox-bg);
    &:hover {
      background-color: var(--osdk-checkbox-bg-hover);
    }
    &:active {
      background-color: var(--osdk-checkbox-bg-active);
    }
  }
  &[data-checked],
  &[data-indeterminate] {
    background-color: var(--osdk-checkbox-bg-checked);
    &:hover {
      background-color: var(--osdk-checkbox-bg-checked-hover);
    }
    &:active {
      background-color: var(--osdk-checkbox-bg-checked-active);
    }
  }
  &[data-excluding][data-checked] {
    background-color: var(--osdk-checkbox-bg-checked);
    &:hover {
      background-color: var(--osdk-checkbox-bg-checked-hover);
    }
    &:active {
      background-color: var(--osdk-checkbox-bg-checked-active);
    }
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
  }
}
.osdkCheckboxIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--osdk-checkbox-checked-foreground);
  width: var(--osdk-checkbox-icon-size);
  height: var(--osdk-checkbox-icon-size);
  & svg {
    width: var(--osdk-checkbox-icon-size);
    height: var(--osdk-checkbox-icon-size);
  }
  &[data-unchecked] {
    display: none;
  }
}

/* src/object-table/TableRow.module.css */
.osdkTableRow {
  position: absolute;
  display: flex;
  width: max-content;
  min-width: 100%;
  background-color: var(--osdk-table-row-bg-default);
  border-top: var(--osdk-table-row-divider);
  border-bottom: var(--osdk-table-border-width) solid transparent;
  &:last-child {
    border-bottom: var(--osdk-table-border);
  }
  &[data-row-parity=odd] {
    background-color: var( --osdk-table-row-bg-alternate, var(--osdk-table-row-bg-default) );
  }
  &:hover {
    z-index: 3;
    background-color: var(--osdk-table-row-bg-hover);
    border-top: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-hover);
    border-bottom: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-hover);
  }
  &[data-selected=true],
  &[data-focused=true] {
    z-index: 2;
    background-color: var(--osdk-table-row-bg-active);
    border-top: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-active);
    border-bottom: var(--osdk-table-border-width) solid var(--osdk-table-row-border-color-active);
  }
  &[data-selected=true] + &[data-selected=true] {
    border-top-color: transparent;
  }
  &[data-selected=true]:has(+ &[data-selected=true]) {
    border-bottom-color: transparent;
  }
}

/* src/base-components/dialog/Dialog.module.css */
.backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--osdk-dialog-backdrop-bg);
  z-index: var(--osdk-surface-z-index-1);
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: var(--osdk-dialog-min-width);
  max-width: var(--osdk-dialog-max-width);
  min-height: var(--osdk-dialog-min-height);
  max-height: var(--osdk-dialog-max-height);
  background-color: var(--osdk-dialog-bg);
  border-radius: var(--osdk-surface-border-radius);
  box-shadow: var(--osdk-dialog-shadow);
  z-index: var(--osdk-surface-z-index-2);
  display: flex;
  flex-direction: column;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--osdk-dialog-header-padding);
  border-bottom: var(--osdk-surface-border);
}
.title {
  font-size: var(--osdk-dialog-title-font-size);
  font-weight: var(--osdk-dialog-title-font-weight);
  color: var(--osdk-dialog-title-color);
}
.body {
  display: flex;
  padding: var(--osdk-dialog-body-padding);
  overflow-y: auto;
  flex: 1;
}
.footer {
  display: flex;
  justify-content: flex-end;
  gap: calc(var(--osdk-surface-spacing) * 2);
  padding: var(--osdk-dialog-footer-padding);
  border-top: var(--osdk-surface-border);
}
.closeButton {
  background: none;
  border: none;
  padding: calc(var(--osdk-surface-spacing) * 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--osdk-surface-border-radius);
  &:hover {
    background-color: var(--osdk-surface-background-color-default-hover);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.closeIcon {
  width: var(--osdk-iconography-size-small);
  height: var(--osdk-iconography-size-small);
  color: var(--osdk-typography-color-muted);
}

/* src/base-components/draggable-list/DraggableList.module.css */
.draggableListContainer {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-draggable-item-gap);
  overflow-y: auto;
}
.draggableItem {
  display: flex;
  align-items: center;
  gap: var(--osdk-draggable-item-gap);
  padding: var(--osdk-draggable-item-padding);
  background-color: var(--osdk-draggable-item-bg);
  border: var(--osdk-draggable-item-border);
  border-radius: var(--osdk-draggable-item-border-radius);
  width: 100%;
  touch-action: none;
  user-select: none;
}
.draggableItem[data-dragging=true] {
  opacity: 0.5;
}
.dragHandle {
  display: flex;
  cursor: var(--osdk-drag-handle-cursor);
  color: var(--osdk-draggable-item-drag-icon-color);
  &:hover {
    color: var(--osdk-draggable-item-drag-icon-color-hover);
  }
  &:active {
    cursor: var(--osdk-drag-handle-cursor-active);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.itemContent {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--osdk-typography-color-default-rest);
}
.removeButton {
  background: none;
  border: none;
  padding: var(--osdk-surface-spacing);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--osdk-draggable-item-drag-icon-color);
  border-radius: var(--osdk-surface-border-radius);
  &:hover {
    color: var(--osdk-typography-color-danger-rest);
  }
  &:active {
    color: var(--osdk-typography-color-danger-rest);
    background: oklch(from var(--osdk-surface-background-color-danger-hover) l c h / 0.2);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.emptyState {
  padding: calc(var(--osdk-surface-spacing) * 5);
  text-align: center;
  color: var(--osdk-typography-color-muted);
  font-style: italic;
}

/* src/base-components/search-bar/SearchBar.module.css */
.searchBar {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 3);
  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
  border: var(--osdk-surface-border);
  border-radius: var(--osdk-surface-border-radius);
  &:focus-within {
    outline: var(--osdk-focus-outline);
    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
  }
}
.searchIcon {
  width: var(--osdk-iconography-size-small);
  height: var(--osdk-iconography-size-small);
  color: var(--osdk-typography-color-muted);
  pointer-events: none;
  flex-shrink: 0;
}
.searchInput {
  border: none;
  width: 100%;
  padding: var(--osdk-surface-spacing) 0;
  font-size: var(--osdk-typography-size-body-medium);
  color: var(--osdk-typography-color-default-rest);
  background: transparent;
  &:focus {
    outline: none;
  }
  &::placeholder {
    color: var(--osdk-typography-color-muted);
  }
}

/* src/object-table/ColumnConfigDialog.module.css */
.title {
  display: flex;
  align-items: center;
  gap: var(--osdk-surface-spacing);
}
.columnConfigDialog {
  --osdk-dialog-min-width: var(--osdk-table-column-config-dialog-min-width);
  --osdk-dialog-min-height: var(--osdk-table-column-config-dialog-min-height);
  --osdk-dialog-body-padding: 0;
}
.dialogLayout {
  display: flex;
  flex-direction: row;
  gap: 0;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.visibleColumnsContainer {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: calc(var(--osdk-surface-spacing) * 5);
  background: var(--osdk-table-column-config-visible-columns-bg);
  border-right: 1px solid var(--osdk-surface-border-color-default);
}
.availableColumnsContainer {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: calc(var(--osdk-surface-spacing) * 5) calc(var(--osdk-surface-spacing) * 3);
}
.sectionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(var(--osdk-surface-spacing) * 5);
}
.sectionTitle {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: var(--osdk-typography-size-body-medium);
  font-weight: var(--osdk-typography-weight-bold);
  color: var(--osdk-typography-color-muted);
  flex-shrink: 0;
  gap: var(--osdk-surface-spacing);
}
.countTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--osdk-custom-color-gray-3);
  padding: calc(var(--osdk-surface-spacing) / 2) calc(var(--osdk-surface-spacing) * 1.5);
  border-radius: var(--osdk-surface-border-radius);
  font-size: var(--osdk-typography-size-body-small);
  font-weight: var(--osdk-typography-weight-default);
  color: var(--osdk-typography-color-default-rest);
}
.sectionHint {
  font-size: var(--osdk-typography-size-body-small);
  color: var(--osdk-typography-color-muted);
}
.columnList {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.searchContainer {
  margin-bottom: calc(var(--osdk-surface-spacing) * 2);
  flex-shrink: 0;
}
.propertiesList {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.categoryHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: calc(var(--osdk-surface-spacing) * 2) calc(var(--osdk-surface-spacing) * 3);
  background: none;
  border: none;
  margin: 0;
  gap: calc(var(--osdk-surface-spacing) * 3);
  flex-shrink: 0;
}
.categoryTrigger {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.categoryTitle {
  flex: 1;
  color: var(--osdk-typography-color-muted);
  font-size: var(--osdk-typography-size-body-small);
  font-weight: var(--osdk-typography-weight-bold);
  text-align: left;
}
.categoryCount {
  color: var(--osdk-typography-color-muted);
  font-size: var(--osdk-typography-size-body-small);
  margin-left: var(--osdk-surface-spacing);
}
.caretIcon {
  color: var(--osdk-typography-color-muted);
  display: flex;
  justify-content: center;
  align-items: center;
}
.categoryTrigger[data-panel-open] .caretIcon {
  transform: rotate(180deg);
}
.checkbox {
  flex-shrink: 0;
}
.propertyList {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.propertyItem {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  gap: calc(var(--osdk-surface-spacing) * 3);
  padding: calc(var(--osdk-surface-spacing) * 2) calc(var(--osdk-surface-spacing) * 3);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  border-radius: var(--osdk-surface-border-radius);
  &:hover {
    background-color: var(--osdk-surface-background-color-default-hover);
  }
}
.checkboxIndicator {
  color: var(--osdk-intent-primary-foreground);
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectAllLabel {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 3);
  cursor: pointer;
  color: var(--osdk-typography-color-muted);
  font-size: var(--osdk-typography-size-body-small);
  font-weight: var(--osdk-typography-weight-bold);
}
.propertyLabel {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 3);
  cursor: pointer;
  flex: 1;
  min-width: 0;
}
.propertyName {
  text-align: left;
  flex: 1;
  font-size: var(--osdk-typography-size-body-medium);
  font-weight: 400;
  color: var(--osdk-typography-color-default-rest);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.infoIcon {
  color: var(--osdk-typography-color-muted);
  flex-shrink: 0;
  width: calc(var(--osdk-checkbox-icon-size) * 0.75);
  height: calc(var(--osdk-checkbox-icon-size) * 0.75);
}
.emptyState {
  padding: calc(var(--osdk-surface-spacing) * 5);
  text-align: center;
  color: var(--osdk-typography-color-muted);
  font-style: italic;
}

/* src/base-components/searchable-menu/SearchableMenu.module.css */
.positioner {
  z-index: var(--osdk-surface-z-index-3);
  &[data-anchor-hidden] {
    visibility: hidden;
  }
}
.popup {
  background-color: var(--osdk-surface-background-color-default-rest);
  border: var(--osdk-surface-border);
  border-radius: var(--osdk-surface-border-radius);
  box-shadow: var(--osdk-surface-shadow-2);
  max-height: calc(var(--osdk-dialog-max-height) * 0.5);
  overflow-y: auto;
  width: var(--anchor-width);
  &:focus {
    outline: none;
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.searchContainer {
  border: none;
  border-bottom: var(--osdk-surface-border);
  border-radius: 0;
  position: sticky;
  top: 0;
  background-color: var(--osdk-surface-background-color-default-rest);
}
.menuItem {
  display: block;
  width: 100%;
  text-align: left;
  padding: calc(var(--osdk-surface-spacing) * 2) calc(var(--osdk-surface-spacing) * 3);
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--osdk-typography-size-body-medium);
  color: var(--osdk-typography-color-default-rest);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  &:hover,
  &[data-highlighted] {
    background-color: var(--osdk-surface-background-color-default-hover);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.emptyState {
  padding: calc(var(--osdk-surface-spacing) * 3);
  text-align: center;
  color: var(--osdk-typography-color-muted);
  font-size: var(--osdk-typography-size-body-medium);
}

/* src/object-table/MultiColumnSortDialog.module.css */
.title {
  display: flex;
  align-items: center;
  gap: var(--osdk-surface-spacing);
}
.sortColumnsList {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-surface-spacing);
  flex: 1;
  justify-content: space-between;
  overflow-x: hidden;
}
.sortableList {
  flex: 1;
}
.selectedColumnsContainer {
  margin-bottom: calc(var(--osdk-surface-spacing) * 2);
}
.sortColumnItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}
.sortColumnName {
  min-width: 0;
  flex-shrink: 1;
}
.sortDirectionButton {
  flex-shrink: 0;
  background: none;
  border: none;
  padding: var(--osdk-surface-spacing);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--osdk-surface-border-radius);
  &:hover {
    background-color: var(--osdk-button-secondary-bg-hover);
  }
  &:focus {
    outline: none;
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
  }
}
.sortIcon {
  color: var(--osdk-typography-color-muted);
}
.addColumnButton {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 2);
  width: 100%;
  padding: calc(var(--osdk-surface-spacing) * 2) calc(var(--osdk-surface-spacing) * 3);
  background-color: var(--osdk-button-secondary-bg);
  border: var(--osdk-surface-border);
  border-radius: var(--osdk-surface-border-radius);
  cursor: pointer;
  color: var(--osdk-button-secondary-color);
  margin-top: calc(var(--osdk-surface-spacing) * 2);
  &:hover:not(:disabled) {
    background-color: var(--osdk-button-secondary-bg-hover);
  }
  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
  }
}
.addIcon {
  width: var(--osdk-iconography-size-small);
  height: var(--osdk-iconography-size-small);
}
.addColumnText {
  flex: 1;
  text-align: left;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* src/object-table/TableHeaderContent.module.css */
.osdkHeaderContent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.osdkHeaderContent:has([role=checkbox]) {
  display: flex;
  justify-content: center;
}

/* src/object-table/TableHeaderWithPopover.module.css */
.osdkCenterContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.osdkContentGap {
  display: flex;
  gap: calc(var(--osdk-surface-spacing) * 2);
}
.osdkHeaderContainer {
  justify-content: space-between;
  flex: 1;
  min-width: 0;
  align-self: stretch;
}
.osdkHeaderContentLeft {
  min-width: 0;
  flex-shrink: 1;
}
.osdkHeaderContentLeftClickable {
  cursor: pointer;
}
.osdkHeaderContentRight {
  flex-shrink: 0;
}
.osdkHeaderText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.osdkHeaderPopoverTrigger {
  padding: var(--osdk-table-header-menu-padding);
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--osdk-table-header-menu-bg);
  border: var(--osdk-table-header-menu-border);
  border-radius: var(--osdk-surface-border-radius);
  color: var(--osdk-table-header-menu-color);
  cursor: pointer;
  user-select: none;
  &:hover {
    background-color: var(--osdk-table-header-menu-bg-hover);
  }
  &[data-popup-open] {
    background-color: var(--osdk-table-header-menu-bg-active);
    color: var(--osdk-table-header-menu-color-active);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.osdkHeaderIcon {
  width: var(--osdk-iconography-size-small);
  height: var(--osdk-iconography-size-small);
  color: var(--osdk-table-header-menu-icon-color);
}
.osdkHeaderPopup {
  box-sizing: border-box;
  padding: var(--osdk-surface-spacing);
  border-radius: var(--osdk-surface-border-radius);
  border: var(--osdk-surface-border);
  background-color: var(--osdk-surface-background-color-default-rest);
  color: var(--osdk-typography-color-default-rest);
  box-shadow: var(--osdk-surface-shadow-2);
  font-size: var(--osdk-typography-size-body-medium);
}
.osdkHeaderMenuItem {
  justify-content: flex-start;
  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 2);
  cursor: pointer;
  &:hover {
    background-color: var(--osdk-surface-background-color-default-hover);
    border-radius: var(--osdk-surface-border-radius);
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.osdkHeaderMenuItem .osdkHeaderActiveMenuItem {
  background-color: var(--osdk-intent-primary-rest);
  color: var(--osdk-intent-primary-foreground);
  &:hover {
    background-color: var(--osdk-intent-primary-hover);
  }
  &:active {
    background-color: var(--osdk-intent-primary-active);
  }
}
.sortIndex {
  font-size: var(--osdk-typography-size-body-x-small);
  margin-left: var(--osdk-surface-spacing);
  color: var(--osdk-typography-color-muted);
}

/* src/object-table/TableHeader.module.css */
.osdkTableHeader {
  display: grid;
  position: sticky;
  top: 0;
  width: max-content;
  min-width: 100%;
  height: var(--osdk-table-header-height);
  z-index: var(--osdk-surface-z-index-1);
  background-color: var(--osdk-table-header-bg);
}
.osdkTableHeader[data-resizing=true] {
  cursor: col-resize;
  user-select: none;
}
.osdkTableHeaderRow {
  display: flex;
  width: max-content;
  min-width: 100%;
  border-top: var(--osdk-table-border);
  border-bottom: var(--osdk-table-border);
}
.osdkTableHeaderCell {
  display: flex;
  align-items: center;
  text-align: left;
  position: relative;
  padding: var(--osdk-table-cell-padding);
  font-weight: var(--osdk-table-header-fontWeight);
  font-size: var(--osdk-table-header-fontSize);
  color: var(--osdk-table-header-color);
  border-right: var(--osdk-table-header-divider);
  background-color: inherit;
  &:first-child {
    border-left: var(--osdk-table-border);
  }
  &:last-child {
    border-right: none;
  }
}
.osdkTableHeaderCell[data-pinned=left],
.osdkTableHeaderCell[data-pinned=right] {
  position: sticky;
  z-index: var(--osdk-surface-z-index-2);
  background-color: var(--osdk-table-header-bg);
}
.osdkTableHeaderCell[data-pinned=left]:not(:has(~ [data-pinned=left])) {
  border-right: var(--osdk-table-pinned-column-border);
}
.osdkTableHeaderCell[data-pinned=right]:not(:has(~ [data-pinned=right]):nth-child(n+2)) {
  border-left: var(--osdk-table-pinned-column-border);
}
.osdkTableSelectionHeaderCell {
  justify-content: center;
  padding: 0;
}
.osdkTableHeaderResizer {
  background: none;
  cursor: col-resize;
  height: 100%;
  position: absolute;
  right: calc(-1 * var(--osdk-table-border-width));
  top: 0;
  touch-action: none;
  width: 3px;
  z-index: var(--osdk-surface-z-index-2);
  &:hover {
    background: var(--osdk-table-resizer-color-hover);
  }
  &:active {
    background: var(--osdk-table-resizer-color-active);
  }
}
.osdkLoadingHeaderCell {
  height: var(--osdk-table-header-fontSize);
  flex: 1;
}

/* src/object-table/TableBody.module.css */
.osdkTableBody {
  display: grid;
  position: relative;
  width: max-content;
  min-width: 100%;
}

/* src/object-table/NonIdealState.module.css */
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.message {
  padding: calc(var(--osdk-surface-spacing) * 5);
  color: var(--osdk-typography-color-muted);
  font-style: italic;
}

/* src/object-table/CellContextMenu.module.css */
.osdkCellContextMenu {
  position: fixed;
  z-index: var(--osdk-surface-z-index-2);
}

/* src/object-table/TableEditContainer.module.css */
.tableEditContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--osdk-surface-background-color-default-rest);
  border-top: var(--osdk-table-border);
  padding: var(--osdk-table-edit-container-padding);
  min-height: var(--osdk-table-edit-container-min-height);
}
.placeholder {
  color: var(--osdk-typography-color-muted);
  font-size: var(--osdk-typography-size-body-small);
  padding: calc(var(--osdk-surface-spacing) * 2) 0;
}
.editsInfoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: calc(var(--osdk-surface-spacing) * 3);
  font-size: var(--osdk-typography-size-body-small);
}
.modificationCount {
  color: var(--osdk-intent-primary-rest);
  font-size: var(--osdk-typography-size-body-small);
  padding: calc(var(--osdk-surface-spacing) * 2) 0;
}
.editButtons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 1;
}
.validationError {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 2);
  color: var(--osdk-intent-danger-rest);
}
.errorIcon {
  color: var(--osdk-intent-danger-rest);
}
.divider {
  width: 1px;
  height: 8px;
  background-color: var(--osdk-surface-border-color-default);
  align-self: center;
}

/* src/object-table/Table.module.css */
.osdkTableWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.osdkTableContainer {
  flex: 1;
  min-height: 0;
  overflow: auto;
  position: relative;
  isolation: isolate;
  background-color: var(--osdk-background-primary);
}
.osdkTableContainer table {
  border-collapse: collapse;
  display: grid;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
}
/*# sourceMappingURL=object-table.css.map */