.coppy-mascot{--coppy-mascot-ink:var(--coppy-logo-eye);--coppy-motion-mascot:1.1s;flex:none;display:block;overflow:visible}.coppy-mascot__body{fill:var(--coppy-mascot-body,var(--coppy-logo-production));stroke:var(--coppy-mascot-ink);stroke-width:3px;stroke-linejoin:round}.coppy-mascot__ink{fill:var(--coppy-mascot-ink)}.coppy-mascot__line,.coppy-mascot__z{fill:none;stroke:var(--coppy-mascot-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.coppy-mascot__z{stroke-width:2.4px}.coppy-mascot__spark{fill:none;stroke:var(--coppy-mascot-body,var(--coppy-logo-production));stroke-width:3px;stroke-linecap:round;opacity:0}.coppy-mascot__look{translate:var(--coppy-mascot-look-x,0) var(--coppy-mascot-look-y,0);transition:translate .16s var(--coppy-ease-out)}.coppy-mascot__rig,.coppy-mascot__eye,.coppy-mascot__bar,.coppy-mascot__dot,.coppy-mascot__mouth,.coppy-mascot__spark{transform-box:fill-box;transform-origin:50%}.coppy-mascot__rig{transform-origin:50% 100%}.coppy-mascot__face--before{opacity:0}.coppy-mascot--m-listen .coppy-mascot__rig{animation:.45s ease-in-out infinite coppy-m-bob}.coppy-mascot--m-listen .coppy-mascot__eye{animation:3.6s infinite coppy-m-blink}.coppy-mascot--m-listen .coppy-mascot__bar{animation:.45s ease-in-out infinite backwards coppy-m-eq}.coppy-mascot--m-listen .coppy-mascot__bar:nth-of-type(2){animation-duration:.3s}.coppy-mascot--m-listen .coppy-mascot__bar:nth-of-type(3){animation-duration:.6s;animation-delay:.1s}.coppy-mascot--m-listen .coppy-mascot__bar:nth-of-type(4){animation-delay:.2s}.coppy-mascot--m-think .coppy-mascot__rig{animation:1.8s ease-in-out infinite coppy-m-sway}.coppy-mascot--m-think .coppy-mascot__eye{animation:1.8s ease-in-out infinite coppy-m-look}.coppy-mascot--m-think .coppy-mascot__dot{animation:.9s ease-in-out infinite backwards coppy-m-dot}.coppy-mascot--m-think .coppy-mascot__dot--2{animation-delay:.14s}.coppy-mascot--m-think .coppy-mascot__dot--3{animation-delay:.28s}.coppy-mascot--m-celebrate .coppy-mascot__rig{animation:coppy-m-party var(--coppy-motion-mascot) var(--coppy-ease-out)}.coppy-mascot--m-celebrate .coppy-mascot__face--before{animation:coppy-m-before var(--coppy-motion-mascot) linear}.coppy-mascot--m-celebrate .coppy-mascot__face--after{animation:coppy-m-after var(--coppy-motion-mascot) linear}.coppy-mascot--m-celebrate .coppy-mascot__bar{animation:coppy-m-pop var(--coppy-motion-mascot) ease-out}.coppy-mascot--m-celebrate .coppy-mascot__spark{animation:coppy-m-spark var(--coppy-motion-mascot) ease-out}.coppy-mascot--m-alert .coppy-mascot__rig{animation:coppy-m-take calc(var(--coppy-motion-mascot) * .7) ease-out}.coppy-mascot--m-alert .coppy-mascot__eye,.coppy-mascot--m-alert .coppy-mascot__mouth{animation:coppy-m-wide calc(var(--coppy-motion-mascot) * .7) ease-out}.coppy-mascot--m-sleep .coppy-mascot__rig{animation:3s ease-in-out 3 coppy-m-sleep}.coppy-mascot--m-sleep .coppy-mascot__z{animation:3s ease-out 3 backwards coppy-m-zz}.coppy-mascot--m-sleep .coppy-mascot__z:nth-of-type(5){animation-delay:1.5s}.coppy-mascot--m-enter .coppy-mascot__rig{animation:coppy-m-enter calc(var(--coppy-motion-mascot) * .8) var(--coppy-ease-out) backwards}.coppy-mascot--m-wave .coppy-mascot__rig{transform-origin:30% 100%;animation:1.4s ease-in-out 2 coppy-m-rock}.coppy-mascot--m-wave .coppy-mascot__eye:first-of-type{animation:1.4s ease-in-out 2 coppy-m-wink}@keyframes coppy-m-bob{0%,to{transform:scale(1)}50%{transform:scale(1.05,.93)}}@keyframes coppy-m-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes coppy-m-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1.5)}}@keyframes coppy-m-sway{0%,to{transform:translate(-3px)scale(1)}50%{transform:translate(3px)scale(.98,1.02)}}@keyframes coppy-m-look{0%,to{transform:translate(0)}35%,60%{transform:translate(-7px,-2px)}}@keyframes coppy-m-dot{0%,to{transform:translateY(0)scale(1.25,.75)}35%{transform:translateY(-9px)scale(.85,1.2)}65%{transform:translateY(0)scale(1.15,.85)}}@keyframes coppy-m-party{0%{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.18,.8)}35%{transform:translateY(-26px)scale(.86,1.16)}55%{transform:translateY(-32px)scale(1)}72%{transform:translateY(-6px)scale(.9,1.1)}80%{transform:translateY(0)scale(1.2,.8)}90%{transform:scale(.96,1.05)}to{transform:scale(1)}}@keyframes coppy-m-before{0%,14%{opacity:1}15%,to{opacity:0}}@keyframes coppy-m-after{0%,14%{opacity:0}15%,to{opacity:1}}@keyframes coppy-m-pop{0%,30%,to{transform:scaleY(1)}55%{transform:scaleY(1.5)}}@keyframes coppy-m-spark{0%,30%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(1.3)}}@keyframes coppy-m-take{0%{transform:scale(1)}14%{transform:scale(1.12,.84)}32%{transform:translateY(-8px)scale(.9,1.14)}46%{transform:translate(-7px)}58%{transform:translate(7px)}70%{transform:translate(-4px)}84%{transform:translate(2px)}to{transform:translate(0)}}@keyframes coppy-m-wide{0%,to{transform:scale(1)}30%,55%{transform:scale(1.4)}}@keyframes coppy-m-sleep{0%,to{transform:scale(1)}50%{transform:scale(1.04,.94)}}@keyframes coppy-m-zz{0%{opacity:0;transform:translate(0)scale(.8)}25%{opacity:1}to{opacity:0;transform:translate(12px,-20px)scale(1.4)}}@keyframes coppy-m-enter{0%{opacity:0;transform:translateY(34px)scale(.4)}40%{opacity:1;transform:translateY(-10px)scale(.88,1.2)}58%{transform:translateY(0)scale(1.2,.82)}72%{transform:scale(.94,1.08)}86%{transform:scale(1.04,.97)}to{transform:scale(1)}}@keyframes coppy-m-rock{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}@keyframes coppy-m-wink{0%,25%,55%,to{transform:scaleY(1)}32%,48%{transform:scaleY(.12)}}@media (prefers-reduced-motion:reduce){.coppy-mascot [class]{transition:none;animation:none}.coppy-mascot__face--before{opacity:0}}