@layer clickui {/* Design tokens use camelCase segments (e.g. datePicker, dateOption). */
/* stylelint-disable custom-property-pattern */

.bottom-padding-tabs__tpwPI {
  padding-bottom: var(--sizes-3);
}

/* left value of 259px is the width of the PredefinedTimesContainer + 1 pixel for border */
.calendar-renderer-container__dPoSA {
  position: absolute;
  top: 0;
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-background-range);
  border-radius: var(--click-datePicker-dateOption-radii-default);
  background: var(--click-datePicker-dateOption-color-background-default);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the original styled-components used lch() shadows; preserved for byte-for-byte parity. */
  box-shadow:
    lch(6.77% 0 0deg / 15%) 4px 4px 6px -1px,
    lch(6.77% 0 0deg / 15%) 2px 2px 4px -1px;
}

.calendar-renderer-container_left__ZLg7b {
  right: 100%;
}

.calendar-renderer-container_right__XAfEt {
  left: 259px;
}

/* DateRangeTableCell = styled(DateTableCell). Doubled to beat DateTableCell's
   base border/border-radius and `.date-table-cell_present` background (0,1,0). */
.date-range-table-cell_indicator__MkHh-.date-range-table-cell_indicator__MkHh- {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-background-range);
  border-radius: 0;
  background: var(--click-datePicker-dateOption-color-background-range);
}

/* NoOverflowDropdownContent = styled(Dropdown.Content). Doubled to beat the
   `.dropdown-menu-content` base `overflow-y: auto` (0,1,0). */
.no-overflow-dropdown-content__8pHim.no-overflow-dropdown-content__8pHim {
  overflow-y: hidden;
}

/* PredefinedCalendarContainer = styled(Panel). Doubled to beat the Panel
   `.panel_align-items_center` / `.panel_color_default` default modifiers (0,1,0). */
.predefined-calendar-container__lJ-3j.predefined-calendar-container__lJ-3j {
  align-items: start;
  background: var(--click-panel-color-background-muted);
}

.predefined-times-container__GdP6y {
  width: 258px;
}

.scrollable-container__C66RL {
  max-height: 210px;
  overflow-y: auto;
}

/* Height of 221px is the height the calendar needs to match the PredefinedTimesContainer */
.styled-calendar-renderer__JumDL {
  min-height: 221px;
  border-radius: var(--click-datePicker-dateOption-radii-default);
}

.styled-trigger-list__mxVmt {
  justify-content: space-around;
}

.time-input-container__VTIT5 {
  background: var(--click-datePicker-dateOption-color-background-default);
}
}