.klima-seasonal-pointer {
	--klima-seasonal-accent: #5ee1d2;
	position: fixed;
	z-index: 2147483000;
	top: 0;
	left: 0;
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border: 1px solid color-mix(in srgb, var(--klima-seasonal-accent) 66%, white);
	border-radius: 50%;
	background: #102e40;
	box-shadow: 0 8px 24px rgb(4 23 36 / 28%);
	color: var(--klima-seasonal-accent);
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-100px, -100px, 0) scale(.78);
	transition: opacity 140ms ease;
}

.klima-seasonal-pointer[data-mode="heat"] {
	--klima-seasonal-accent: #ffb63d;
}

.klima-seasonal-pointer[data-mode="mild"] {
	--klima-seasonal-accent: #b8dbe8;
}

.klima-seasonal-pointer.is-visible {
	opacity: 1;
	transform: translate3d(var(--klima-pointer-x), var(--klima-pointer-y), 0) scale(1);
}

.klima-seasonal-pointer svg,
.klima-seasonal-cta__icon svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.9;
}

.klima-seasonal-cta__icon {
	display: none;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	margin-inline-start: .5rem;
	color: currentColor;
}

@media (hover: none), (pointer: coarse) {
	[data-klima-seasonal-cta] .klima-seasonal-cta__icon {
		display: inline-flex;
		vertical-align: middle;
	}
}

@media (prefers-reduced-motion: reduce) {
	.klima-seasonal-pointer {
		transition: none;
	}
}