@keyframes floatDot{0%{opacity:0;transform:translateY(0)scale(.2)}3%{opacity:.9}27%{opacity:1;transform:translateY(-100px)scale(1)}40%{opacity:1}52%{opacity:0;transform:translateY(-20px)scale(.4)}55%{opacity:0;transform:translateY(0)scale(.2)}to{opacity:0;transform:translateY(0)scale(.1)}}.float-dot{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;opacity:0;background-color:#ade8f2;border-radius:50%;width:10px;height:10px;position:absolute}.dots-active .float-dot{animation:floatDot var(--dot-duration)var(--dot-delay)infinite}