/* 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/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/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/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/action-form/FormField.module.css */
.osdkFormField {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-form-field-gap);
}
.osdkFormFieldLabel {
  font-size: var(--osdk-form-label-font-size);
  font-weight: var(--osdk-form-label-font-weight);
  color: var(--osdk-form-label-color);
}
.osdkFormFieldRequired {
  color: var(--osdk-form-required-color);
}
.osdkFormFieldError {
  font-size: var(--osdk-form-error-font-size);
  line-height: var(--osdk-form-error-line-height);
  color: var(--osdk-form-error-color);
}
.osdkFormFieldErrorSlot {
  min-block-size: var(--osdk-form-error-reserved-block-size);
}
.osdkFormFieldLabelRow {
  display: flex;
  align-items: center;
  gap: var(--osdk-form-label-row-gap);
  min-block-size: var(--osdk-form-label-row-min-block-size);
}
.osdkFormFieldEditedTag {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-inline-start: auto;
  padding-block: var(--osdk-form-edited-tag-padding-block);
  padding-inline: var(--osdk-form-edited-tag-padding-inline);
  border-radius: var(--osdk-form-edited-tag-border-radius);
  background-color: var(--osdk-form-edited-tag-bg);
  color: var(--osdk-form-edited-tag-color);
  font-size: var(--osdk-form-edited-tag-font-size);
  font-weight: var(--osdk-form-edited-tag-font-weight);
  line-height: var(--osdk-form-edited-tag-line-height);
}
.osdkFormFieldInfoIcon {
  display: inline-flex;
  align-items: center;
  color: var(--osdk-form-info-icon-color);
  cursor: pointer;
  flex-shrink: 0;
}
.osdkFormFieldInfoPopup {
  padding: var(--osdk-form-info-popup-padding);
  background-color: var(--osdk-form-info-popup-bg);
  border-radius: var(--osdk-surface-border-radius);
  box-shadow: var(--osdk-form-info-popup-shadow);
  max-width: var(--osdk-form-info-popup-max-width);
  font-size: var(--osdk-form-info-popup-font-size);
}
.osdkFormFieldHelperText {
  font-size: var(--osdk-typography-size-body-small);
  color: var(--osdk-typography-color-muted);
}

/* 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/action-form/fields/FilePickerField.module.css */
.osdkFilePickerTrigger {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--osdk-file-picker-trigger-height);
  border: var(--osdk-file-picker-trigger-border);
  border-radius: var(--osdk-file-picker-trigger-border-radius);
  box-shadow: var(--osdk-file-picker-trigger-shadow);
  background-color: var(--osdk-file-picker-trigger-bg);
  font-family: var(--osdk-file-picker-trigger-font-family);
  font-size: var(--osdk-file-picker-trigger-font-size);
  box-sizing: border-box;
  overflow: hidden;
  transition: background-color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease), box-shadow var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease);
}
.osdkFilePickerTrigger:hover .osdkFilePickerBrowse {
  --osdk-button-secondary-bg: var(--osdk-file-picker-browse-bg-hover);
}
.osdkFilePickerTrigger:focus-within {
  box-shadow: var(--osdk-file-picker-trigger-focus-shadow);
}
.osdkFilePickerTrigger[aria-invalid] {
  box-shadow: var(--osdk-file-picker-trigger-shadow-error);
}
.osdkFilePickerTrigger[aria-invalid]:focus-within {
  box-shadow: var(--osdk-file-picker-trigger-focus-shadow-error);
}
.osdkFilePickerHiddenInput {
  display: none;
}
.osdkFilePickerText {
  flex: 1;
  align-self: stretch;
  min-width: 0;
  padding: var(--osdk-file-picker-trigger-padding);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: var(--osdk-file-picker-trigger-color);
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  &:disabled {
    cursor: not-allowed;
    opacity: var(--osdk-input-disabled-opacity);
  }
  &:focus {
    outline: none;
  }
}
.osdkFilePickerPlaceholder {
  color: var(--osdk-file-picker-trigger-placeholder-color);
}
.osdkFilePickerClear {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--osdk-file-picker-clear-size);
  height: var(--osdk-file-picker-clear-size);
  margin: var(--osdk-file-picker-clear-margin);
  padding: var(--osdk-file-picker-clear-padding);
  border: none;
  background: none;
  color: var(--osdk-file-picker-clear-color);
  border-radius: var(--osdk-file-picker-clear-border-radius);
  cursor: pointer;
  transition: color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease), background-color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease);
  &:hover {
    color: var(--osdk-file-picker-clear-color-hover);
    background-color: var(--osdk-file-picker-trigger-bg-hover);
  }
  &:disabled {
    cursor: not-allowed;
    opacity: var(--osdk-input-disabled-opacity);
  }
  &:disabled:hover {
    color: var(--osdk-file-picker-clear-color);
  }
  &:focus-visible {
    outline: var(--osdk-file-picker-clear-outline);
  }
}
.osdkFilePickerBrowse {
  --osdk-button-min-height: 0;
  --osdk-button-secondary-bg-hover: var(--osdk-file-picker-browse-bg-hover);
  --osdk-focus-outline: var(--osdk-file-picker-browse-focus-outline);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 0;
  margin-block-start: calc(var(--osdk-surface-spacing) * 0.5);
  margin-block-end: calc(var(--osdk-surface-spacing) * 0.5);
  margin-inline-start: calc(var(--osdk-surface-spacing) * 0.5);
  margin-inline-end: calc(var(--osdk-surface-spacing) * 0.5);
  font-family: var(--osdk-file-picker-trigger-font-family);
  font-size: var(--osdk-file-picker-trigger-font-size);
  &:focus {
    outline: none;
  }
}
.osdkFilePickerBrowse.osdkFilePickerBrowse {
  padding-block: calc(var(--osdk-surface-spacing) * 0.5);
  padding-inline: calc(var(--osdk-surface-spacing) * 3);
}

/* src/action-form/fields/NumberInputField.module.css */
.osdkNumberInputWrapper {
  display: flex;
  align-items: stretch;
  gap: calc(var(--osdk-surface-spacing) * 0.5);
}
.osdkNumberInputWrapper:focus-within .osdkNumberInputField {
  box-shadow: var(--osdk-input-focus-shadow);
}
.osdkNumberInputWrapper[aria-invalid] .osdkNumberInputField {
  box-shadow: var(--osdk-input-shadow-error);
}
.osdkNumberInputWrapper[aria-invalid] .osdkNumberInputStepper {
  border-color: var(--osdk-number-input-stepper-border-color);
  box-shadow: var(--osdk-number-input-stepper-shadow);
  background-color: var(--osdk-button-danger-bg);
}
.osdkNumberInputWrapper[aria-invalid] .osdkNumberInputStepButton {
  color: var(--osdk-button-danger-color);
  &:hover {
    background-color: var(--osdk-button-danger-bg-hover);
  }
  &:active {
    background-color: var(--osdk-button-danger-bg-active);
  }
}
.osdkNumberInputWrapper[aria-invalid]:focus-within .osdkNumberInputField {
  box-shadow: var(--osdk-input-focus-shadow-error);
}
.osdkNumberInputWrapper[aria-invalid] .osdkNumberInputStepButton + .osdkNumberInputStepButton {
  border-block-start-color: var(--osdk-button-border-color);
}
.osdkNumberInputField {
  flex: 1;
  min-width: 0;
  min-height: var(--osdk-input-min-height);
  padding: var(--osdk-input-padding);
  border-radius: var(--osdk-input-border-radius);
  border: none;
  box-shadow: var(--osdk-input-shadow);
  background-color: var(--osdk-input-bg);
  color: var(--osdk-input-color);
  font-family: var(--osdk-input-font-family);
  font-size: var(--osdk-input-font-size);
  line-height: var( --osdk-input-line-height, var(--osdk-typography-line-height-default) );
  box-sizing: border-box;
  transition: background-color var(--osdk-input-transition-duration) var(--osdk-input-transition-ease), box-shadow var(--osdk-input-transition-duration) var(--osdk-input-transition-ease);
  &:hover {
    background-color: var(--osdk-input-bg-hover);
  }
  &::placeholder {
    color: var(--osdk-input-placeholder-color);
  }
  &:disabled {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &:focus-visible {
    outline: var(--osdk-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
  }
}
.osdkNumberInputStepper {
  display: flex;
  flex-direction: column;
  border: var(--osdk-number-input-stepper-border-width) solid var(--osdk-number-input-stepper-border-color);
  border-radius: var(--osdk-input-border-radius);
  box-shadow: var(--osdk-number-input-stepper-shadow);
  background-color: var(--osdk-button-secondary-bg);
  overflow: hidden;
}
.osdkNumberInputStepButton {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0 calc(var(--osdk-surface-spacing) * 1.5);
  border: none;
  background: transparent;
  color: var(--osdk-iconography-color-muted);
  cursor: pointer;
  line-height: 0;
  transition: background-color var(--osdk-input-transition-duration) var(--osdk-input-transition-ease);
  &:hover {
    background-color: var(--osdk-button-secondary-bg-hover);
  }
  &:active {
    background-color: var(--osdk-button-secondary-bg-active);
  }
  &:disabled {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  & + & {
    border-block-start: var(--osdk-number-input-stepper-border-width) solid var(--osdk-number-input-stepper-border-color);
  }
}

/* src/action-form/fields/AsyncDropdownField.module.css */
.osdkAsyncDropdownError {
  color: var(--osdk-async-dropdown-error-color);
}
.osdkAsyncDropdownStatus {
  padding: var(--osdk-async-dropdown-status-padding);
  color: var(--osdk-async-dropdown-status-color);
}
.osdkAsyncDropdownSkeleton {
  width: var(--osdk-async-dropdown-skeleton-width);
  height: var(--osdk-async-dropdown-skeleton-height);
  margin: var(--osdk-async-dropdown-skeleton-margin);
  border-radius: var(--osdk-async-dropdown-skeleton-border-radius);
}

/* src/action-form/fields/ObjectSetField.module.css */
.osdkObjectSetField {
  display: flex;
  align-items: center;
  gap: var(--osdk-object-set-gap);
  min-height: var(--osdk-object-set-min-height);
  padding: var(--osdk-object-set-padding);
  color: var(--osdk-object-set-color);
  font-family: var(--osdk-object-set-font-family);
  font-size: var(--osdk-object-set-font-size);
  line-height: var(--osdk-object-set-line-height);
  &[aria-disabled=true] {
    opacity: var(--osdk-disabled-opacity);
  }
}
.osdkObjectSetFieldEmpty {
  color: var(--osdk-object-set-placeholder-color);
}
.osdkObjectSetFieldError {
  color: var(--osdk-object-set-error-color);
}
.osdkObjectSetIconSkeleton {
  width: var(--osdk-object-set-icon-skeleton-width);
  align-self: stretch;
}
.osdkObjectSetLabelSkeleton {
  width: var(--osdk-object-set-label-skeleton-width);
  align-self: stretch;
}

/* src/action-form/fields/RadioButtonsField.module.css */
.osdkRadioGroup {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-radio-gap);
  &[data-orientation=horizontal] {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.osdkRadioItem {
  display: flex;
  align-items: center;
  gap: var(--osdk-radio-item-gap);
  &:has(.osdkRadioRoot[data-disabled]) {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
}
.osdkRadioRoot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--osdk-radio-size);
  height: var(--osdk-radio-size);
  border-radius: 50%;
  border: var(--osdk-radio-border);
  cursor: pointer;
  flex-shrink: 0;
  &[data-unchecked] {
    background-color: var(--osdk-radio-bg);
    &:hover {
      background-color: var(--osdk-radio-bg-hover);
    }
  }
  &[data-checked] {
    background-color: var(--osdk-radio-bg-checked);
    &:hover {
      background-color: var(--osdk-radio-bg-checked-hover);
    }
    &:active {
      background-color: var(--osdk-radio-bg-checked-active);
    }
  }
  &[data-disabled] {
    cursor: not-allowed;
  }
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
  }
}
.osdkRadioIndicator {
  width: var(--osdk-radio-indicator-size);
  height: var(--osdk-radio-indicator-size);
  border-radius: 50%;
  background-color: var(--osdk-radio-indicator-color);
  &[data-unchecked] {
    display: none;
  }
}
.osdkRadioLabel {
  font-family: var(--osdk-typography-family-default);
  font-size: var(--osdk-typography-size-body-medium);
  line-height: var(--osdk-typography-line-height-default);
  color: var(--osdk-typography-color-default-rest);
  cursor: pointer;
  .osdkRadioRoot[data-disabled] + & {
    cursor: not-allowed;
  }
}

/* src/base-components/switch/Switch.module.css */
.osdkSwitchRoot {
  --osdk-switch-track-width: var( --osdk-switch-track-width-override, calc(var(--osdk-surface-spacing) * 9) );
  --osdk-switch-track-height: var( --osdk-switch-track-height-override, calc(var(--osdk-surface-spacing) * 5) );
  --osdk-switch-thumb-size: var( --osdk-switch-thumb-size-override, calc(var(--osdk-surface-spacing) * 4) );
  --osdk-switch-thumb-offset: var( --osdk-switch-thumb-offset-override, calc(var(--osdk-surface-spacing) * 0.5) );
  display: inline-flex;
  align-items: center;
  width: var(--osdk-switch-track-width);
  height: var(--osdk-switch-track-height);
  padding: 0;
  cursor: pointer;
  border-radius: var(--osdk-switch-border-radius, 9999px);
  position: relative;
  border: none;
  transition: background-color var( --osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-switch-transition-ease, var(--osdk-emphasis-ease-default));
  &[data-unchecked] {
    background-color: var( --osdk-switch-track-bg, var(--osdk-intent-default-rest) );
    &:hover {
      background-color: var( --osdk-switch-track-bg-hover, var(--osdk-intent-default-hover) );
    }
    &:active {
      background-color: var( --osdk-switch-track-bg-active, var(--osdk-intent-default-active) );
    }
  }
  &[data-checked] {
    background-color: var( --osdk-switch-track-bg-checked, var(--osdk-intent-primary-rest) );
    &:hover {
      background-color: var( --osdk-switch-track-bg-checked-hover, var(--osdk-intent-primary-hover) );
    }
    &:active {
      background-color: var( --osdk-switch-track-bg-checked-active, var(--osdk-intent-primary-active) );
    }
  }
  &[data-disabled] {
    cursor: not-allowed;
    opacity: var(--osdk-disabled-opacity);
  }
  &:focus-visible {
    outline: var(--osdk-switch-focus-width, var(--osdk-emphasis-focus-width)) solid var(--osdk-switch-focus-color, var(--osdk-emphasis-focus-color));
    outline-offset: var( --osdk-switch-focus-offset, var(--osdk-emphasis-focus-offset) );
  }
}
.osdkSwitchThumb {
  display: block;
  width: var(--osdk-switch-thumb-size);
  height: var(--osdk-switch-thumb-size);
  background-color: var(--osdk-switch-thumb-bg, var(--osdk-palette-white));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: left var( --osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-switch-transition-ease, var(--osdk-emphasis-ease-default));
  &[data-unchecked] {
    left: var(--osdk-switch-thumb-offset);
  }
  &[data-checked] {
    left: calc(var(--osdk-switch-track-width) - var(--osdk-switch-thumb-size) - var(--osdk-switch-thumb-offset));
  }
}

/* src/action-form/fields/BaseInput.module.css */
.osdkBaseInput {
  display: block;
  width: 100%;
  min-height: var(--osdk-input-min-height);
  padding: var(--osdk-input-padding);
  border-radius: var(--osdk-input-border-radius);
  border: none;
  box-shadow: var(--osdk-input-shadow);
  background-color: var(--osdk-input-bg);
  color: var(--osdk-input-color);
  font-family: var(--osdk-input-font-family);
  font-size: var(--osdk-input-font-size);
  line-height: var( --osdk-input-line-height, var(--osdk-typography-line-height-default) );
  box-sizing: border-box;
  transition: background-color var(--osdk-input-transition-duration) var(--osdk-input-transition-ease), box-shadow var(--osdk-input-transition-duration) var(--osdk-input-transition-ease);
  &::placeholder {
    color: var(--osdk-input-placeholder-color);
  }
  &:hover {
    background-color: var(--osdk-input-bg-hover);
  }
  &:focus-visible {
    outline: var(--osdk-input-focus-outline);
    outline-offset: var(--osdk-input-focus-outline-offset);
    box-shadow: var(--osdk-input-focus-shadow);
  }
  &:disabled {
    cursor: not-allowed;
    opacity: var(--osdk-input-disabled-opacity);
  }
  &[aria-invalid] {
    box-shadow: var(--osdk-input-shadow-error);
  }
  &[aria-invalid]:focus-visible {
    box-shadow: var(--osdk-input-focus-shadow-error);
  }
}

/* src/action-form/FormHeader.module.css */
.osdkFormHeader {
  margin: 0;
  padding-block: var(--osdk-form-header-block-padding);
  padding-inline: var(--osdk-form-content-padding-inline);
  border-block-end: var(--osdk-surface-border-width) solid var(--osdk-form-header-border-color);
  font-size: var(--osdk-form-header-font-size);
  font-weight: var(--osdk-form-header-font-weight);
  color: var(--osdk-form-header-color);
}

/* src/action-form/FormSection.module.css */
.osdkFormSectionBox {
  border-width: var(--osdk-form-section-border-width);
  border-style: solid;
  border-color: var(--osdk-form-section-border-color);
  border-radius: var(--osdk-form-section-border-radius);
  background-color: var(--osdk-form-section-background);
}
.osdkFormSectionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--osdk-form-section-header-padding-block);
  padding-inline: var(--osdk-form-section-header-padding-inline);
  gap: var(--osdk-form-section-header-gap);
}
.osdkFormSectionTitleArea {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-form-section-title-gap);
  flex: 1;
  min-width: 0;
}
.osdkFormSectionTitle {
  font-size: var(--osdk-form-section-title-font-size);
  font-weight: var(--osdk-form-section-title-font-weight);
  color: var(--osdk-form-section-title-color);
}
.osdkFormSectionDescription {
  font-size: var(--osdk-form-section-description-font-size);
  color: var(--osdk-form-section-description-color);
}
.osdkFormSectionTrigger {
  display: flex;
  align-items: center;
  gap: var(--osdk-form-section-trigger-gap);
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  padding: 0;
  color: var(--osdk-form-section-trigger-color);
  &:focus-visible {
    outline: var(--osdk-focus-outline);
    outline-offset: var(--osdk-focus-visible-outline-offset);
  }
}
.osdkFormSectionChevron {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--osdk-form-section-transition-duration) ease;
}
.osdkFormSectionTrigger[data-panel-open] .osdkFormSectionChevron {
  transform: rotate(180deg);
}
.osdkFormSectionErrorBadge {
  font-size: var(--osdk-form-section-error-font-size);
  color: var(--osdk-form-section-error-color);
  white-space: nowrap;
}
.osdkFormSectionContent {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-form-section-field-gap);
  padding-block: var(--osdk-form-section-content-padding-block);
  padding-inline: var(--osdk-form-section-content-padding-inline);
}
.osdkFormSectionDivider {
  border-block-start-width: var(--osdk-form-section-border-width);
  border-block-start-style: solid;
  border-block-start-color: var(--osdk-form-section-border-color);
}
.osdkFormSectionGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: var(--osdk-form-section-field-gap);
  column-gap: var(--osdk-form-section-grid-column-gap);
  padding-block: var(--osdk-form-section-content-padding-block);
  padding-inline: var(--osdk-form-section-content-padding-inline);
}
.osdkFormSectionGrid > :nth-child(odd):last-child {
  grid-column: 1 / -1;
}
.osdkFormSectionMinimalHeader {
  padding-block: var(--osdk-form-section-header-padding-block);
}
.osdkFormSectionMinimalTitle {
  font-size: var(--osdk-form-section-minimal-title-font-size);
  font-weight: var(--osdk-form-section-title-font-weight);
  color: var(--osdk-form-section-title-color);
}
.osdkFormSectionMinimalDescription {
  font-size: var(--osdk-form-section-description-font-size);
  color: var(--osdk-form-section-description-color);
  margin-block-start: var(--osdk-form-section-title-gap);
}
.osdkFormSectionMinimalContent {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-form-section-field-gap);
}

/* src/action-form/BaseForm.module.css */
.osdkForm {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}
.osdkFormFields {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-form-fields-gap);
  padding-block: var(--osdk-form-content-padding-block);
  padding-inline: var(--osdk-form-content-padding-inline);
  flex-grow: 1;
  min-height: 0;
  overflow-y: auto;
}
.osdkFormFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: var(--osdk-form-content-padding-inline);
  padding-inline: var(--osdk-form-content-padding-inline);
  border-block-start: var(--osdk-surface-border-width) solid var(--osdk-form-footer-border-color);
  flex-shrink: 0;
}
.osdkFormSubmitButton {
  margin-inline-start: auto;
}
.osdkFormErrorIndicator {
  display: flex;
  align-items: center;
  gap: calc(var(--osdk-surface-spacing) * 2);
  color: var(--osdk-form-footer-error-color);
  font-size: var(--osdk-form-footer-error-font-size);
  cursor: help;
}
.osdkTooltipTriggerWrapper {
  display: inline-flex;
}
.osdkFormSkeletonField {
  display: flex;
  flex-direction: column;
  gap: var(--osdk-form-field-gap);
}
.osdkFormSkeletonLabel {
  width: 30%;
  height: var(--osdk-form-label-font-size);
}
.osdkFormSkeletonInput {
  width: 100%;
  height: var(--osdk-input-min-height);
}
.osdkFormErrorList {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*# sourceMappingURL=action-form.css.map */