.ballpit-background-text{position:absolute;top:12px;left:0;width:100%;height:100%;z-index:1;transform:scale(.2);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ballpit-background-text span{font-family:var(--font-primary,sans-serif);font-weight:900;font-size:clamp(4rem,15vw,12rem);line-height:.9;letter-spacing:-.02em;opacity:1;text-transform:uppercase;color:#fff;background:linear-gradient(45deg,#9100ff,#ff00ce,#ff3c00,#ffcc00,#00ffb7);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:gradientText 15s ease infinite}.ballpit-container:hover .ballpit-background-text span{animation:textGlitch .3s infinite alternate-reverse}.ballpit-wrapper{position:relative}.ballpit-wrapper .text-overlay{position:absolute;top:12px;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;border-radius:1000px;z-index:1}.ballpit-wrapper .text-overlay.behind{z-index:1}.ballpit-wrapper .text-overlay span{font-family:var(--font-heading);font-weight:400;font-size:clamp(4rem,10vw,12rem);line-height:.7;color:#fff}canvas{position:relative;z-index:1;border-radius:var(--card-border-radius-m)}@keyframes gradientText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes textGlitch{0%{transform:translateX(-2px) skewX(2deg)}20%{transform:translateX(0) skewX(0deg)}40%{transform:translateX(1px) skewX(-1deg)}60%{transform:translateX(-1px) skewX(1deg)}80%{transform:translateX(0) skewX(0deg)}to{transform:translateX(2px) skewX(-2deg)}}