.jdt-snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}
.jdt-snowflake{position:absolute;top:-10px;pointer-events:none;will-change:transform}
.jdt-snowflake.near{filter:blur(.5px)}
.jdt-snowflake.medium{filter:blur(1px)}
.jdt-snowflake.far{filter:blur(2px)}
@keyframes jdt-fall1{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
25%{transform:translate3d(calc(var(--sway-distance) * 0.3),25vh,0) rotate(calc(var(--rotation-end) * 0.2))}
50%{transform:translate3d(calc(var(--sway-distance) * 0.6),50vh,0) rotate(calc(var(--rotation-end) * 0.5))}
75%{transform:translate3d(calc(var(--sway-distance) * 0.8),75vh,0) rotate(calc(var(--rotation-end) * 0.75))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@keyframes jdt-fall2{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
10%{transform:translate3d(calc(var(--sway-distance) * -0.15),10vh,0) rotate(calc(var(--rotation-end) * 0.1))}
25%{transform:translate3d(calc(var(--sway-distance) * 0.2),25vh,0) rotate(calc(var(--rotation-end) * 0.25))}
45%{transform:translate3d(calc(var(--sway-distance) * 0.7),45vh,0) rotate(calc(var(--rotation-end) * 0.45))}
65%{transform:translate3d(calc(var(--sway-distance) * 0.4),65vh,0) rotate(calc(var(--rotation-end) * 0.65))}
85%{transform:translate3d(calc(var(--sway-distance) * 0.95),85vh,0) rotate(calc(var(--rotation-end) * 0.85))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@keyframes jdt-fall3{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
15%{transform:translate3d(calc(var(--sway-distance) * 0.4),15vh,0) rotate(calc(var(--rotation-end) * 0.18))}
30%{transform:translate3d(calc(var(--sway-distance) * -0.2),30vh,0) rotate(calc(var(--rotation-end) * 0.35))}
50%{transform:translate3d(calc(var(--sway-distance) * 0.6),50vh,0) rotate(calc(var(--rotation-end) * 0.55))}
70%{transform:translate3d(calc(var(--sway-distance) * 0.1),70vh,0) rotate(calc(var(--rotation-end) * 0.72))}
90%{transform:translate3d(calc(var(--sway-distance) * 0.85),90vh,0) rotate(calc(var(--rotation-end) * 0.9))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@keyframes jdt-fall4{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
12%{transform:translate3d(calc(var(--sway-distance) * 0.25),12vh,0) rotate(calc(var(--rotation-end) * 0.15))}
28%{transform:translate3d(calc(var(--sway-distance) * -0.1),28vh,0) rotate(calc(var(--rotation-end) * 0.3))}
42%{transform:translate3d(calc(var(--sway-distance) * 0.5),42vh,0) rotate(calc(var(--rotation-end) * 0.45))}
58%{transform:translate3d(calc(var(--sway-distance) * 0.2),58vh,0) rotate(calc(var(--rotation-end) * 0.6))}
75%{transform:translate3d(calc(var(--sway-distance) * 0.75),75vh,0) rotate(calc(var(--rotation-end) * 0.78))}
88%{transform:translate3d(calc(var(--sway-distance) * 0.5),88vh,0) rotate(calc(var(--rotation-end) * 0.9))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@keyframes jdt-fall5{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
20%{transform:translate3d(calc(var(--sway-distance) * 0.1),20vh,0) rotate(calc(var(--rotation-end) * 0.25))}
40%{transform:translate3d(calc(var(--sway-distance) * 0.35),40vh,0) rotate(calc(var(--rotation-end) * 0.45))}
60%{transform:translate3d(calc(var(--sway-distance) * 0.65),60vh,0) rotate(calc(var(--rotation-end) * 0.65))}
80%{transform:translate3d(calc(var(--sway-distance) * 0.85),80vh,0) rotate(calc(var(--rotation-end) * 0.82))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@keyframes jdt-fall6{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
18%{transform:translate3d(calc(var(--sway-distance) * -0.25),18vh,0) rotate(calc(var(--rotation-end) * 0.2))}
38%{transform:translate3d(calc(var(--sway-distance) * 0.15),38vh,0) rotate(calc(var(--rotation-end) * 0.4))}
55%{transform:translate3d(calc(var(--sway-distance) * 0.65),55vh,0) rotate(calc(var(--rotation-end) * 0.58))}
72%{transform:translate3d(calc(var(--sway-distance) * 0.35),72vh,0) rotate(calc(var(--rotation-end) * 0.75))}
88%{transform:translate3d(calc(var(--sway-distance) * 0.9),88vh,0) rotate(calc(var(--rotation-end) * 0.9))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@keyframes jdt-fall7{
0%{transform:translate3d(0px,0px,0px) rotate(0deg)}
14%{transform:translate3d(calc(var(--sway-distance) * 0.35),14vh,0) rotate(calc(var(--rotation-end) * 0.17))}
26%{transform:translate3d(calc(var(--sway-distance) * 0.1),26vh,0) rotate(calc(var(--rotation-end) * 0.3))}
44%{transform:translate3d(calc(var(--sway-distance) * 0.7),44vh,0) rotate(calc(var(--rotation-end) * 0.48))}
62%{transform:translate3d(calc(var(--sway-distance) * -0.1),62vh,0) rotate(calc(var(--rotation-end) * 0.65))}
78%{transform:translate3d(calc(var(--sway-distance) * 0.55),78vh,0) rotate(calc(var(--rotation-end) * 0.8))}
92%{transform:translate3d(calc(var(--sway-distance) * 0.8),92vh,0) rotate(calc(var(--rotation-end) * 0.93))}
100%{transform:translate3d(var(--sway-distance),100vh,0) rotate(var(--rotation-end))}
}
@media (prefers-reduced-motion:reduce){.jdt-snow-container{display:none}}