.mellow-character{vertical-align:middle;isolation:isolate;flex:none;display:inline-block;position:relative}.mellow-character>img{object-fit:contain;transform-origin:50% 90%;z-index:1;width:100%;height:100%;animation:.52s cubic-bezier(.2,.8,.3,1) both mellow-arrive;display:block;position:relative}.mellow-ground{filter:blur(1px);background:#0006;border-radius:50%;height:5%;position:absolute;bottom:1%;left:22%;right:22%}.mellow-idle>img{animation:.52s ease-out both mellow-arrive,7s ease-in-out 1s infinite mellow-breathe}.mellow-working>img{animation:1.7s ease-in-out infinite mellow-work}.mellow-review>img{animation:.5s ease-out both mellow-attend;transform:rotate(-5deg)}.mellow-success>img{animation:.7s ease-in-out both mellow-celebrate}.mellow-error>img{animation:.45s ease-out both mellow-pause}.mellow-dots{gap:2px;display:flex;position:absolute;top:0;right:-8px}.mellow-dots i{background:#b875ff;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite mellow-dot}.mellow-dots i:nth-child(2){animation-delay:.15s}.mellow-dots i:nth-child(3){animation-delay:.3s}.mellow-status{z-index:2;color:#fb5;text-align:center;background:#202123;border:1px solid #555;border-radius:50%;width:14px;height:14px;font:600 10px/12px system-ui;position:absolute;top:-2px;right:-3px}@keyframes mellow-arrive{0%{opacity:0;transform:translateY(3px)scale(.96,1.03)}65%{opacity:1;transform:translateY(-1px)scale(1.02,.98)}to{opacity:1;transform:none}}@keyframes mellow-breathe{0%,75%,to{transform:none}82%{transform:translateY(-1px)scale(1.01,1.025)}90%{transform:rotate(2deg)}}@keyframes mellow-work{0%,to{transform:rotate(-3deg)translateY(0)}40%{transform:rotate(3deg)translateY(-2px)scale(.98,1.025)}70%{transform:rotate(1deg)translateY(0)scale(1.02,.98)}}@keyframes mellow-attend{0%{transform:scale(1.03,.97)}65%{transform:rotate(-7deg)}to{transform:rotate(-5deg)}}@keyframes mellow-celebrate{0%{transform:scale(1.06,.94)}35%{transform:translateY(-5px)scale(.98,1.02)rotate(4deg)}70%{transform:scale(1.03,.97)}to{transform:none}}@keyframes mellow-pause{0%,to{transform:none}30%{transform:rotate(-4deg)}65%{transform:rotate(3deg)}}@keyframes mellow-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.mellow-character>img,.mellow-dots i{animation:none!important;transform:none!important}.mellow-dots i{opacity:.8}}html[data-motion=off] .mellow-character>img,html[data-motion=off] .mellow-dots i{animation:none!important;transform:none!important}