.datepicker-picker {
  background-color: var(--background-0);
}
.datepicker-title {
  background-color: var(--text-c-900);
}
.datepicker-controls .button {
  background-color: var(--background-0);
  color: var(--text-c-900);
}
.datepicker-main {
  color: var(--text-c-900);
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: var(--text-c-400);
}
.datepicker-cell.disabled {
  color: var(--text-c-300);
}
.datepicker-cell.focused:not(.selected), .datepicker-cell:not(.disabled):hover {
  background-color: var(--primary-50);
  color: var(--text-c-500);
}
.datepicker-header .datepicker-controls .button:hover {
  background-color: var(--background-200);
  color: var(--text-c-900);
}
.datepicker-picker {
  border: 1px solid var(--border-c-300);
}
#datepicker-parent-container > div > div > div.datepicker-header > div.datepicker-controls > button.button.prev-button.prev-btn {
  rotate: 180deg;
}

#datepicker-parent-container {
  font-size: 0.875rem;
  font-family: 'Inter-Normal', sans-serif;
  line-height: 1.313rem;
  font-weight: 400;
}
#datepicker-parent-container > div.datepicker-dropdown.datepicker {
  z-index: 10;
}
#datepicker-parent-container .datepicker-controls {
  align-items: center;
}
#datepicker-parent-container .datepicker-controls, #datepicker-parent-container .datepicker .dow {
  font-size: 0.875rem;
  font-family: 'Inter-Semibold', sans-serif;
  line-height: 1.313rem;
  font-weight: 600;
}
#datepicker-parent-container .datepicker.datepicker-dropdown {
  padding-bottom: 2rem;
}
#datepicker-parent-container .datepicker .datepicker-controls .prev-button, #datepicker-parent-container .datepicker .datepicker-controls .next-button {
  font-size: 1.25rem;
}
#datepicker-parent-container .datepicker .datepicker-cell.selected, #datepicker-parent-container .datepicker-cell.selected:hover {
  background-color: var(--primary-700);
  color: var(--text-c-0);
  font-weight: 600;
}
#datepicker-parent-container > div > div.datepicker-picker {
  padding: 0.625rem;
}