.ui-datepicker {
	position: relative;
	width: max(285px, 285rem);
	padding: max(14px, 14rem) max(10px, 10rem) max(16px, 16rem);
	display: none;
	z-index: 1000 !important;
	background: var(white);
}
.ui-datepicker .ui-datepicker-header {
	padding: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: max(16px, 16rem);
	width: max(27px, 27rem);
	height: max(27px, 27rem);
	background: url(../images/arrow.svg) 50% 50% no-repeat;
	background-size: contain;
	cursor: pointer;
	transition: opacity 0.5s ease-in-out;
}
.ui-datepicker .ui-datepicker-prev {
	transform: scale(-1, 1);
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	opacity: 0.5;
}
.ui-datepicker .ui-datepicker-prev {
	left: max(15px, 15rem);
}
.ui-datepicker .ui-datepicker-next {
	right: max(15px, 15rem);
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	padding: max(7px, 7rem) 0;
	font-size: 15px;
	line-height: 120%;
	letter-spacing: -0.03em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: max(15px, 15rem);
	line-height: 120%;
	letter-spacing: -0.03em;
	border-collapse: collapse;
	table-layout: fixed;
}
.ui-datepicker th {
	padding: 0 2px 12px;
	font-weight: 400;
	text-align: center;
	border: 0;
}
.ui-datepicker th span {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	padding: 0;
	color: var(--black-200);
	text-align: center;
	text-decoration: none;
	background: var(--white-smoke);
	border: 2px solid var(--white-smoke);
}
.ui-datepicker td {
	border: 0;
	padding: 4px 2px;
	text-align: center;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	padding: 0;
	color: var(--black);
	text-align: center;
	text-decoration: none;
	background: var(--white-smoke);
	border: 2px solid var(--white-smoke);
}
.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
	border-color: var(--drak-blue);
}
.ui-datepicker td .ui-state-active {
	color: var(--white);
	background: var(--drak-blue);
	border-color: var(--drak-blue);
}