.wd-hub{pointer-events:none;width:1px;height:1px}.wd-lake-membrane{opacity:0;background:radial-gradient(#0ea5e92e 0%,#0ea5e914 50%,#0ea5e900 80%);border-radius:50%;width:140px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.wd-lake-caustic{filter:blur(.5px);opacity:0;background:radial-gradient(#ffffff73 0%,#ffffff1a 40%,#0000 70%);border-radius:50%;width:100px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.wd-ripple{opacity:0;border:1.8px solid #0ea5e98c;border-radius:50%;width:56px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)scale(.4)}.wd-ripple-1{border-width:1.8px}.wd-ripple-2{border-width:1.5px}.wd-ripple-3{border-width:1.3px}.wd-ripple-4{border-width:1.1px}.wd-echo-ring{pointer-events:none;opacity:0;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.wd-echo-1{border:.7px solid #0ea5e947;width:200px;height:56px}.wd-echo-2{border:.5px solid #0ea5e92e;width:280px;height:78px}.wd-echo-3{border:.4px solid #0ea5e91a;width:360px;height:100px}.wd-drop-falling,.wd-drop-rested{filter:drop-shadow(0 6px 12px #0ea5e940);opacity:0;position:absolute;top:-10px;left:50%;transform:translate(-50%,-100%)}.wd-splash-crown{opacity:0;position:absolute;top:-10px;left:50%;transform:translate(-50%,-50%)}@keyframes wd-drop-fall{0%{opacity:0;transform:translate(-50%,-100%)translateY(-300px)}6%{opacity:1}to{opacity:1;transform:translate(-50%,-100%)translateY(0)}}@keyframes wd-drop-impact{0%{opacity:1;transform:translate(-50%,-100%)translateY(0)scaleY(1)scaleX(1)}60%{opacity:.85;transform:translate(-50%,-100%)translateY(8px)scaleY(.6)scaleX(1.3)}to{opacity:0;transform:translate(-50%,-100%)translateY(22px)scaleY(.05)scaleX(1.6)}}@keyframes wd-splash-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}30%{opacity:1;transform:translate(-50%,-140%)scale(1)}to{opacity:0;transform:translate(-50%,-240%)scale(1.8)}}@keyframes wd-ripple-out{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}10%{opacity:var(--wd-ripple-peak,.55)}to{transform:translate(-50%, -50%) scale(var(--wd-ripple-end,5));opacity:0}}@keyframes wd-lake-emerge{0%{opacity:0}to{opacity:1}}@keyframes wd-drop-rest-in{0%{opacity:0;transform:translate(-50%,-100%)scale(.5)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes wd-echo-breathe-1{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.78;transform:translate(-50%,-50%)scale(1.05)}}@keyframes wd-echo-breathe-2{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.75;transform:translate(-50%,-50%)scale(1.06)}}@keyframes wd-echo-breathe-3{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.72;transform:translate(-50%,-50%)scale(1.07)}}@keyframes wd-lake-breathe{0%,to{opacity:1}50%{opacity:.85}}[data-waterdrop=playing] .wd-drop-falling{animation:.8s cubic-bezier(.4,0,1,.6) forwards wd-drop-fall,.2s cubic-bezier(.5,0,.5,1) .8s forwards wd-drop-impact}[data-waterdrop=playing] .wd-splash-crown{animation:.5s ease-out .85s forwards wd-splash-bloom}[data-waterdrop=playing] .wd-ripple-1{--wd-ripple-end:5;--wd-ripple-peak:.55;animation:1.8s cubic-bezier(.2,.8,.4,1) 1s forwards wd-ripple-out}[data-waterdrop=playing] .wd-ripple-2{--wd-ripple-end:4.5;--wd-ripple-peak:.48;animation:2s cubic-bezier(.2,.8,.4,1) 1.15s forwards wd-ripple-out}[data-waterdrop=playing] .wd-ripple-3{--wd-ripple-end:4;--wd-ripple-peak:.4;animation:2.2s cubic-bezier(.2,.8,.4,1) 1.35s forwards wd-ripple-out}[data-waterdrop=playing] .wd-ripple-4{--wd-ripple-end:3.5;--wd-ripple-peak:.3;animation:2.4s cubic-bezier(.2,.8,.4,1) 1.6s forwards wd-ripple-out}[data-waterdrop=playing] .wd-lake-membrane{animation:.6s ease-out .85s forwards wd-lake-emerge}[data-waterdrop=playing] .wd-lake-caustic{animation:.6s ease-out 1.1s forwards wd-lake-emerge}[data-waterdrop=playing] .wd-echo-1{animation:.4s ease-out 3.65s forwards wd-lake-emerge,5.5s ease-in-out 4.05s infinite wd-echo-breathe-1}[data-waterdrop=playing] .wd-echo-2{animation:.4s ease-out 3.65s forwards wd-lake-emerge,6.5s ease-in-out 5.55s infinite wd-echo-breathe-2}[data-waterdrop=playing] .wd-echo-3{animation:.4s ease-out 3.65s forwards wd-lake-emerge,7.5s ease-in-out 6.55s infinite wd-echo-breathe-3}[data-waterdrop=playing] .wd-drop-rested{animation:.4s cubic-bezier(.4,0,.2,1) 3.65s forwards wd-drop-rest-in}[data-waterdrop=rested] .wd-drop-falling,[data-waterdrop=rested] .wd-splash-crown,[data-waterdrop=rested] .wd-ripple{display:none}[data-waterdrop=rested] .wd-lake-membrane{opacity:1;animation:8s ease-in-out infinite wd-lake-breathe}[data-waterdrop=rested] .wd-lake-caustic{opacity:1}[data-waterdrop=rested] .wd-echo-1{opacity:1;animation:5.5s ease-in-out infinite wd-echo-breathe-1}[data-waterdrop=rested] .wd-echo-2{opacity:1;animation:6.5s ease-in-out 1.5s infinite wd-echo-breathe-2}[data-waterdrop=rested] .wd-echo-3{opacity:1;animation:7.5s ease-in-out 2.5s infinite wd-echo-breathe-3}[data-waterdrop=rested] .wd-drop-rested{opacity:1;transform:translate(-50%,-100%)}[data-waterdrop=reduced] .wd-drop-falling,[data-waterdrop=reduced] .wd-splash-crown,[data-waterdrop=reduced] .wd-ripple{display:none}[data-waterdrop=reduced] .wd-lake-membrane,[data-waterdrop=reduced] .wd-lake-caustic,[data-waterdrop=reduced] .wd-echo-ring,[data-waterdrop=reduced] .wd-drop-rested{opacity:1;transition:none!important;animation:none!important}[data-waterdrop=reduced] .wd-drop-rested{transform:translate(-50%,-100%)}@media (prefers-reduced-motion:reduce){.wd-drop-falling,.wd-splash-crown,.wd-ripple{display:none!important}.wd-lake-membrane,.wd-lake-caustic,.wd-echo-ring,.wd-drop-rested{opacity:1!important;animation:none!important}.wd-drop-rested{transform:translate(-50%,-100%)!important}}