.jackpot-chart {
	margin: 26px 0 36px;
	padding: 18px 14px 14px;
	min-width: 0;
	color: #f5f6f8;
	background: #30323d;
	border: 1px solid #50535f;
	border-radius: 10px;
	font-family: Arial, sans-serif;
	line-height: 1.4;
}
.jackpot-chart [hidden] { display: none !important; }
.jackpot-chart__heading {
	margin: 0 0 14px;
	color: #fff;
	font-family: 'Roboto Slab', Georgia, serif;
	font-size: 17px;
	font-weight: 700;
}
.jackpot-chart__date { display: block; color: #bdc2cd; font-size: 12px; }
.jackpot-chart__value {
	display: block;
	margin-top: 3px;
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	letter-spacing: -0.6px;
	font-variant-numeric: tabular-nums;
	overflow-wrap: break-word;
}
.jackpot-chart__controls { display: flex; margin: 14px 0 6px; padding: 3px; background: #252730; border-radius: 7px; }
.jackpot-chart .jackpot-chart__controls button {
	flex: 1;
	min-width: 44px;
	min-height: 36px;
	margin: 0;
	padding: 7px 10px;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: #c4c8d1;
	box-shadow: none;
	font: 600 12px/1.4 Arial, sans-serif;
	cursor: pointer;
	text-transform: none;
}
.jackpot-chart .jackpot-chart__controls button:hover { color: #fff; background: #424550; }
.jackpot-chart .jackpot-chart__controls button[aria-pressed="true"] { background: #66cc33; color: #17220f; }
.jackpot-chart .jackpot-chart__controls button:focus,
.jackpot-chart__interaction:focus { outline: 2px solid #9bef76 !important; outline-offset: 3px; }
.jackpot-chart__graph { margin-top: 20px; }
.jackpot-chart__plot { position: relative; height: 160px; margin-left: 38px; }
.jackpot-chart__svg { display: block; width: 100%; height: 160px; overflow: visible; }
.jackpot-chart__grid { fill: none; stroke: #555864; stroke-width: 1; stroke-dasharray: 3 5; }
.jackpot-chart__line { fill: none; stroke: #79db45; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.jackpot-chart__axis { position: absolute; left: -40px; top: 0; width: 33px; height: 160px; color: #c3c7d0; font-size: 10px; text-align: right; }
.jackpot-chart__axis span { position: absolute; right: 0; transform: translateY(-50%); white-space: nowrap; }
.jackpot-chart__dates { display: flex; justify-content: space-between; margin: 8px 0 0 38px; color: #c3c7d0; font-size: 10px; }
.jackpot-chart__dates span { white-space: nowrap; }
.jackpot-chart__dates--single { justify-content: center; }
.jackpot-chart__dates--single span:empty { display: none; }
.jackpot-chart__crosshair { position: absolute; top: 10px; bottom: 10px; width: 1px; background: #b7bdc9; pointer-events: none; }
.jackpot-chart__dot { position: absolute; width: 9px; height: 9px; border: 2px solid #30323d; border-radius: 50%; background: #92ef61; transform: translate(-50%, -50%); pointer-events: none; }
.jackpot-chart__interaction { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; cursor: crosshair; touch-action: pan-y; }
.jackpot-chart .jackpot-chart__hint { margin: 14px 0 0; color: #bdc2cd; font-size: 11px; text-align: center; }
.jackpot-chart__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (min-width: 768px) and (max-width: 991px) {
	.jackpot-chart { padding-left: 10px; padding-right: 10px; }
	.jackpot-chart__value { font-size: 18px; }
}
@media (max-width: 767px) {
	.jackpot-chart { padding: 18px 16px 16px; }
	.jackpot-chart .jackpot-chart__controls button { min-height: 44px; }
	.jackpot-chart__value { font-size: 25px; }
}
@media (prefers-contrast: more) {
	.jackpot-chart__grid { stroke: #969ca9; }
	.jackpot-chart__line { stroke-width: 3; }
}