.christmas-lights,.christmas-snow{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.christmas-light{position:absolute;top:clamp(8px,4vw,34px);left:calc(5% + var(--light-index) * 8%);width:8px;height:12px;border-radius:50%;background:#ffd77a;box-shadow:0 0 9px 2px rgba(255,211,116,.68);opacity:.82}
.christmas-light:nth-child(3n){background:#fff3c4}.christmas-light:nth-child(2n){top:clamp(12px,5vw,46px)}
.christmas-snowflake{position:absolute;top:-10px;left:calc(var(--snow-index) * 5.7%);width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.72);opacity:.6;animation:christmas-fall calc(8s + var(--snow-index) * .35s) linear calc(var(--snow-index) * -.7s) infinite}
[data-christmas-parallax]{--magic-x:0px;--magic-y:0px;transform:translate3d(var(--magic-x),var(--magic-y),0)}
@keyframes christmas-fall{to{transform:translate3d(16px,105vh,0)}}
@media (prefers-reduced-motion:reduce){.christmas-snowflake{animation:none}.christmas-light{box-shadow:none}[data-christmas-parallax]{transform:none}}
.christmas-snowflake:where(.motion-paused *){animation:none}
[data-christmas-parallax]:where(.motion-paused *){--magic-x:0px;--magic-y:0px;transform:none}