.snowbg {
	background: url("./images/snowbg.png") repeat-x;
	height: 26px;
	margin: -12px -5px 0;
}

.action-bar {
	margin: 7px 0;
}

li.header dt {
	position: relative !important;
	overflow: hidden !important;
}

li.header dt::before {
	content: "" !important;
	position: absolute !important;
	top: -100% !important;
	left: 0 !important;
	width: 100% !important;
	height: 200% !important;
	pointer-events: none !important;

	background-image:
		radial-gradient(circle, rgba(255,255,255,0.35) 0.45px, transparent 1px),
		radial-gradient(circle, rgba(255,255,255,0.25) 0.4px, transparent 0.9px);

	background-size:
		28px 28px,
		36px 36px !important;

	background-position:
		0 0,
		12px 18px !important;

	animation: snow-back 18s linear infinite !important;
}

li.header dt::after {
	content: "" !important;
	position: absolute !important;
	top: -100% !important;
	left: 0 !important;
	width: 100% !important;
	height: 200% !important;
	pointer-events: none !important;

	background-image:
		radial-gradient(circle, rgba(255,255,255,0.9) 0.6px, transparent 1.2px),
		radial-gradient(circle, rgba(255,255,255,0.7) 0.55px, transparent 1.1px),
		radial-gradient(circle, rgba(255,255,255,0.55) 0.5px, transparent 1px);

	background-size:
		14px 14px,
		18px 18px,
		22px 22px !important;

	background-position:
		0 0,
		9px 14px,
		4px 22px !important;

	animation: snow-front 8s linear infinite !important;
}

@keyframes snow-back {
	from {
		transform: translateY(0) translateX(0);
	}
	to {
		transform: translateY(50%) translateX(-6px);
	}
}

@keyframes snow-front {
	from {
		transform: translateY(0) translateX(0);
	}
	to {
		transform: translateY(50%) translateX(10px);
	}
}