.whm-timeline {
	margin: 20px 0;
}
.whm-timeline .whm-map {
	height: 500px;
}
@media (max-width: 767px) {
	.whm-timeline .whm-map {
		height: 360px;
	}
}

.whm-timeline__controls {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 12px;
	padding: 10px 14px;
	background: #f7f7f7;
	border-radius: 8px;
}
.whm-timeline__play {
	flex: 0 0 auto;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: bold;
	background: #e63946;
	color: #fff;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	white-space: nowrap;
}
.whm-timeline__play:hover {
	background: #d62839;
}
.whm-timeline__slider {
	flex: 1 1 auto;
	accent-color: #e63946;
}
.whm-timeline__year {
	flex: 0 0 auto;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	min-width: 4.5em;
	text-align: right;
}

@media (max-width: 480px) {
	.whm-timeline__controls {
		flex-wrap: wrap;
	}
	.whm-timeline__slider {
		order: 3;
		flex: 1 1 100%;
	}
}