/* 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);
}
/*# sourceMappingURL=DateCalendar-VBUY2A7A.css.map */