:root {
	--datepicker-date-select-font-size: var(--msa-caption-secondary-font-size);
	--datepicker-date-select-letter-spacing: var(--letter-spacing-caption-secondary);
	--datepicker-date-select-font-family: var(--font-primary);
	--datepicker-date-select-font-color: var(--secondary-color);

	--datepicker-weekday-font-family: var(--font-primary);
	--datepicker-weekday-font-size: var(--font-size-md);
	--datepicker-weekday-font-weight: 300;
	--datepicker-weekday-font-color: var(--secondary-color);

	--datepicker-day-font-family: var(--font-primary);
	--datepicker-day-font-size: var(--msa-paragraph-font-size);
	--datepicker-day-font-weight: var(--medium-font-weight);
	--datepicker-day-font-color: var(--secondary-color);

	--datepicker-day-disabled-font-color: var(--gray);

	--datepicker-day-today-font-color: var(--primary-color);
	--datepicker-day-today-accent-color: var(--secondary-color);

	--datepicker-day-upcoming-accent-color: var(--yellow);

	--datepicker-day-range-font-color: var(--primary-color);
	--datepicker-day-range-accent-color: var(--secondary-color);
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
	font-family: var(--datepicker-date-select-font-family);
	font-size: var(--datepicker-date-select-font-size);
	letter-spacing: var(--datepicker-date-select-letter-spacing);
	color: var(--datepicker-date-select-font-color);
}

span.flatpickr-weekday{
	font-family: var(--datepicker-weekday-font-family);
	font-size: var(--datepicker-weekday-font-size);
	font-weight: var(--datepicker-weekday-font-weight);
	color: var(--datepicker-weekday-font-color);
}

.flatpickr-day{
	font-family: var(--datepicker-day-font-family);
	font-size: var(--datepicker-day-font-size);
	font-weight: var(--datepicker-day-font-weight);
	color: var(--datepicker-day-font-color);
}

.flatpickr-day.flatpickr-disabled{
	color: var(--datepicker-day-disabled-font-color);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	border-color: var(--datepicker-day-today-accent-color);
	background: var(--datepicker-day-today-accent-color);
	color: var(--datepicker-day-today-font-color);
}

.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(--datepicker-day-upcoming-accent-color);
	border-color: var(--datepicker-day-upcoming-accent-color);
}

.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(--datepicker-day-range-accent-color);
	border-color: var(--datepicker-day-range-accent-color);
	color: var(--datepicker-day-range-font-color);
}

.flatpickr-months{
	padding: 10px 5px;
	align-items: center;
	gap: 24px;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	position: initial;
	height: 24px;
	padding: 0px;
}

.flatpickr-months .flatpickr-prev-month{
	order: 2;
}

.flatpickr-months .flatpickr-next-month{
	order: 3;
}

.flatpickr-months .flatpickr-month {
	height: unset;
	order: 1;
}

.flatpickr-current-month {
	position: initial;
	width: 100%;
	height: unset;
	padding: 0px;
	text-align: left;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	padding: 0px;
}