/* Haygoodies Themes: the snowy day scene, fixed behind the whole site while the Snowy Day skin is on. */
.hgt-backdrop { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;
	background: linear-gradient(180deg, #9fbad5 0%, #bcd0e3 35%, #dbe7f2 70%, #eef4f9 100%); }
html.hgt-scene-on { background: #bcd0e3 !important; }
html.hgt-scene-on body { background: transparent !important; }
.sd-sun { position: absolute; right: 14%; top: clamp(140px, 18vh, 210px); width: clamp(90px, 11vw, 140px); aspect-ratio: 1; border-radius: 50%;
	background: radial-gradient(circle at 45% 45%, #fffdf2, #fff3cf 55%, rgba(255, 238, 200, .6) 70%, rgba(255, 238, 200, 0) 72%);
	box-shadow: 0 0 70px 30px rgba(255, 248, 225, .55); animation: sd-glow 7s ease-in-out infinite; }
.sd-cloud { position: absolute; height: auto; opacity: .9; filter: drop-shadow(0 6px 10px rgba(110, 140, 175, .18)); animation: sd-drift linear infinite; }
.sd-cloud.c1 { top: 14%; animation-duration: 120s; animation-delay: -30s; }
.sd-cloud.c2 { top: 24%; animation-duration: 160s; animation-delay: -100s; opacity: .75; }
.sd-cloud.c3 { top: 8%; animation-duration: 140s; animation-delay: -70s; opacity: .8; }
.sd-birds { position: absolute; top: 30%; left: 0; width: 46px; animation: sd-birds 38s linear infinite; }
.sd-birds svg { display: block; width: 100%; height: auto; fill: none; stroke: #5d6f86; stroke-width: 2; stroke-linecap: round; }
.sd-land { position: absolute; left: 50%; bottom: 0; width: max(100%, 1100px); transform: translateX(-50%); display: block; }
.sd-glint { fill: #ffffff; filter: drop-shadow(0 0 3px #bfe3ff); opacity: 0; transform-box: fill-box; transform-origin: center; animation: sd-glint 4s ease-in-out infinite; }
.sd-shine { opacity: .8; animation: sd-shine 6s ease-in-out infinite; }
.sd-ear { transform-box: fill-box; transform-origin: 50% 100%; animation: sd-ear 5s ease-in-out infinite; }
.sd-ear.e2 { animation-delay: -2.4s; }
.sd-blink { transform-box: fill-box; transform-origin: center; animation: sd-blink 6s infinite; }
.sd-snow { position: absolute; inset: 0; width: 100%; height: 100%; }
@keyframes sd-glow { 0%, 100% { opacity: .9; } 50% { opacity: 1; } }
@keyframes sd-drift { from { transform: translateX(-320px); } to { transform: translateX(calc(100vw + 40px)); } }
@keyframes sd-birds { 0%, 60% { transform: translate(calc(100vw + 60px), 20px); opacity: 0; } 61% { opacity: 1; } 99% { opacity: 1; } 100% { transform: translate(-80px, -30px); opacity: 0; } }
@keyframes sd-glint { 0%, 100% { opacity: 0; transform: scale(.4); } 45%, 55% { opacity: 1; transform: scale(1.1); } }
@keyframes sd-shine { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes sd-ear { 0%, 80%, 100% { transform: rotate(0); } 86% { transform: rotate(-14deg); } 92% { transform: rotate(6deg); } }
@keyframes sd-blink { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
@media (max-width: 767px) {
	.sd-sun { right: 6%; top: 15%; width: 76px; }
	.sd-birds { top: 34%; }
}
@media (prefers-reduced-motion: reduce) {
	.hgt-backdrop *, .hgt-backdrop *::before, .hgt-backdrop *::after { animation: none !important; }
	.sd-birds { display: none; }
	.sd-glint { opacity: .8; }
}
@media print { .hgt-backdrop { display: none; } }
