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