.liveBart{z-index:10;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.bartBody{background:#000;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);animation:6s ease-in-out infinite bartFloat;display:flex;position:relative;box-shadow:inset -20px -20px 60px #ffffff1a,0 0 50px #ffffff0d}.liveBart[data-size=sm] .bartBody,.liveBart[data-size=xs] .bartBody{animation:none}.bartEye{transform-origin:50%;background:radial-gradient(circle at 35% 28%,#fff 0%,#fafafa 40%,#f0f0f0 80%,#e8e8e8 100%);border-radius:50%;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -2px 4px #0000001a,inset 0 2px 4px #0000000d,0 4px 8px #0003}.bartEyelid{z-index:10;background:#000;border-radius:0 0 50% 50%;width:110%;height:100%;transition:top .15s ease-out;position:absolute;top:-100%;left:-5%}.bartPupil{background:radial-gradient(circle,#000 0% 45%,#1a0a05 55%,#2a1510 70%,#3a2015 100%);border-radius:50%;transition:all .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bartPupil:after{content:"";background:#ffffffe6;border-radius:50%;width:28%;height:28%;position:absolute;top:14%;right:14%}.bartPupil:before{content:"";background:#ffffff80;border-radius:50%;width:14%;height:14%;position:absolute;bottom:22%;left:14%}.bartBlush{opacity:0;filter:blur(3px);pointer-events:none;background:#ff96b466;border-radius:50%;width:11%;height:4%;transition:opacity .3s;position:absolute;bottom:20%}.bartBlush.left{left:18%}.bartBlush.right{right:18%}.liveBart[data-expression=neutral] .bartEye{transform:scaleY(1)scaleX(1)}.liveBart[data-expression=neutral] .bartEyelid{top:-95%}.liveBart[data-expression=happy] .bartEye{transform:scaleY(.8)scaleX(1.08)}.liveBart[data-expression=happy] .bartEyelid{top:-80%}.liveBart[data-expression=happy] .bartPupil{transform:translate(-50%,-45%);width:111%!important;height:111%!important}.liveBart[data-expression=happy] .bartBlush{opacity:1}.liveBart[data-expression=surprised] .bartEye{transform:scaleY(1.25)scaleX(1.15)}.liveBart[data-expression=surprised] .bartEyelid{top:-100%}.liveBart[data-expression=surprised] .bartPupil{transform:translate(-50%,-55%);width:56%!important;height:56%!important}.liveBart[data-expression=thinking] .bartEye{transform:scaleY(1.05)}.liveBart[data-expression=thinking] .bartEyelid{top:-90%}.liveBart[data-expression=thinking] .bartPupil{transform:translate(-45%,-60%);width:94%!important;height:94%!important}.liveBart[data-expression=cool] .bartEye{transform:scaleY(.72)scaleX(.88)}.liveBart[data-expression=cool] .bartEyelid{top:-55%}.liveBart[data-expression=excited] .bartEye{transform:scaleY(1.15)scaleX(1.1)}.liveBart[data-expression=excited] .bartEyelid{top:-100%}.liveBart[data-expression=excited] .bartPupil{animation:1s ease-in-out infinite starPupil;background:radial-gradient(circle,gold 0% 30%,orange 60%,#ff8c00 100%)!important;width:128%!important;height:128%!important}.liveBart[data-expression=excited] .bartBlush{opacity:1}.liveBart[data-expression=loving] .bartEye{transform:scaleY(.88)scaleX(1.2)}.liveBart[data-expression=loving] .bartEyelid{top:-85%}.liveBart[data-expression=loving] .bartPupil{animation:.8s ease-in-out infinite heartPulse;background:radial-gradient(circle,#ff1744 0%,#e91e63 50%,#c2185b 100%)!important;width:122%!important;height:122%!important}.liveBart[data-expression=loving] .bartBlush{opacity:1;background:#ff649680}.liveBart[data-expression=sleepy] .bartEye,.liveBart[data-expression=bored] .bartEye{transform:scaleY(.8)scaleX(.92)}.liveBart[data-expression=sleepy] .bartEyelid,.liveBart[data-expression=bored] .bartEyelid{top:-55%}.liveBart[data-expression=sleepy] .bartPupil,.liveBart[data-expression=bored] .bartPupil{transform:translate(-50%,-45%);width:89%!important;height:89%!important}.liveBart[data-expression=sleeping] .bartEye{transform:scaleY(.15)}.liveBart[data-expression=sleeping] .bartEyelid{top:-5%}.liveBart[data-expression=fire] .bartEye{transform:scaleY(1.18)scaleX(1.05)}.liveBart[data-expression=fire] .bartEyelid{top:-92%}.liveBart[data-expression=fire] .bartPupil{animation:.3s ease-in-out infinite alternate fireGlow;background:radial-gradient(circle,#ff5722 0%,#ff9800 40%,#ffc107 70%,#ffeb3b 100%)!important;width:67%!important;height:67%!important}.liveBart[data-expression=sad] .bartEye{transform:scaleY(.9)rotate(-5deg)}.liveBart[data-expression=sad] .bartEye.right{transform:scaleY(.9)rotate(5deg)}.liveBart[data-expression=sad] .bartEyelid{top:-72%}.liveBart[data-expression=sad] .bartPupil{transform:translate(-50%,-40%);width:89%!important;height:89%!important}.liveBart[data-expression=waving] .bartEye{transform:scaleY(.9)scaleX(1.15)}.liveBart[data-expression=waving] .bartEyelid{top:-92%}.liveBart[data-expression=waving] .bartPupil{width:117%!important;height:117%!important}.liveBart[data-expression=waving] .bartBlush{opacity:.5}.liveBart[data-expression=celebrating] .bartEye{transform:scaleY(.95)scaleX(1.3)}.liveBart[data-expression=celebrating] .bartEyelid{top:-100%}.liveBart[data-expression=celebrating] .bartPupil{animation:1s linear infinite celebrateSpin;background:linear-gradient(45deg,gold,orange,gold)!important;width:122%!important;height:122%!important}.liveBart[data-expression=celebrating] .bartBlush{opacity:1}.liveBart[data-expression=focused] .bartEye{transform:scaleY(1.1)scaleX(1.02)}.liveBart[data-expression=focused] .bartEyelid{top:-88%}.liveBart[data-expression=focused] .bartPupil{width:78%!important;height:78%!important}.liveBart[data-expression=worried] .bartEye{transform:scaleY(1.05)rotate(-3deg)}.liveBart[data-expression=worried] .bartEye.right{transform:scaleY(1.05)rotate(3deg)}.liveBart[data-expression=worried] .bartEyelid{top:-82%}.liveBart[data-expression=worried] .bartPupil{transform:translate(-50%,-55%);width:89%!important;height:89%!important}.liveBart.blinking .bartEyelid{transition:top 50ms ease-in!important;top:-5%!important}.liveBart.squished .bartBody{transform:scale(.85)}.liveBart.bounced .bartBody{transform:scale(1.15)}@keyframes bartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes excitedPulse{0%{scale:1.1 1.15}to{scale:1.12 1.2}}@keyframes starPupil{0%,to{scale:1}50%{scale:1.1}}@keyframes heartPulse{0%,to{scale:1}50%{scale:1.15}}@keyframes fireGlow{0%{box-shadow:0 0 10px #ff5722cc,0 0 20px #ff980080}to{box-shadow:0 0 15px #ff5722,0 0 30px #ff9800b3}}@keyframes celebrateSpin{0%{rotate:none}to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.bartBody,.bartPupil,.liveBart[data-expression=excited] .bartPupil,.liveBart[data-expression=loving] .bartPupil,.liveBart[data-expression=fire] .bartPupil,.liveBart[data-expression=celebrating] .bartPupil,.liveBart[data-expression=excited] .bartEye{animation:none!important}}