main.svelte-1754x97.svelte-1754x97 {
	--hotter-color: #d00;
	--normal-color: #777;
	--colder-color: #09d;
	--context-color: #bbb;
	--white: #fff;
	--def-color: #c30;
	--tick-line: #d0d2d5;
	--tick: #6c757d;
	--bg: #eeeeee;
}
.is-dark main.svelte-1754x97.svelte-1754x97 {
	--hotter-color: #e44d4d;
	--normal-color: #ccc;
	--colder-color: #09d;
	--white: #0f0e13;
	--context-color: #777;
	--def-color: #c30;
	--tick-line: #403f4a;
	--tick: #6c757d;
	--bg: #1c1b22;
}
@media (max-width: 400px) {
	main.svelte-1754x97.svelte-1754x97 {
		padding: 1ex;
	}
}
main.story.svelte-1754x97.svelte-1754x97 {
	max-width: 45rem;
	font-size: 18px;
	margin: 0 auto;
}
p.text-small.svelte-1754x97.svelte-1754x97 {
	font-size: 15px;
	line-height: 22px;
}
.text-muted.svelte-1754x97.svelte-1754x97 {
	color: var(--tick);
}
@media (min-device-width: 600px) {
	.only-mobile.svelte-1754x97.svelte-1754x97 {
		display: none;
	}
}
@media (max-device-width: 600px) {
	.story.svelte-1754x97 p.svelte-1754x97 {
		font-size: 17px;
		line-height: 1.6;
	}
}
main[lang='de'].svelte-1754x97 *[lang='en'].svelte-1754x97 {
	display: none;
}
main[lang='en'].svelte-1754x97 *[lang='de'].svelte-1754x97 {
	display: none;
}
svg.svelte-1s9vwky.svelte-1s9vwky {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.tick.svelte-1s9vwky line.svelte-1s9vwky {
	stroke: var(--tick-line);
	shape-rendering: crispEdges;
}
.tick.svelte-1s9vwky text.svelte-1s9vwky {
	fill: var(--tick);
	font-weight: 500;
	font-size: 14px;
	text-anchor: start;
}
.x-axis.svelte-1s9vwky .tick text.svelte-1s9vwky {
	dominant-baseline: alphabetic;
	text-anchor: middle;
}
.y-axis.svelte-1s9vwky text.svelte-1s9vwky {
	dominant-baseline: central;
	text-anchor: start;
	fill: var(--tick);
	font-weight: 500;
	font-size: 14px;
}
.y-axis.svelte-1s9vwky line.svelte-1s9vwky {
	stroke-width: 1;
	shape-rendering: crispEdges;
	stroke: var(--tick-line);
}
.y-axis.svelte-1s9vwky line.zero.svelte-1s9vwky {
	stroke: var(--tick);
}
text.buffer.svelte-1s9vwky.svelte-1s9vwky {
	fill: #eee;
	stroke: #eee;
	stroke-width: 2;
	stroke-linejoin: round;
}
@media (max-width: 400px) {
	.tick.svelte-1s9vwky text.svelte-1s9vwky {
		font-size: 13px;
	}
}
.chart.svelte-1s9vwky.svelte-1s9vwky {
	max-width: 650px;
	margin-bottom: 20px;
}
.month.svelte-1s9vwky line.svelte-1s9vwky {
	stroke: #bbb;
	stroke-width: 3;
	shape-rendering: crispEdges;
}
@media (max-width: 500px) {
	.month.svelte-1s9vwky line.svelte-1s9vwky {
		stroke-width: 3;
	}
	.x-axis.svelte-1s9vwky .tick:nth-child(2n) text.svelte-1s9vwky {
		display: none;
	}
}
line.hotter.svelte-1s9vwky.svelte-1s9vwky {
	stroke: var(--hotter-color);
}
line.colder.svelte-1s9vwky.svelte-1s9vwky {
	stroke: var(--colder-color);
}
svg.svelte-f7s79u.svelte-f7s79u {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.tick.svelte-f7s79u line.svelte-f7s79u {
	stroke: var(--tick-line);
	shape-rendering: crispEdges;
}
.tick.svelte-f7s79u text.svelte-f7s79u {
	fill: var(--tick);
	font-weight: 500;
	font-size: 14px;
	text-anchor: start;
}
.x-axis.svelte-f7s79u .tick text.svelte-f7s79u {
	text-anchor: middle;
	dominant-baseline: alphabetic;
}
line.zero.svelte-f7s79u.svelte-f7s79u {
	stroke-width: 2;
	stroke: currentColor;
	stroke-dasharray: 3, 3;
	opacity: 0.5;
}
@media (max-width: 400px) {
	.tick.svelte-f7s79u text.svelte-f7s79u {
		font-size: 13px;
	}
}
.chart.svelte-f7s79u.svelte-f7s79u {
	max-width: 600px;
	margin-bottom: 20px;
}
.day.svelte-f7s79u line.svelte-f7s79u {
	pointer-events: none;
	stroke: #888;
	stroke-width: 2;
	shape-rendering: crispEdges;
}
.day.reference.svelte-f7s79u line.svelte-f7s79u {
	stroke: currentColor;
}
.context.svelte-f7s79u.svelte-f7s79u {
	cursor: grab;
}
.context.svelte-f7s79u rect.svelte-f7s79u {
	fill: var(--white);
	opacity: 0.5;
}
.context.svelte-f7s79u text.svelte-f7s79u {
	fill: var(--tick);
	pointer-events: none;
	text-anchor: middle;
	font-size: 14px;
	dominant-baseline: central;
}
.day.svelte-f7s79u:last-child line.svelte-f7s79u {
	stroke-width: 4;
}
.day.svelte-f7s79u line.hotter.svelte-f7s79u {
	stroke: var(--hotter-color);
}
.day.svelte-f7s79u line.colder.svelte-f7s79u {
	stroke: var(--colder-color);
}
.normal-high.svelte-f7s79u text.svelte-f7s79u,
.normal-low.svelte-f7s79u text.svelte-f7s79u {
	font-weight: 400;
	font-size: 13px;
	fill: #6c757d;
}
.normal-high.svelte-f7s79u text.svelte-f7s79u {
	dominant-baseline: alphabetic;
}
.normal-low.svelte-f7s79u text.svelte-f7s79u {
	dominant-baseline: hanging;
}
.normal-high.svelte-f7s79u text.temp.svelte-f7s79u,
.normal-low.svelte-f7s79u text.temp.svelte-f7s79u {
	font-weight: 500;
	font-size: 15px;
}
.normal-high.svelte-f7s79u text.temp.svelte-f7s79u {
	fill: var(--hotter-color);
}
.normal-low.svelte-f7s79u text.temp.svelte-f7s79u {
	fill: var(--colder-color);
}
.normal-range.svelte-f7s79u.svelte-f7s79u {
	opacity: 0.03;
}
.normal.svelte-f7s79u text.svelte-f7s79u {
	dominant-baseline: central;
	font-size: 14px;
	font-weight: 400;
	fill: #6c757d;
}
svg.svelte-14vu2nm.svelte-14vu2nm {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.tick.svelte-14vu2nm line.svelte-14vu2nm {
	stroke: var(--tick-line);
	shape-rendering: crispEdges;
}
.tick.svelte-14vu2nm text.svelte-14vu2nm {
	fill: var(--tick);
	font-weight: 500;
	font-size: 14px;
	text-anchor: start;
}
.x-axis.svelte-14vu2nm .tick text.svelte-14vu2nm {
	dominant-baseline: text-after-edge;
	text-anchor: middle;
}
.y-axis.svelte-14vu2nm text.svelte-14vu2nm {
	dominant-baseline: central;
	text-anchor: start;
	fill: var(--tick);
	font-weight: 500;
	font-size: 14px;
}
.y-axis.svelte-14vu2nm line.svelte-14vu2nm {
	stroke-width: 1;
	shape-rendering: crispEdges;
	stroke: var(--tick-line);
}
.y-axis.svelte-14vu2nm line.zero.svelte-14vu2nm {
	stroke: var(--tick);
}
@media (max-width: 400px) {
	.tick.svelte-14vu2nm text.svelte-14vu2nm {
		font-size: 13px;
	}
}
.chart.svelte-14vu2nm.svelte-14vu2nm {
	max-width: 650px;
	margin-bottom: 20px;
}
.year.svelte-14vu2nm line.svelte-14vu2nm {
	stroke: #bbb;
	stroke-width: 3;
	shape-rendering: crispEdges;
}
@media (max-width: 500px) {
	.year.svelte-14vu2nm line.svelte-14vu2nm {
		stroke-width: 3;
	}
	.x-axis.svelte-14vu2nm .tick:nth-child(2n) text.svelte-14vu2nm {
		display: none;
	}
}
line.hotter.svelte-14vu2nm.svelte-14vu2nm {
	stroke: var(--hotter-color);
}
line.colder.svelte-14vu2nm.svelte-14vu2nm {
	stroke: var(--colder-color);
}
line.trend.svelte-14vu2nm.svelte-14vu2nm {
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0.8;
	stroke-dasharray: 2, 6;
}
a.svelte-xroloa i.im.svelte-xroloa {
	font-size: 16px;
	position: relative;
	top: 2px;
}
label.svelte-xroloa.svelte-xroloa {
	display: block;
}
input[type='number'].svelte-1d1s5vo.svelte-1d1s5vo {
	max-width: 5em;
}
input.svelte-1d1s5vo.svelte-1d1s5vo::-webkit-outer-spin-button,
input.svelte-1d1s5vo.svelte-1d1s5vo::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type='number'].svelte-1d1s5vo.svelte-1d1s5vo {
	-moz-appearance: textfield;
}
.form-inline.svelte-1d1s5vo.svelte-1d1s5vo {
	margin-bottom: 20px;
}
.btn-group.svelte-1d1s5vo input[type='number'].svelte-1d1s5vo {
	border-left: 0;
	border-right: 0;
	text-align: center;
	border-radius: 0;
}
.chart.svelte-1oyqbk7.svelte-1oyqbk7 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	cursor: zoom-in;
}
.chart.zoomed.svelte-1oyqbk7.svelte-1oyqbk7 {
	cursor: zoom-out;
}
svg.svelte-1oyqbk7.svelte-1oyqbk7 {
	position: relative;
	width: 100%;
	overflow: visible;
}
.tick.svelte-1oyqbk7.svelte-1oyqbk7 {
	font-size: 0.725em;
	font-weight: 200;
}
.tick.svelte-1oyqbk7 line.svelte-1oyqbk7 {
	stroke: var(--tick-line);
	shape-rendering: crispEdges;
}
.tick.svelte-1oyqbk7 text.svelte-1oyqbk7 {
	fill: #666;
	font-weight: 500;
	font-size: 15px;
	text-anchor: start;
}
.x-axis.svelte-1oyqbk7 .tick text.svelte-1oyqbk7 {
	text-anchor: middle;
	dominant-baseline: alphabetic;
}
line.zero.svelte-1oyqbk7.svelte-1oyqbk7 {
	shape-rendering: crispEdges;
	stroke: black;
	opacity: 0.25;
}
@media (max-width: 400px) {
	.tick.svelte-1oyqbk7 text.svelte-1oyqbk7 {
		font-size: 13px;
	}
}
path.svelte-cca8v0 {
	stroke: #000;
	opacity: 0.75;
	stroke-linejoin: round;
	fill: none;
}
g.svelte-1q0l0k4 path {
	fill: #888;
	opacity: 0.5;
}
g.faint.svelte-1q0l0k4 path {
	opacity: 0.25;
}
circle.svelte-1gc3454.svelte-1gc3454 {
	fill: var(--def-color);
}
line.svelte-1gc3454.svelte-1gc3454 {
	stroke: var(--def-color);
	stroke-width: 2;
	shape-rendering: crispEdges;
}
.thin.svelte-1gc3454 line.svelte-1gc3454 {
	stroke-width: 1;
}
circle.hotter.svelte-1gc3454.svelte-1gc3454,
.record.high.svelte-1gc3454 path.svelte-1gc3454,
.record.high.svelte-1gc3454 text.svelte-1gc3454 {
	fill: var(--hotter-color);
}
circle.colder.svelte-1gc3454.svelte-1gc3454,
.record.low.svelte-1gc3454 path.svelte-1gc3454,
.record.low.svelte-1gc3454 text.svelte-1gc3454 {
	fill: var(--colder-color);
}
circle.normal.svelte-1gc3454.svelte-1gc3454 {
	fill: var(--normal-color);
}
line.hotter.svelte-1gc3454.svelte-1gc3454 {
	stroke: var(--hotter-color);
}
line.colder.svelte-1gc3454.svelte-1gc3454 {
	stroke: var(--colder-color);
}
line.normal.svelte-1gc3454.svelte-1gc3454 {
	stroke: var(--normal-color);
}
g.record.svelte-1gc3454 text.svelte-1gc3454 {
	font-weight: 400;
	font-size: 13px;
	dominant-baseline: central;
}
g.highlight.svelte-1gc3454 g.day.highlight.svelte-1gc3454 {
	opacity: 1;
}
g.highlight.svelte-1gc3454 g.day.highlight line.svelte-1gc3454 {
	stroke: black;
	stroke-width: 2;
}
g.highlight.svelte-1gc3454 g.day.highlight circle.svelte-1gc3454 {
	fill: black;
	stroke: black;
	stroke-width: 1;
}
g.highlight.svelte-1gc3454 g.day.highlight .buffer line.svelte-1gc3454 {
	stroke: #dedede;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-width: 8;
}
g.highlight.svelte-1gc3454 g.day.highlight .buffer circle.svelte-1gc3454 {
	fill: #dedede;
	stroke: #dedede;
	stroke-width: 4;
}
text.svelte-1gc3454.svelte-1gc3454 {
	pointer-events: none;
	text-anchor: middle;
	font-size: 14px;
	font-weight: 500;
}
text.date.svelte-1gc3454.svelte-1gc3454 {
	opacity: 0.6;
}
text.min.svelte-1gc3454.svelte-1gc3454 {
	dominant-baseline: text-before-edge;
}
.highlight.svelte-1gc3454 .buffer text.svelte-1gc3454 {
	fill: var(--bg);
	stroke: var(--bg);
	stroke-width: 4;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.highlight.focus.svelte-1gc3454.svelte-1gc3454 {
	pointer-events: none;
}
g.svelte-k631ox path {
	fill: var(--context-color);
	opacity: 0.3;
}

/*# sourceMappingURL=bundle.css.map */