.character{--char-scale:calc(var(--char-size, 320px) / 320px);--stage-w:320px;--stage-h:560px;--skin:#f2c6a0;--skin-lit:#ffdcbb;--skin-shade:#dda57e;--skin-deep:#c98a63;--blush:hsla(8,70%,68%,.5);--hair:#332c46;--hair-lit:#4b4166;--hair-shade:#241f33;--shirt:#5566c4;--shirt-lit:#7585d0;--shirt-shade:#4453ac;--shirt-collar:#eef1fb;--pants:#3a4460;--pants-lit:#4b587b;--shoe:#232a3d;--shoe-sole:#f6f8fc;--eye-white:#fdfdff;--iris:#3c4a63;--iris-lit:#5f7396;--brow:#2b2439;--mouth-dark:#6d3341;--tongue:#d5697a;--tooth:#fffdfa;--shadow-ground:rgba(31,38,48,.16);--look-x:var(--live-look-x,0);--look-y:var(--live-look-y,0);--head-yaw:var(--live-head-yaw,0deg);--head-pitch:var(--live-head-pitch,0deg);--head-roll:var(--live-head-roll,0deg);--torso-lean:var(--live-torso-lean,0deg);--torso-drift:var(--live-torso-drift,0px);--shoulder-tilt:var(--live-shoulder-tilt,0deg);--reach-x:var(--live-reach-x,0);--reach-y:var(--live-reach-y,0);--brow-raise:var(--live-brow-raise,0);--brow-skew:var(--live-brow-skew,0);--scroll-t:var(--live-scroll-t,0);--blink:0;--breath-dur:4.2s;--sway-dur:7.5s;--weight-dur:9.3s;--hair-dur:6.1s;--arm-dur:8.2s;--finger-dur:5.4s;position:relative;width:var(--char-size,320px);height:calc(var(--char-size, 320px) * 1.75);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;isolation:isolate}.character__stage{position:absolute;inset:0;width:var(--stage-w);height:var(--stage-h);transform:scale(var(--char-scale));transform-origin:0 0}.character__shadow{left:84px;top:536px;width:152px;height:22px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,var(--shadow-ground),transparent 72%)}.character__body,.character__shadow{position:absolute;will-change:transform}.character__body{inset:0;transform-origin:160px 552px}.character__figure{position:absolute;inset:0;transform:translate3d(var(--torso-drift),0,0) rotate(calc(var(--torso-lean) * .35));transform-origin:160px 540px;transition:transform .12s linear}.character__torso{position:absolute;left:96px;top:160px;width:128px;height:152px;transform-origin:64px 148px;transform:rotate(var(--torso-lean)) rotate(var(--shoulder-tilt));transition:transform .14s linear}.character__torso-shape{position:absolute;inset:0;border-radius:46px 46px 30px 30px/62px 62px 26px 26px;background:linear-gradient(255deg,hsla(0,0%,100%,.22) 0 14%,transparent 42%),radial-gradient(120% 90% at 12% 30%,var(--shirt-shade) 0,transparent 55%),linear-gradient(170deg,var(--shirt-lit) 0,var(--shirt) 46%,var(--shirt-shade) 100%);transform-origin:64px 148px;will-change:transform}.character__torso-shape:before{content:"";position:absolute;left:6px;top:2px;right:6px;height:34px;border-radius:44px 44px 50% 50%/40px 40px 100% 100%;background:linear-gradient(180deg,hsla(0,0%,100%,.16),transparent)}.character__torso-shape:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:18px;border-radius:0 0 30px 30px/0 0 26px 26px;background:linear-gradient(180deg,transparent,rgba(31,38,48,.18))}.character__collar{position:absolute;left:40px;top:0;width:48px;height:30px;z-index:3}.character__collar:after,.character__collar:before{content:"";position:absolute;top:0;width:26px;height:28px;background:linear-gradient(180deg,var(--shirt-collar),#cfd8ee)}.character__collar:before{left:-2px;-webkit-clip-path:polygon(0 0,100% 0,62% 100%,0 34%);clip-path:polygon(0 0,100% 0,62% 100%,0 34%);border-radius:6px 0 0 6px}.character__collar:after{right:-2px;-webkit-clip-path:polygon(0 0,100% 0,100% 34%,38% 100%);clip-path:polygon(0 0,100% 0,100% 34%,38% 100%);border-radius:0 6px 6px 0}.character__shirt-fold{position:absolute;border-radius:50%;background:linear-gradient(180deg,rgba(31,38,48,.12),transparent);transform-origin:top center;will-change:transform}.character__shirt-fold--a{left:26px;top:78px;width:34px;height:46px;rotate:14deg}.character__shirt-fold--b{left:70px;top:86px;width:30px;height:40px;rotate:-12deg}.character__neck{position:absolute;left:49px;top:-28px;width:30px;height:46px;border-radius:12px 12px 16px 16px;background:linear-gradient(180deg,var(--skin-shade) 0,var(--skin) 58%,var(--skin-deep) 100%);z-index:1}.character__neck:after{content:"";position:absolute;inset:0 0 auto 0;height:16px;border-radius:12px 12px 50% 50%/12px 12px 100% 100%;background:linear-gradient(180deg,rgba(122,74,46,.42),transparent)}.character__hips{position:absolute;left:104px;top:296px;width:112px;height:70px;border-radius:32px 32px 22px 22px/30px 30px 26px 26px;background:linear-gradient(258deg,hsla(0,0%,100%,.14) 0 12%,transparent 40%),linear-gradient(180deg,var(--pants-lit) 0,var(--pants) 70%);transform-origin:56px 4px;will-change:transform}.character__hips:before{content:"";position:absolute;left:0;top:2px;right:0;height:12px;border-radius:30px 30px 6px 6px;background:linear-gradient(180deg,#2b3348,#1f2534)}.character__hips:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:26px;transform:translateX(-50%);border-radius:50% 50% 0 0;background:linear-gradient(180deg,transparent,rgba(20,25,38,.5))}.character__accessory{position:absolute;opacity:.9;will-change:transform}.character__accessory-inner{width:100%;height:100%;will-change:transform}.character__accessory--card{left:6px;top:176px;width:46px;height:34px}.character__accessory--card .character__accessory-inner{border-radius:8px;background:linear-gradient(150deg,#fff,#e6ecfb);box-shadow:0 6px 14px rgba(31,38,48,.14);border:1px solid rgba(31,38,48,.06)}.character__accessory--card .character__accessory-inner:after,.character__accessory--card .character__accessory-inner:before{content:"";position:absolute;left:8px;height:4px;border-radius:2px;background:var(--shirt-lit);opacity:.55}.character__accessory--card .character__accessory-inner:before{top:10px;width:26px}.character__accessory--card .character__accessory-inner:after{top:20px;width:16px}.character__accessory--dot{left:268px;top:132px;width:16px;height:16px}.character__accessory--dot .character__accessory-inner{border-radius:50%;background:linear-gradient(150deg,var(--teal-500,#14b8a6),#0d9488)}.character__accessory--pill{left:254px;top:300px;width:34px;height:14px}.character__accessory--pill .character__accessory-inner{border-radius:7px;background:linear-gradient(120deg,#f5e11a,#f0c542)}[data-theme=dark] .character{--skin:#e8b995;--skin-lit:#f6cfae;--skin-shade:#c9926c;--skin-deep:#ac7452;--shirt:#4f5fb8;--shirt-lit:#6b7bca;--shirt-shade:#3b4894;--shirt-collar:#dfe4f6;--pants:#323b54;--pants-lit:#414c6c;--shoe:#1b2130;--shoe-sole:#8b95ab;--shadow-ground:rgba(0,0,0,.42);--eye-white:#f4f6fb}.character__hair{--hair-layer:5;position:absolute;inset:0;z-index:var(--hair-layer);pointer-events:none}.character__hair--back{--hair-layer:0}.character__hair-drift{position:absolute;inset:0;transform:rotate(calc(var(--scroll-t) * 2.4deg)) translateX(calc(var(--scroll-t) * 1.6px));transform-origin:56px 10px;transition:transform .2s ease-out}.character__hair-back{position:absolute;left:-12px;top:-6px;width:136px;height:118px;z-index:1;border-radius:52% 52% 40% 40%/58% 58% 42% 42%;background:linear-gradient(170deg,var(--hair-lit) 0,var(--hair) 55%,var(--hair-shade) 100%);transform-origin:68px 12px;will-change:transform}.character__hair-cap{position:absolute;left:-6px;top:-12px;width:124px;height:48px;z-index:6;border-radius:54% 54% 44% 44%/74% 74% 26% 26%;background:radial-gradient(60% 50% at 32% 18%,var(--hair-lit) 0,transparent 68%),linear-gradient(160deg,var(--hair-lit) 0,var(--hair) 48%,var(--hair-shade) 100%);transform-origin:62px 14px;will-change:transform}.character__hair-sheen{position:absolute;left:16px;top:6px;width:62px;height:16px;border-radius:50%;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.26),transparent);z-index:7;opacity:.7}.character__hair-fringe{position:absolute;left:10px;top:-6px;width:78px;height:46px;z-index:7;border-radius:50% 40% 60% 30%/70% 60% 40% 30%;background:linear-gradient(140deg,var(--hair-lit) 0,var(--hair) 60%,var(--hair-shade) 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 34%,78% 78%,40% 96%,12% 62%,0 26%);clip-path:polygon(0 0,100% 0,100% 34%,78% 78%,40% 96%,12% 62%,0 26%);transform-origin:60px 4px;will-change:transform}.character__hair-lock{position:absolute;top:6px;width:26px;height:62px;z-index:6;background:linear-gradient(180deg,var(--hair) 0,var(--hair-shade) 100%);will-change:transform}.character__hair-lock--left{left:-10px;border-radius:60% 20% 40% 60%/40% 20% 60% 70%;-webkit-clip-path:polygon(0 0,100% 0,78% 100%,26% 74%);clip-path:polygon(0 0,100% 0,78% 100%,26% 74%);transform-origin:18px 6px}.character__hair-lock--right{right:-10px;border-radius:20% 60% 60% 40%/20% 40% 70% 60%;-webkit-clip-path:polygon(0 0,100% 0,74% 74%,22% 100%);clip-path:polygon(0 0,100% 0,74% 74%,22% 100%);transform-origin:8px 6px}.character__hair-cowlick{position:absolute;left:68px;top:-20px;width:26px;height:24px;z-index:6;border-radius:70% 30% 60% 40%/60% 40% 60% 40%;background:linear-gradient(140deg,var(--hair-lit),var(--hair));-webkit-clip-path:polygon(6% 100%,30% 22%,66% 8%,88% 46%,62% 62%,74% 100%);clip-path:polygon(6% 100%,30% 22%,66% 8%,88% 46%,62% 62%,74% 100%);transform-origin:10px 22px;rotate:-8deg;will-change:transform}.character__head{position:absolute;left:8px;top:-136px;width:112px;height:120px;z-index:4;transform-origin:56px 138px;transform:rotate(var(--head-roll)) rotateY(var(--head-yaw)) rotateX(var(--head-pitch)) translateZ(0);transform-style:preserve-3d;perspective:520px;transition:transform .13s linear}.character__head-bob{position:absolute;inset:0;transform-origin:56px 120px;will-change:transform}.character__skull{position:absolute;inset:0;border-radius:50% 50% 44% 44%/56% 56% 46% 46%;background:radial-gradient(46% 34% at 36% 22%,var(--skin-lit) 0,transparent 70%),radial-gradient(60% 70% at 92% 62%,var(--skin-deep) 0,transparent 62%),linear-gradient(168deg,var(--skin-lit) 0,var(--skin) 52%,var(--skin-shade) 100%);z-index:2}.character__ear{position:absolute;top:52px;width:16px;height:26px;background:linear-gradient(120deg,var(--skin) 0,var(--skin-shade) 100%);z-index:1}.character__ear:after{content:"";position:absolute;inset:6px 5px 7px 4px;border-radius:50%;background:var(--skin-deep);opacity:.55}.character__ear--left{left:-7px;border-radius:60% 30% 40% 70%/50% 40% 60% 50%}.character__ear--right{right:-7px;border-radius:30% 60% 70% 40%/40% 50% 50% 60%}.character__face{position:absolute;inset:0;z-index:3}.character__brow{position:absolute;top:46px;width:30px;height:7px;border-radius:8px 8px 5px 5px;background:linear-gradient(180deg,var(--hair-lit),var(--brow));transform-origin:center;will-change:transform}.character__brow--left{left:19px;transform:translateY(calc(var(--brow-raise) * -5px + var(--brow-skew) * -3px)) rotate(calc(-4deg + var(--brow-skew) * -6deg));transition:transform .16s ease-out}.character__brow--right{right:19px;transform:translateY(calc(var(--brow-raise) * -5px + var(--brow-skew) * 3px)) rotate(calc(4deg + var(--brow-skew) * -6deg));transition:transform .16s ease-out}.character__nose{position:absolute;left:52px;top:68px;width:14px;height:18px;border-radius:40% 40% 55% 55%/30% 30% 70% 70%;background:linear-gradient(160deg,transparent 0 30%,var(--skin-shade) 100%)}.character__nose:after{content:"";position:absolute;left:2px;bottom:1px;width:10px;height:5px;border-radius:50%;background:var(--skin-deep);opacity:.5}.character__cheek{position:absolute;top:82px;width:22px;height:11px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,var(--blush),transparent 72%);opacity:calc(.28 + var(--smile) * .55);transition:opacity .22s ease-out}.character__cheek--left{left:12px}.character__cheek--right{right:12px}.character__mouth{position:absolute;left:41px;top:92px;width:30px;height:18px;transform-origin:top center;transform:scaleY(calc(.34 + var(--smile) * .66)) scaleX(calc(.86 + var(--smile) * .14));transition:transform .2s cubic-bezier(.22,1,.36,1);will-change:transform}.character__mouth-cavity{position:absolute;inset:0;overflow:hidden;border-radius:6px 6px 18px 18px/4px 4px 22px 22px;background:linear-gradient(180deg,#5a2733 0,var(--mouth-dark) 60%)}.character__teeth{position:absolute;left:2px;right:2px;top:0;height:6px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,var(--tooth),#ece7e2)}.character__tongue{position:absolute;left:6px;right:6px;bottom:-6px;height:12px;border-radius:50% 50% 40% 40%;background:var(--tongue)}.character__lip{position:absolute;left:3px;right:3px;bottom:-3px;height:6px;border-radius:50%;background:linear-gradient(180deg,var(--skin-deep),transparent);opacity:.65}.character__eye{position:absolute;top:54px;width:28px;height:24px;border-radius:58% 58% 52% 52%/62% 62% 48% 48%;overflow:hidden;background:radial-gradient(70% 60% at 50% 18%,rgba(153,138,168,.32),transparent 70%),var(--eye-white);contain:paint}.character__eye--left{left:18px;rotate:-3deg}.character__eye--right{right:18px;rotate:3deg}.character__iris{left:8px;top:6px;width:13px;height:13px;background:radial-gradient(50% 50% at 50% 30%,var(--iris-lit) 0,transparent 60%),radial-gradient(70% 70% at 50% 80%,#1d2536 0,transparent 70%),var(--iris);transform:translate3d(calc(var(--look-x) * 4px),calc(var(--look-y) * 3px),0);transition:transform 90ms cubic-bezier(.33,1,.68,1);will-change:transform}.character__iris,.character__pupil{position:absolute;border-radius:50%}.character__pupil{left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#10151f}.character__glint{position:absolute;left:9px;top:6px;width:5px;height:5px;border-radius:50%;background:hsla(0,0%,100%,.92);z-index:2}.character__glint--minor{left:17px;top:14px;width:3px;height:3px;opacity:.6}.character__lid{position:absolute;left:-2px;top:-1px;width:calc(100% + 4px);height:100%;z-index:3;border-radius:0 0 46% 46%/0 0 34% 34%;background:linear-gradient(180deg,var(--skin) 0,var(--skin-shade) 82%,var(--skin-deep) 100%);transform:translate3d(0,calc(var(--blink) * 100% - 100%),0);will-change:transform}.character__lid:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:2px;border-radius:0 0 46% 46%/0 0 100% 100%;background:rgba(52,38,52,.45)}.character__eye-crease{position:absolute;top:76px;width:22px;height:6px;border-radius:50%;background:linear-gradient(180deg,var(--skin-deep),transparent);opacity:calc(var(--smile) * .7);transform:scaleY(calc(.5 + var(--smile) * .5));transition:opacity .22s ease-out,transform .22s ease-out}.character__eye-crease--left{left:21px}.character__eye-crease--right{right:21px}.character__arm{--mirror:1;position:absolute;top:2px;width:44px;height:154px;z-index:2;transform:rotate(calc(var(--reach-x) * .14deg * var(--mirror) + var(--reach-y) * .05deg));transform-origin:22px 14px;transition:transform .22s cubic-bezier(.33,1,.68,1)}.character__arm--left{left:-5px}.character__arm--right{--mirror:-1;right:-5px;transform:scaleX(-1) rotate(calc(var(--reach-x) * .14deg * var(--mirror) + var(--reach-y) * .05deg))}.character__shoulder{position:absolute;left:5px;top:7px;width:32px;height:46px;z-index:2;border-radius:52% 48% 42% 58%/58% 52% 30% 30%;background:radial-gradient(58% 44% at 34% 22%,var(--shirt-lit) 0,transparent 72%),linear-gradient(170deg,var(--shirt) 0,var(--shirt-shade) 100%);-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 96%);mask-image:linear-gradient(180deg,#000 58%,transparent 96%);transform-origin:20px 12px;will-change:transform}.character__upper-arm{position:absolute;left:8px;top:14px;width:28px;height:78px;transform-origin:14px 8px;will-change:transform}.character__sleeve{position:absolute;left:0;top:0;width:100%;height:52px;border-radius:16px 16px 14px 14px/18px 18px 10px 10px;background:linear-gradient(258deg,hsla(0,0%,100%,.18) 0 16%,transparent 48%),linear-gradient(170deg,var(--shirt) 0,var(--shirt-shade) 100%)}.character__sleeve:after{content:"";position:absolute;left:1px;right:1px;bottom:0;height:8px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,transparent,rgba(31,38,48,.22))}.character__upper-arm-skin{position:absolute;left:3px;top:46px;width:22px;height:36px;border-radius:10px 10px 12px 12px;background:linear-gradient(168deg,var(--skin-lit) 0,var(--skin) 46%,var(--skin-shade) 100%)}.character__forearm{position:absolute;left:1px;top:68px;width:26px;height:74px;transform-origin:13px 8px;will-change:transform}.character__forearm-shape{position:absolute;inset:0;border-radius:12px 12px 10px 10px/14px 14px 12px 12px;-webkit-clip-path:polygon(4% 0,96% 0,84% 100%,16% 100%);clip-path:polygon(4% 0,96% 0,84% 100%,16% 100%);background:radial-gradient(60% 40% at 30% 12%,var(--skin-lit) 0,transparent 70%),linear-gradient(170deg,var(--skin) 0,var(--skin-shade) 100%)}.character__forearm-shape:before{content:"";position:absolute;left:3px;right:3px;top:0;height:8px;border-radius:0 0 50% 50%;background:linear-gradient(180deg,var(--skin-deep),transparent);opacity:.45}.character__hand{position:absolute;left:0;top:64px;width:28px;height:32px;transform-origin:14px 6px;will-change:transform}.character__palm{position:absolute;left:1px;top:0;width:26px;height:24px;border-radius:10px 10px 14px 14px/8px 8px 16px 16px;background:radial-gradient(70% 50% at 34% 20%,var(--skin-lit) 0,transparent 70%),linear-gradient(170deg,var(--skin) 0,var(--skin-shade) 100%);z-index:2}.character__fingers{position:absolute;left:2px;top:18px;width:24px;height:16px;z-index:1}.character__finger{--finger-index:0;position:absolute;top:0;width:6px;height:15px;border-radius:3px 3px 4px 4px;background:linear-gradient(175deg,var(--skin) 0,var(--skin-shade) 100%);transform-origin:3px 2px;animation-delay:calc(var(--finger-index) * -.62s);will-change:transform}.character__finger--1{--finger-index:0;left:0;height:14px}.character__finger--2{--finger-index:1;left:6px;height:16px}.character__finger--3{--finger-index:2;left:12px;height:15px}.character__finger--4{--finger-index:3;left:18px;height:12px}.character__finger:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:3px;background:linear-gradient(180deg,var(--skin-deep),transparent);opacity:.4}.character__thumb{position:absolute;left:-3px;top:8px;width:8px;height:14px;border-radius:4px 3px 5px 5px;background:linear-gradient(190deg,var(--skin) 0,var(--skin-shade) 100%);transform-origin:6px 3px;rotate:16deg;z-index:3;will-change:transform}.character__hand[data-pose=point] .character__finger--1{transform:rotate(-4deg) scaleY(1.12)}.character__hand[data-pose=point] .character__finger--2,.character__hand[data-pose=point] .character__finger--3,.character__hand[data-pose=point] .character__finger--4{transform:rotate(-72deg) scaleY(.72)}.character__hand[data-pose=point] .character__thumb{rotate:40deg}.character__hand[data-pose=open] .character__finger{transform:rotate(calc((var(--finger-index) - 1.5) * 5deg))}.character__hand[data-pose=open] .character__thumb{rotate:30deg}.character__hand[data-pose=fist] .character__finger{transform:rotate(-86deg) scaleY(.66)}.character__hand[data-pose=fist] .character__thumb{rotate:52deg}.character__hand[data-pose] .character__finger,.character__hand[data-pose] .character__thumb{animation:none;transition:transform .26s cubic-bezier(.34,1.4,.64,1),rotate .26s cubic-bezier(.34,1.4,.64,1)}.character__legs{position:absolute;inset:0;z-index:1}.character__leg{--leg-side:1;position:absolute;top:338px;width:46px;height:200px}.character__leg--left{--leg-side:1;left:112px;z-index:2}.character__leg--right{--leg-side:-1;left:160px;z-index:1}.character__thigh{position:absolute;left:0;top:0;width:46px;height:104px;transform-origin:23px 8px;will-change:transform}.character__thigh-shape{position:absolute;inset:0;border-radius:20px 20px 14px 14px/26px 26px 12px 12px;-webkit-clip-path:polygon(2% 0,98% 0,84% 100%,16% 100%);clip-path:polygon(2% 0,98% 0,84% 100%,16% 100%);background:linear-gradient(256deg,hsla(0,0%,100%,.12) 0 14%,transparent 44%),linear-gradient(174deg,var(--pants-lit) 0,var(--pants) 62%)}.character__thigh-shape:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:12px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,transparent,rgba(20,25,38,.35))}.character__shin{position:absolute;left:5px;top:96px;width:38px;height:96px;transform-origin:19px 6px;will-change:transform}.character__shin-shape{position:absolute;inset:0;border-radius:14px 14px 10px 10px/16px 16px 14px 14px;-webkit-clip-path:polygon(6% 0,94% 0,80% 100%,20% 100%);clip-path:polygon(6% 0,94% 0,80% 100%,20% 100%);background:linear-gradient(256deg,hsla(0,0%,100%,.1) 0 14%,transparent 44%),linear-gradient(178deg,var(--pants) 0,#2e3750 100%)}.character__shin-shape:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:10px;border-radius:4px;background:linear-gradient(180deg,var(--pants-lit),var(--pants))}.character__foot{position:absolute;left:-6px;top:88px;width:52px;height:26px;transform-origin:16px 20px;will-change:transform}.character__shoe{position:absolute;inset:0;border-radius:34% 46% 22% 26%/62% 70% 34% 34%;background:linear-gradient(250deg,hsla(0,0%,100%,.16) 0 12%,transparent 42%),linear-gradient(166deg,#39415a 0,var(--shoe) 66%)}.character__shoe:after{content:"";position:absolute;left:1px;right:1px;bottom:0;height:7px;border-radius:20% 30% 16% 20%/100% 100% 60% 60%;background:linear-gradient(180deg,var(--shoe-sole),color-mix(in srgb,var(--shoe-sole) 82%,var(--shoe)))}.character__leg--right .character__shoe{border-radius:46% 34% 26% 22%/70% 62% 34% 34%}.character__leg--right .character__foot{left:-8px;transform-origin:36px 20px}.character__prop{position:absolute;pointer-events:none}.character__prop--pencil{left:8px;top:-16px;width:6px;height:42px;border-radius:2px;background:linear-gradient(96deg,#f6c445,#e0a92b 60%,#c98f1c);transform-origin:3px 30px;rotate:18deg;z-index:4}.character__prop--pencil:before{left:0;width:6px;height:10px;background:linear-gradient(96deg,#f0dcc0,#d8bd97)}.character__prop--pencil:after,.character__prop--pencil:before{content:"";position:absolute;top:-9px;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.character__prop--pencil:after{left:1.5px;width:3px;height:4px;background:#3a3348}.character__prop--mug{left:2px;top:2px;width:22px;height:22px;border-radius:4px 4px 9px 9px;background:linear-gradient(120deg,#fff,#dfe6f5 55%,#c2cbed);transform-origin:11px 22px;z-index:4}.character__prop--mug:before{content:"";position:absolute;right:-7px;top:5px;width:11px;height:12px;border:3px solid #cfd8ee;border-left-color:transparent;border-radius:50%}.character__prop--mug:after{content:"";position:absolute;left:2px;right:2px;top:2px;height:5px;border-radius:3px;background:linear-gradient(180deg,#6f4630,#4e3020)}.character__prop--sheet{left:-22px;top:-34px;width:52px;height:44px;border-radius:3px;background:linear-gradient(160deg,#fff,#eef1fb);box-shadow:0 3px 8px rgba(31,38,48,.14);transform-origin:26px 44px;rotate:-6deg;z-index:5}.character__prop--sheet:before{content:"";position:absolute;inset:7px 6px 6px 6px;background:repeating-linear-gradient(180deg,rgba(85,102,196,.42) 0 1.5px,transparent 1.5px 8px)}.character__prop--notebook{left:-20px;top:-20px;width:54px;height:38px;border-radius:3px;background:linear-gradient(170deg,#fdfdff,#e6ebf8);box-shadow:0 4px 10px rgba(31,38,48,.16);transform-origin:27px 38px;rotate:-12deg;z-index:3}.character__prop--notebook:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(31,38,48,.2),transparent)}.character__prop--notebook:after{content:"";position:absolute;right:6px;top:8px;width:18px;height:22px;background:repeating-linear-gradient(180deg,rgba(58,51,72,.32) 0 1.5px,transparent 1.5px 6px)}.character__prop--book{left:-24px;top:-14px;width:58px;height:40px;border-radius:3px 5px 5px 3px;background:linear-gradient(150deg,var(--shirt-lit) 0,var(--shirt-shade) 100%);box-shadow:0 5px 12px rgba(31,38,48,.2);transform-origin:29px 40px;rotate:-8deg;z-index:5}.character__prop--book:before{content:"";position:absolute;right:-3px;top:3px;bottom:3px;width:5px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(180deg,#fff 0 2px,#dfe4f0 2px 4px)}.character__prop--book:after{content:"";position:absolute;left:8px;top:12px;width:26px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.65)}.character__prop--card{left:-14px;top:-6px;width:42px;height:27px;border-radius:4px;background:linear-gradient(126deg,#f5e11a,#f0c542 48%,#e0a92b);box-shadow:0 4px 10px rgba(31,38,48,.22);transform-origin:21px 27px;rotate:-10deg;z-index:5}.character__prop--card:before{content:"";position:absolute;left:6px;top:8px;width:9px;height:7px;border-radius:2px;background:linear-gradient(150deg,#fdf3c4,#c9a227)}.character__prop--card:after{content:"";position:absolute;left:6px;bottom:5px;width:26px;height:3px;border-radius:2px;background:rgba(31,38,48,.35)}.character__prop--magnifier{left:4px;top:-30px;width:8px;height:34px;border-radius:4px;background:linear-gradient(96deg,#6b5a44,#4a3d2d);transform-origin:4px 30px;rotate:12deg;z-index:5}.character__prop--magnifier:before{content:"";position:absolute;left:-11px;top:-26px;width:30px;height:30px;border:4px solid #8d97ab;border-radius:50%;background:radial-gradient(60% 60% at 35% 30%,hsla(0,0%,100%,.85),rgba(197,214,240,.4))}.character__prop--laptop{left:-34px;top:-30px;width:76px;height:46px;transform-origin:38px 46px;rotate:-6deg;z-index:5}.character__prop--laptop:before{content:"";position:absolute;left:8px;top:0;width:60px;height:34px;border-radius:4px 4px 1px 1px;background:linear-gradient(168deg,#4a5573,#2f3850);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16)}.character__prop--laptop:after{content:"";position:absolute;left:0;top:32px;width:76px;height:14px;border-radius:2px;-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(180deg,#7b86a2,#3d4762)}.character__prop--chart{left:214px;top:156px;width:96px;height:84px;border-radius:8px;background:linear-gradient(160deg,#fff,#e9eefb);box-shadow:0 8px 18px rgba(31,38,48,.16);border:1px solid rgba(31,38,48,.08);z-index:0}.character__prop--chart:before{content:"";position:absolute;left:12px;bottom:14px;width:16px;height:26px;border-radius:3px 3px 0 0;background:var(--shirt);box-shadow:24px -12px 0 0 var(--teal-500,#14b8a6),48px -26px 0 0 #f0c542}.character__prop--chart:after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:2px;border-radius:1px;background:rgba(31,38,48,.18)}.character__prop--blocks{left:40px;top:40px;width:22px;height:22px;border-radius:5px;background:linear-gradient(140deg,var(--shirt-lit),var(--shirt));box-shadow:0 4px 10px rgba(31,38,48,.18);z-index:7;opacity:.95}.character__prop--blocks:before{content:"";position:absolute;left:196px;top:14px;width:16px;height:16px;border-radius:50%;background:linear-gradient(140deg,#f5e11a,#f0c542);box-shadow:0 4px 10px rgba(31,38,48,.16)}.character__prop--blocks:after{content:"";position:absolute;left:168px;top:-26px;width:20px;height:18px;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(140deg,var(--teal-500,#14b8a6),#0d9488)}@keyframes character-type-carry-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(30deg)}}@keyframes character-type-carry-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-116deg)}}@keyframes character-type-hand-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(-8deg)}}@keyframes character-type-hand-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-146deg)}}@keyframes character-type-wrist{0%,to{transform:rotate(0deg)}35%{transform:rotate(-7deg) translateY(1px)}60%{transform:rotate(-2deg)}}@keyframes character-type-tap{0%,to{transform:rotate(0deg)}40%{transform:rotate(-26deg)}70%{transform:rotate(-5deg)}}.character[data-activity=typing] .character__arm--left .character__upper-arm{animation:character-type-carry-upper 11s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=typing] .character__arm--left .character__forearm{animation:character-type-carry-fore 11s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=typing] .character__arm--right .character__upper-arm{animation:character-type-hand-upper 11s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=typing] .character__arm--right .character__forearm{animation:character-type-hand-fore 11s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=typing] .character__arm--right .character__hand{animation:character-type-wrist .56s ease-in-out infinite}.character[data-activity=typing] .character__arm--right .character__hand[data-pose] .character__finger{animation:character-type-tap .4s ease-in-out infinite;transition:none}.character[data-activity=typing]{--head-pitch:9deg}@keyframes character-read-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(-10deg)}}@keyframes character-read-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-140deg)}}@keyframes character-read-page{0%,to{transform:rotate(0deg)}40%{transform:rotate(3deg) translateY(-1px)}70%{transform:rotate(-2deg)}}@keyframes character-read-scan{0%{transform:translate3d(-3px,1px,0)}70%{transform:translate3d(3.5px,1px,0)}76%{transform:translate3d(-3px,2px,0)}to{transform:translate3d(-3px,1px,0)}}.character[data-activity=reading] .character__upper-arm{animation:character-read-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=reading] .character__forearm{animation:character-read-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=reading] .character__arm--left .character__upper-arm{animation-name:character-read-upper-support}.character[data-activity=reading] .character__arm--left .character__forearm{animation-name:character-read-fore-support}@keyframes character-read-upper-support{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(26deg)}}@keyframes character-read-fore-support{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-66deg)}}.character[data-activity=reading] .character__prop--sheet{animation:character-read-page 5.4s ease-in-out infinite}.character[data-activity=reading] .character__iris{animation:character-read-scan 3.6s ease-in-out infinite}.character[data-activity=reading]{--head-pitch:7deg}@keyframes character-sip-upper{0%,to{transform:rotate(2deg)}10%,55%,90%{transform:rotate(18deg)}66%,78%{transform:rotate(-12deg)}}@keyframes character-sip-fore{0%,to{transform:rotate(3deg)}10%,55%,90%{transform:rotate(-118deg)}66%,78%{transform:rotate(-152deg)}}@keyframes character-sip-head{0%,60%,to{transform:translateY(0) rotate(0deg)}68%,76%{transform:translateY(2px) rotate(-1.5deg)}}.character[data-activity=sipping] .character__arm--right .character__upper-arm{animation:character-sip-upper 13s cubic-bezier(.37,0,.63,1) infinite}.character[data-activity=sipping] .character__arm--right .character__forearm{animation:character-sip-fore 13s cubic-bezier(.37,0,.63,1) infinite}.character[data-activity=sipping] .character__head-bob{animation:character-sip-head 13s cubic-bezier(.37,0,.63,1) infinite}@keyframes character-note-hold-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(30deg)}}@keyframes character-note-hold-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-114deg)}}@keyframes character-note-write-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(-6deg)}}@keyframes character-note-write-fore{0%,to{transform:rotate(3deg)}8%{transform:rotate(-138deg)}20%,44%,68%{transform:rotate(-142deg)}32%,56%,80%{transform:rotate(-134deg)}92%{transform:rotate(-138deg)}}.character[data-activity=writing] .character__arm--left .character__upper-arm{animation:character-note-hold-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=writing] .character__arm--left .character__forearm{animation:character-note-hold-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=writing] .character__arm--right .character__upper-arm{animation:character-note-write-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=writing] .character__arm--right .character__forearm{animation:character-note-write-fore 6s ease-in-out infinite}.character[data-activity=writing]{--head-pitch:10deg}@keyframes character-puzzle-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(-10deg)}}@keyframes character-puzzle-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-148deg)}}@keyframes character-puzzle-head{0%,to{transform:rotate(0deg) translateY(0)}35%{transform:rotate(2.6deg) translateY(-1px)}70%{transform:rotate(-1.6deg)}}@keyframes character-blocks-drift{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate3d(3px,-8px,0) rotate(8deg)}66%{transform:translate3d(-2px,4px,0) rotate(-5deg)}}.character[data-activity=puzzling] .character__arm--right .character__upper-arm{animation:character-puzzle-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=puzzling] .character__arm--right .character__forearm{animation:character-puzzle-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=puzzling] .character__head-bob{animation:character-puzzle-head 7.4s ease-in-out infinite}.character__prop--blocks{animation:character-blocks-drift 9s ease-in-out infinite}@keyframes character-study-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(20deg)}}@keyframes character-study-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-122deg)}}@keyframes character-page-turn{0%,74%,to{transform:rotate(-8deg) scaleX(1)}80%{transform:rotate(-4deg) scaleX(.9)}86%{transform:rotate(-10deg) scaleX(1.02)}}.character[data-activity=studying] .character__upper-arm{animation:character-study-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=studying] .character__forearm{animation:character-study-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=studying] .character__arm--left .character__forearm{animation-name:character-study-fore-support}@keyframes character-study-fore-support{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-60deg)}}.character[data-activity=studying] .character__prop--book{animation:character-page-turn 8.6s ease-in-out infinite}.character[data-activity=studying]{--head-pitch:13deg}@keyframes character-tap-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(-8deg)}}@keyframes character-tap-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-150deg)}}@keyframes character-tap-wrist{0%,46%,to{transform:rotate(0deg)}24%,8%{transform:rotate(-12deg)}16%,32%{transform:rotate(2deg)}}.character[data-activity=pencilTap] .character__arm--right .character__upper-arm{animation:character-tap-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=pencilTap] .character__arm--right .character__forearm{animation:character-tap-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=pencilTap] .character__arm--right .character__hand{animation:character-tap-wrist 2.6s ease-in-out infinite}@keyframes character-chart-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(76deg)}}@keyframes character-chart-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(14deg)}}@keyframes character-chart-sweep{0%,to{transform:rotate(0deg)}40%{transform:rotate(-9deg)}70%{transform:rotate(4deg)}}@keyframes character-chart-grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.14)}}.character[data-activity=charting] .character__arm--right .character__upper-arm{animation:character-chart-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=charting] .character__arm--right .character__forearm{animation:character-chart-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=charting] .character__arm--right .character__hand{animation:character-chart-sweep 5.2s ease-in-out infinite}.character[data-activity=charting] .character__prop--chart:before{transform-origin:bottom center;animation:character-chart-grow 4.4s ease-in-out infinite}@keyframes character-card-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(18deg)}}@keyframes character-card-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-126deg)}}@keyframes character-card-turn{0%,to{transform:rotate(0deg) scaleX(1)}40%{transform:rotate(6deg) scaleX(.82)}70%{transform:rotate(-3deg) scaleX(1)}}.character[data-activity=paying] .character__arm--right .character__upper-arm{animation:character-card-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=paying] .character__arm--right .character__forearm{animation:character-card-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=paying] .character__prop--card{animation:character-card-turn 6.2s ease-in-out infinite}@keyframes character-search-upper{0%,to{transform:rotate(2deg)}8%,92%{transform:rotate(-82deg)}}@keyframes character-search-fore{0%,to{transform:rotate(3deg)}8%,92%{transform:rotate(-62deg)}}@keyframes character-search-head{0%,to{transform:rotate(0deg)}30%{transform:rotate(-5deg)}65%{transform:rotate(4.5deg)}}@keyframes character-search-step{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(.6deg)}75%{transform:translateY(-2px) rotate(-.6deg)}}@keyframes character-search-leg{0%,to{transform:rotate(0deg)}50%{transform:rotate(-5deg)}}.character[data-activity=searching] .character__arm--right .character__upper-arm{animation:character-search-upper 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=searching] .character__arm--right .character__forearm{animation:character-search-fore 12s cubic-bezier(.33,1,.68,1) infinite}.character[data-activity=searching] .character__head-bob{animation:character-search-head 5.8s ease-in-out infinite}.character[data-activity=searching] .character__body{animation:character-search-step 1.9s ease-in-out infinite}.character[data-activity=searching] .character__leg--right .character__thigh{animation:character-search-leg 1.9s ease-in-out infinite}.character[data-activity=searching] .character__leg--left .character__thigh{animation:character-search-leg 1.9s ease-in-out infinite;animation-delay:-.95s}@keyframes character-run-thigh{0%,to{transform:rotate(30deg)}50%{transform:rotate(-24deg)}}@keyframes character-run-shin{0%,to{transform:rotate(-14deg)}30%{transform:rotate(-6deg)}62%{transform:rotate(-62deg)}}@keyframes character-run-foot{0%,to{transform:rotate(6deg)}55%{transform:rotate(-18deg)}}@keyframes character-run-arm{0%,to{transform:rotate(-38deg)}50%{transform:rotate(34deg)}}@keyframes character-run-fore{0%,to{transform:rotate(-58deg)}50%{transform:rotate(-84deg)}}@keyframes character-run-bob{0%,50%,to{transform:translateY(0) rotate(0deg)}25%,75%{transform:translateY(-5px) rotate(.6deg)}}@keyframes character-run-hair{0%,to{transform:rotate(-7deg) translateX(-1px)}50%{transform:rotate(-3deg) translateX(0)}}.character[data-activity=running] .character__leg--left .character__thigh{animation:character-run-thigh .62s cubic-bezier(.45,0,.55,1) infinite}.character[data-activity=running] .character__leg--right .character__thigh{animation:character-run-thigh .62s cubic-bezier(.45,0,.55,1) infinite;animation-delay:-.31s}.character[data-activity=running] .character__leg--left .character__shin{animation:character-run-shin .62s cubic-bezier(.45,0,.55,1) infinite}.character[data-activity=running] .character__leg--right .character__shin{animation:character-run-shin .62s cubic-bezier(.45,0,.55,1) infinite;animation-delay:-.31s}.character[data-activity=running] .character__leg--left .character__foot{animation:character-run-foot .62s ease-in-out infinite}.character[data-activity=running] .character__leg--right .character__foot{animation:character-run-foot .62s ease-in-out infinite;animation-delay:-.31s}.character[data-activity=running] .character__arm--left .character__upper-arm{animation:character-run-arm .62s cubic-bezier(.45,0,.55,1) infinite;animation-delay:-.31s}.character[data-activity=running] .character__arm--left .character__forearm{animation:character-run-fore .62s cubic-bezier(.45,0,.55,1) infinite;animation-delay:-.31s}.character[data-activity=running] .character__arm--right .character__upper-arm{animation:character-run-arm .62s cubic-bezier(.45,0,.55,1) infinite}.character[data-activity=running] .character__arm--right .character__forearm{animation:character-run-fore .62s cubic-bezier(.45,0,.55,1) infinite}.character[data-activity=running] .character__body{animation:character-run-bob .62s cubic-bezier(.45,0,.55,1) infinite}.character[data-activity=running] .character__hair-cowlick,.character[data-activity=running] .character__hair-fringe{animation:character-run-hair .62s ease-in-out infinite}.character[data-activity=running]{--torso-lean:-5deg;--head-pitch:3deg}.character[data-activity=running] .character__shadow{animation:character-run-bob .62s cubic-bezier(.45,0,.55,1) infinite reverse;opacity:.7}