form.search > .when > div:last-child {
	> .calendar-scroll {
		overflow-y: auto;
		height: 100%;
		max-height: none;
		scrollbar-width: none;
		-ms-overflow-style: none;

		&::-webkit-scrollbar {
			display: none;
		}
	}

	> .calendar-scroll > .weekdays {
		display: grid;
		grid-template-columns: repeat(8, minmax(0, 1fr));
		gap: 5px;
		color: var(--blue-strong);
		font-size: 12px;
		font-weight: 700;
		line-height: 20px;
		padding: 10px 10px 2px;
		background-color: var(--white);
		position: sticky;
		top: 0;
		z-index: 1;
		text-align: center;
	}

	.year-group {
		position: relative;
	}

	.current-year {
		color: #222;
		font-size: 16px;
		font-weight: 500;
		height: 0;
		line-height: 30px;
		padding: 0 22px;
		pointer-events: none;
		position: sticky;
		text-align: right;
		top: 32px;
		z-index: 1;
	}

	.month {
		font-size: 16px;
		font-weight: 500;
		color: #222;
		padding: 0 10px 6px 10px;
		background-color: var(--white);
		position: sticky;
		top: 32px;
		z-index: 0;

		.month-title {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 12px;
			line-height: 30px;
			padding: 0 12px;
		}
	}

	.calendar {
		padding: 0 10px 12px;

		.week {
			display: grid;
			grid-template-columns: repeat(8, minmax(0, 1fr));
			gap: 5px;
			border: 1px solid transparent;
			border-radius: 5px;
			cursor: pointer;
			padding: 0;
			margin-bottom: 6px;
		}

		.week:hover,
		.week.selected {
			background-color: var(--input-bg);
			border-color: #d6e8ff;
		}

		.week.inactive {
			cursor: default;
			opacity: 0.4;
			pointer-events: none;
		}

		.week.inactive:hover {
			background-color: transparent;
			border-color: transparent;
		}

		.week > div {
			box-sizing: border-box;
			padding: 9px 4px;
			color: #222;
			font-size: 13px;
			text-align: center;
		}

		.week > .muted {
			color: #a5adb7;
		}
	}
}