.container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.brush{fill:#000}.ball{border-radius:50%;background-color:#7fffd4;display:grid;aspect-ratio:1;width:clamp(60px,12vw,100px);position:absolute;font-family:Lato,sans-serif;font-size:1rem;font-weight:700;place-items:center;text-align:center;z-index:2;color:"#ffffff00";pointer-events:auto;cursor:pointer}.shadow{background-color:#0003;border-radius:50%;width:clamp(60px,12vw,100px);height:clamp(20px,4vw,33px);position:absolute;filter:blur(4px)}.shadow2{background-color:#0003;border-radius:50%;width:clamp(60px,12vw,100px);aspect-ratio:1;position:absolute;filter:blur(4px);z-index:1;visibility:hidden;opacity:0}@media(min-width:1024px){.ball{width:5vw}.shadow{width:5vw;height:1.5vw}.shadow2{width:5vw}}.brush_stroke{opacity:0;visibility:hidden;overflow:visible;position:absolute;width:100px;height:100px;will-change:transform,opacity,attr;transform-origin:center}#brush-target{will-change:transform,opacity,attr;transform-origin:center}.maskCircle{will-change:transform,opacity,attr}body{display:flex;align-items:center;justify-content:flex-start;min-height:100vh;width:100%;height:100%;margin:0;overflow:hidden;pointer-events:none}