.flatpickr-calendar {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
}

.flatpickr-calendar.arrowTop {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transform: translateY(-4px);
}

.flatpickr-calendar.arrowBottom {
  border-bottom: 1px solid var(--border-gray);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: translateY(4px);
}

.flatpickr-calendar.animate.open {
  -webkit-animation: none !important;
  animation: none !important;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  display: none !important;
}

.flatpickr-months {
  background-color: var(--faint-gray);
  border-top: 1px solid var(--border-gray);
}

.flatpickr-current-month {
  font-size: 100%;
}

.flatpickr-current-month input.cur-year {
  font-weight: normal;
}

.flatpickr-current-month span.cur-month,
.flatpickr-current-month .numInputWrapper {
  background: none !important;
  color: var(--dark-gray) !important;
  width: auto;
}

.flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-current-month .numInputWrapper .arrowDown {
  display: none;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--dark-blue);
}

.flatpickr-weekdays {
  background-color: var(--faint-gray);
  border-bottom: 1px solid var(--border-gray);
}

span.flatpickr-weekday {
  color: var(--dark-gray);
}

.flatpickr-calendar,
.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days {
  width: 100%;
}

.dayContainer {
  width: 100%;
  max-width: 100%;
}

.flatpickr-day {
  border-radius: 4px;
  color: var(--dark-gray);
  width: calc(100% / 7);
  max-width: 100%;
  height: auto;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: var(--faint-gray);
  border-color: var(--faint-gray);
}

.flatpickr-day.today,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--border-gray);
  background: none;
  color: var(--dark-gray);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  background: var(--light-blue);
  border-color: var(--light-blue);
  color: var(--white);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--light-blue);
  border-color: var(--light-blue);
  color: var(--white);
}