.milo{--s:var(--milo-unit,calc(100% / 320));-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50% 84%;display:inline-block;position:relative}.milo img{-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none;display:block;position:absolute}.milo__tail{width:calc(150 * var(--s));left:calc(13 * var(--s));top:calc(229 * var(--s));transform-origin:82%;z-index:0;animation:2.4s ease-in-out infinite milo-tail}.milo__body{width:calc(190 * var(--s));left:calc(77 * var(--s));top:calc(119 * var(--s));z-index:1}.milo__head-group{z-index:4;transform-origin:calc(158 * var(--s)) calc(142 * var(--s));animation:4s ease-in-out infinite milo-head-idle;position:absolute;inset:0}.milo__head{width:calc(215 * var(--s));left:calc(51 * var(--s));top:calc(20 * var(--s));z-index:4}.milo__hat{width:calc(113 * var(--s));left:calc(105 * var(--s));top:calc(-19 * var(--s));transform-origin:50% 80%;z-index:3}.milo__brow{width:calc(34 * var(--s));z-index:7;opacity:.95;transform-origin:50%}.milo__brow--left{left:calc(124 * var(--s));top:calc(69 * var(--s));transform:rotate(-8deg)}.milo__brow--right{left:calc(189 * var(--s));top:calc(66 * var(--s));transform:scaleX(-1)rotate(-8deg)}.milo__eye-white{z-index:7;transform-origin:50%}.milo__eye-white--left{width:calc(49 * var(--s));left:calc(120 * var(--s));top:calc(74 * var(--s))}.milo__eye-white--right{width:calc(45 * var(--s));left:calc(180 * var(--s));top:calc(72 * var(--s))}.milo__pupil-wrap{z-index:8;position:absolute;overflow:hidden}.milo__pupil-wrap--left{width:calc(45 * var(--s));height:calc(45 * var(--s));left:calc(125 * var(--s));top:calc(75 * var(--s))}.milo__pupil-wrap--right{width:calc(46 * var(--s));height:calc(46 * var(--s));left:calc(179 * var(--s));top:calc(74 * var(--s))}.milo__pupil{left:calc(2 * var(--s));top:calc(2 * var(--s));width:calc(100% - 4 * var(--s))}.milo__eye-white,.milo__pupil-wrap{animation:5.4s ease-in-out infinite milo-eye-blink}.milo__paw{z-index:9}.milo__paw--left{width:calc(69 * var(--s));left:calc(94 * var(--s));top:calc(158 * var(--s));transform-origin:18% 82%;transform:rotate(-26deg)}.milo__paw--right{width:calc(78 * var(--s));left:calc(180 * var(--s));top:calc(148 * var(--s));transform-origin:78% 82%;transform:scaleX(-1)rotate(26deg)}.milo__speech{left:calc(255 * var(--s));top:calc(34 * var(--s));width:calc(132 * var(--s));min-width:calc(112 * var(--s));max-width:calc(150 * var(--s));padding:calc(8 * var(--s)) calc(10 * var(--s));border-radius:calc(18 * var(--s));color:#1f2937;font-size:calc(14 * var(--s));opacity:0;z-index:20;text-align:center;background:#fff;font-weight:700;transition:all .25s;position:absolute;transform:translateY(8px)scale(.96);box-shadow:0 8px 22px #00000024}.milo__speech:after{content:"";left:calc(-9 * var(--s));top:calc(20 * var(--s));border-width:calc(7 * var(--s)) calc(9 * var(--s)) calc(7 * var(--s)) 0;border-style:solid;border-color:#0000 #fff #0000 #0000;position:absolute}.milo--idle .milo__speech,.milo--speaking .milo__speech,.milo--thinking .milo__speech,.milo--correct .milo__speech,.milo--wrong .milo__speech,.milo--celebrating .milo__speech,.milo--pointing .milo__speech,.milo--blinking .milo__speech,.milo--winking .milo__speech,.milo--surprised .milo__speech,.milo--frowning .milo__speech{opacity:1;transform:translateY(0)scale(1)}.milo--speaking .milo__head-group{animation:.9s ease-in-out infinite milo-speak-head}.milo--thinking .milo__head-group{animation:2s ease-in-out infinite milo-think-head}.milo--correct .milo__head-group{animation:1.1s ease-in-out infinite milo-correct-nod}.milo--wrong .milo__head-group{animation:.65s ease-in-out infinite milo-wrong-head-shake}.milo--celebrating .milo__head-group{animation:.8s ease-in-out infinite milo-celebrate-head}.milo--pointing .milo__head-group{animation:1.8s ease-in-out infinite milo-point-head}.milo--idle .milo__paw--left{animation:3.8s ease-in-out infinite milo-paw-idle-left}.milo--idle .milo__paw--right{animation:4.4s ease-in-out infinite milo-paw-idle-right}.milo--blinking .milo__eye-white,.milo--blinking .milo__pupil-wrap{animation:1.8s ease-in-out infinite milo-eye-blink}.milo--winking .milo__eye-white,.milo--winking .milo__pupil-wrap{animation:1.7s ease-in-out infinite milo-eye-wink}.milo--surprised .milo__brow--left{animation:1.6s ease-in-out infinite milo-brow-surprise-left}.milo--surprised .milo__brow--right{animation:1.6s ease-in-out infinite milo-brow-surprise-right}.milo--surprised .milo__eye-white,.milo--surprised .milo__pupil-wrap{animation:1.6s ease-in-out infinite milo-eye-widen}.milo--frowning .milo__brow--left{animation:2s ease-in-out infinite milo-brow-furrow-left}.milo--frowning .milo__brow--right{animation:2s ease-in-out infinite milo-brow-furrow-right}.milo--correct .milo__eye-white,.milo--correct .milo__pupil-wrap{animation:1.7s ease-in-out infinite milo-eye-wink}.milo--wrong .milo__brow--left{animation:.65s ease-in-out infinite milo-brow-furrow-left}.milo--wrong .milo__brow--right{animation:.65s ease-in-out infinite milo-brow-furrow-right}.milo--thinking .milo__brow--left{animation:2s ease-in-out infinite milo-brow-ponder-left}@keyframes milo-tail{0%,to{transform:rotate(-2deg)}50%{transform:rotate(5deg)}}@keyframes milo-head-idle{0%,to{transform:rotate(0)translateY(0)}45%{transform:rotate(-1deg) translateY(calc(1 * var(--s)))}75%{transform:rotate(1deg) translateY(calc(-1 * var(--s)))}}@keyframes milo-speak-head{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(.8deg) translateY(calc(-2 * var(--s)))}}@keyframes milo-think-head{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(3deg) translateY(calc(2 * var(--s)))}}@keyframes milo-correct-nod{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(1deg) translateY(calc(3 * var(--s)))}62%{transform:rotate(-1deg) translateY(calc(-2 * var(--s)))}}@keyframes milo-wrong-head-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes milo-celebrate-head{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-2deg) translateY(calc(-4 * var(--s)))}}@keyframes milo-point-head{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes milo-paw-idle-left{0%,to{transform:rotate(-26deg)}50%{transform:rotate(-30.5deg)}}@keyframes milo-paw-idle-right{0%,to{transform:scaleX(-1)rotate(26deg)}50%{transform:scaleX(-1)rotate(30.5deg)}}@keyframes milo-eye-blink{0%,82%,to{opacity:1;transform:scaleY(1)}88%,92%{opacity:.18;transform:scaleY(.08)}}@keyframes milo-eye-wink{0%,70%,to{opacity:1;transform:scaleY(1)}78%,88%{opacity:.18;transform:scaleY(.08)}}@keyframes milo-brow-surprise-left{0%,to{transform:rotate(-8deg)}35%,70%{transform:translateY(calc(-7 * var(--s))) rotate(-12deg)}}@keyframes milo-brow-surprise-right{0%,to{transform:scaleX(-1)rotate(-8deg)}35%,70%{transform:translateY(calc(-7 * var(--s))) scaleX(-1) rotate(-12deg)}}@keyframes milo-eye-widen{0%,to{transform:scaleY(1)}35%,70%{transform:scaleY(1.12)}}@keyframes milo-brow-furrow-left{0%,to{transform:rotate(-8deg)}40%,75%{transform:translate(calc(6 * var(--s)), calc(5 * var(--s))) rotate(12deg)}}@keyframes milo-brow-furrow-right{0%,to{transform:scaleX(-1)rotate(-8deg)}40%,75%{transform:translate(calc(-6 * var(--s)), calc(5 * var(--s))) scaleX(-1) rotate(12deg)}}@keyframes milo-brow-ponder-left{0%,to{transform:rotate(-8deg)}45%,70%{transform:translateY(calc(-5 * var(--s))) rotate(-15deg)}}@media (prefers-reduced-motion:reduce){.milo,.milo *,.milo :after{animation:none!important}}