.datepickers-container {
	display: block !important;
}

.datepicker--nav {
	border-bottom: 1px solid var(--border-color);
	height: auto;
	position: static;
}

.datepicker {
	box-shadow: var(--shadow-far);
	border: 1px solid var(--border-color);
	border-radius: 20px;
	background: var(--color-lightest);
	font-size: .9rem;
	line-height: .9rem;
	color: var(--text-color);
	padding: 20px;
	z-index: 999;
	transition: all ease-in-out .2s;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-10px);
	display: block !important;
}

	.datepicker.active {
		opacity: 1;
		transition: all ease-in-out .2s;
		visibility: visible;
		transform: translateX(-10px);
		display: block !important;
	}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
	color: var(--color-lightest);
	background: var(--link-color);
	border-radius: 0;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
	background: var(--link-color);
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.1);
	color: var(--color-light);
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.2);
}

.datepicker--cell {
	border-radius: 0;
}

	.datepicker--cell.-current- {
		color: var(--link-color);
	}

		.datepicker--cell.-current-.-focus- {
			color: var(--text-color);
		}

		.datepicker--cell.-current-.-in-range- {
			color: var(--link-color);
		}

	.datepicker--cell.-in-range- {
		background: rgba(0, 0, 0, 0.1);
		color: var(--text-color);
		border-radius: 0;
	}

		.datepicker--cell.-in-range-.-focus- {
			background-color: rgba(0, 0, 0, 0.2);
		}

	.datepicker--cell.-range-from- {
		border: 1px solid rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.1);
		border-radius: 0;
	}

	.datepicker--cell.-range-to- {
		border: 1px solid rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.1);
		border-radius: 0;
	}

	.datepicker--cell.-range-from-.-range-to- {
		border-radius: 0;
	}

	.datepicker--cell.-selected- {
		color: var(--link-color-reverse);
		border: none;
		background: var(--link-color);
	}

		.datepicker--cell.-selected-.-current- {
			color: var(--link-color-reverse);
			background: var(--link-color);
		}

		.datepicker--cell.-selected-.-focus- {
			background: var(--link-color);
		}

.datepicker--day-name {
	color: var(--sub-text-color);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
	color: var(--color-light);
}

	.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
		color: var(--sub-text-color);
	}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
	color: var(--color-light);
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
	color: var(--link-color-reverse);
	background: var(--link-color);
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
	background: var(--link-color);
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.1);
	color: var(--sub-text-color);
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.2);
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
	color: var(--link-color-reverse);
	background: var(--link-color);
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
	background: var(--link-color);
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.1);
	color: var(--sub-text-color);
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.2);
}

.datepicker--button {
	color: var(--link-color);
}

	.datepicker--button:hover {
		color: var(--text-color);
		background: var(--color-lightest);
	}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
	color: var(--color-light);
}

	.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
		color: var(--sub-text-color);
	}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
	color: var(--color-light);
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
	color: var(--link-color-reverse);
	background: var(--link-color);
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
	background: var(--link-color);
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.1);
	color: var(--sub-text-color);
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
	background-color: rgba(0, 0, 0, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
	background: none;
	border: none;
}