.rarui-datepicker__1172dxe0 {
  border: none;
  font-family: var(--rarui-fontFamily-body);
  color: var(--rarui-colors-content-primary);
  background-color: var(--rarui-colors-surface-primary);
  box-shadow: var(--rarui-elevation-bottom-1);
  border-radius: var(--rarui-shape-border-radius-xs);
  overflow: hidden;
}
.rarui-datepicker__1172dxe1 {
  width: 100%;
}
.rarui-datepicker_weekday__1172dxe2 {
  text-transform: capitalize;
  flex: 1;
  color: var(--rarui-colors-content-secondary);
  font-size: var(--rarui-fontSize-body-xs);
  font-weight: var(--rarui-fontWeight-regular);
}
.rarui-datepicker_day__1172dxe3 {
  width: 2.5rem;
}
.rarui-datepicker_time__1172dxe4 {
  height: auto !important;
  padding: 0 !important;
  margin: 0px var(--rarui-spacing-4xs);
  margin-bottom: var(--rarui-spacing-4xs);
}
.rarui-datepicker_time__1172dxe4:hover {
  background-color: var(--rarui-colors-surface-brand-hover) !important;
}
.rarui-datepicker__1172dxe0 .react-datepicker__header {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.rarui-datepicker__1172dxe0 .react-datepicker-time__header {
  background-color: var(--rarui-colors-surface-secondary);
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--rarui-colors-content-primary);
}
.rarui-datepicker__1172dxe0 .react-datepicker__time-container {
  border-left-color: var(--rarui-colors-border-subdued);
}
.rarui-datepicker__1172dxe0 .react-datepicker__time-box, .rarui-datepicker__1172dxe0 .react-datepicker__time {
  border-bottom-right-radius: 0 !important;
  background: transparent;
}
.rarui-datepicker__1172dxe0 .react-datepicker__time-list {
  background-color: var(--rarui-colors-surface-primary);
  color: var(--rarui-colors-content-primary);
}
.rarui-datepicker__1172dxe0 .react-datepicker__time-list::-webkit-scrollbar {
  width: .375rem;
  background: transparent;
}
.rarui-datepicker__1172dxe0 .react-datepicker__time-list::-webkit-scrollbar-thumb {
  border-radius: var(--rarui-shape-border-radius-2xs);
  background-color: var(--rarui-colors-content-disabled);
}
.rarui-datepicker__1172dxe0 .react-datepicker__day-names {
  display: flex;
  box-sizing: border-box;
  padding: var(--rarui-spacing-xs);
  padding-top: var(--rarui-spacing-3xs);
  padding-bottom: 0;
}
.rarui-datepicker__1172dxe0 .react-datepicker__year {
  max-width: 242px;
}
.rarui-datepicker__1172dxe0 .react-datepicker__year-wrapper {
  max-width: 100%;
  display: block;
}

   .rarui-datepicker__1172dxe0 .react-datepicker__month,
   .rarui-datepicker__1172dxe0 .react-datepicker__children-container
  {
  width: 100%;
  margin: 0;
  padding: 0;
}
.rarui-datepicker__1172dxe0 .react-datepicker__month {
  box-sizing: border-box;
  padding: var(--rarui-spacing-xs);
  padding-top: var(--rarui-spacing-3xs);
}
.rarui-datepicker__1172dxe0 .react-datepicker__month {
  box-sizing: border-box;
  padding: var(--rarui-spacing-xs);
  padding-top: var(--rarui-spacing-3xs);
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text,
   .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe4
  {
  border-style: solid;
  border-color: transparent;
  line-height: 2.5rem;
  text-transform: capitalize;
  border-radius: var(--rarui-shape-border-radius-2xs);
  border-width: var(--rarui-shape-border-width-1);
  color: var(--rarui-colors-content-primary);
  font-size: var(--rarui-fontSize-button-s);
  font-weight: var(--rarui-fontWeight-medium);
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day:hover,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text:hover,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text:hover,
   .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe4:hover
  {
  border-radius: var(--rarui-shape-border-radius-2xs);
  border-color: var(--rarui-colors-border-brand);
  background-color: var(--rarui-colors-surface-brand-hover);
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day:focus-within,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text:focus-within,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text:focus-within,
   .rarui-datepicker__1172dxe0 .react-datepicker__time-list-item:focus-within
  {
  outline: none;
  box-shadow: var(--rarui-elevation-focus-ring);
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day--today,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text--today,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text--today,
   .rarui-datepicker__1172dxe0 .react-datepicker__time-list--today
  {
  background-color: var(--rarui-colors-surface-primary);
  border-color: var(--rarui-colors-surface-brand);
  color: var(--rarui-colors-content-brand);
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day--keyboard-selected,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text--keyboard-selected,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text--keyboard-selected

  {
  background-color: transparent;
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day--selected,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text--selected,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text--selected,
   .rarui-datepicker__1172dxe0 .react-datepicker__time-list-item--selected,
   .rarui-datepicker__1172dxe0 .react-datepicker__day--range-end
  {
  background-color: var(--rarui-colors-surface-brand) !important;
  color: var(--rarui-colors-content-on-brand);
  font-weight: var(--rarui-fontWeight-medium);
  border-color: var(--rarui-colors-surface-brand);
}

   .rarui-datepicker__1172dxe0 .react-datepicker__day--in-range,
   .rarui-datepicker__1172dxe0 .react-datepicker__day--in-selecting-range,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text--in-range,
   .rarui-datepicker__1172dxe0 .react-datepicker__month-text--in-selecting-range,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text--in-range,
   .rarui-datepicker__1172dxe0 .react-datepicker__year-text--in-selecting-range
  {
  background-color: var(--rarui-colors-surface-brand-hover);
  border-radius: var(--rarui-shape-border-radius-2xs);
}
.rarui-datepicker__1172dxe0 .react-datepicker__day--disabled {
  color: var(--rarui-colors-content-disabled);
  opacity: 1;
  font-weight: var(--rarui-fontWeight-regular);
}
.rarui-datepicker__1172dxe0 .react-datepicker__day--disabled:hover {
  border-color: transparent;
  background-color: transparent;
}
.rarui-datepicker__1172dxe0 .react-datepicker__day--outside-month {
  color: var(--rarui-colors-content-disabled);
  opacity: 0.6;
  font-weight: var(--rarui-fontWeight-regular);
}
.rarui-datepicker__1172dxe0 .react-datepicker__day--outside-month:hover {
  border-color: transparent;
  background-color: transparent;
}