body[data-color-scheme="light"] {
	/* --highlight-row: #eee; */
	--input-border: #d0d0d0;
	--input-backgroud: #fff;
	--input-font: #333;
}
body[data-color-scheme="dark"] {
	/* --highlight-row: #333; */
	--input-border: #666;
	--input-backgroud: #333;
	--input-font: #fff;
}

#ldate {
	margin-left: 7px;
	font-size: var(--content-font-size);
	max-height: fit-content;
	min-width: fit-content;
}

input[type="date"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	border: 1px solid var(--input-border);
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 16px;
	color: var(--input-font);
	background-color: var(--input-backgroud);
	background-image: none;

	/* font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
}

input[type="date"]::-webkit-calendar-picker-indicator {
	/* display: none;
	-webkit-appearance: none; */
	margin-left: 0.5em;
}

.callout {
	padding: 1.5em 2em;
	display: flex;
	align-items: center;
	gap: 1.5em;
}

@media only screen and (max-width: 1068px) {
	.callout {
		display: flex;
		flex-direction: column;
		gap: 0.75em;
	}
}

.table-header.sticky {
	top: 52px !important;
}

@media only screen and (max-width: 1068px) {
	.table-header.sticky {
		top: 0px !important;
	}
}