.artwork-mascot-stage{place-items:center;height:340px;display:grid;overflow:hidden}.artwork-mascot-pet{width:224px;max-width:70%;position:relative}.artwork-mascot-pet img{width:100%;height:auto;display:block}.artwork-mascot-hop{animation:4s ease-in-out infinite maddie-art-hop}.artwork-mascot-wiggle{transform-origin:50% 85%;animation:4s ease-in-out infinite maddie-art-wiggle}.artwork-mascot-screen{background:var(--mascot-screen);border-radius:10%;place-items:center;width:43%;height:22%;display:grid;position:absolute;top:36%;left:29%}.artwork-mascot-dots,.artwork-mascot-crescents{color:var(--mascot-expression);justify-content:center;align-items:center;gap:26%;display:flex;position:absolute;inset:0}.artwork-mascot-dots{animation:4s ease-in-out infinite maddie-art-dots}.artwork-mascot-dots i{background:var(--mascot-expression);border-radius:50%;width:8%;height:27%}.artwork-mascot-crescents{animation:4s ease-in-out infinite maddie-art-crescents}.artwork-mascot-crescents i{border:solid var(--mascot-expression);border-width:4px 4px 0;border-radius:50% 50% 0 0;width:25%;height:30%}.artwork-mascot-tick{color:var(--mascot-expression);place-items:center;animation:4s ease-in-out infinite maddie-art-tick;display:grid;position:absolute;inset:0}.artwork-mascot-tick svg{width:40%;height:80%}.artwork-mascot-pet[data-paused=true] *{animation-play-state:paused}.artwork-mascot-stage[data-corner=true]{place-items:end;height:260px;padding:18px}.artwork-mascot-stage[data-corner=true] .artwork-mascot-pet{width:120px}.artwork-mascot-stage[data-corner=true] .artwork-mascot-crescents i{border-width:2px 2px 0}@keyframes maddie-art-hop{0%,8%,30%,to{transform:translateY(0)}18%{transform:translateY(-18px)}26%{transform:translateY(2px)}}@keyframes maddie-art-wiggle{0%,32%,66%,to{transform:rotate(0)}40%{transform:rotate(-5deg)}49%{transform:rotate(5deg)}58%{transform:rotate(-3deg)}}@keyframes maddie-art-tick{0%,27%,58%,to{opacity:0;transform:scale(.6)}34%,51%{opacity:1;transform:scale(1)}}@keyframes maddie-art-dots{0%,23%,to{opacity:1}29%,94%{opacity:0}}@keyframes maddie-art-crescents{0%,54%,to{opacity:0}62%,92%{opacity:1}}[data-motion=bouncy] .artwork-mascot-hop{animation-name:maddie-art-double-hop}[data-motion=bouncy] .artwork-mascot-wiggle{animation-name:maddie-art-playful}[data-motion=sway] .artwork-mascot-hop{animation-name:maddie-art-soft-hop}[data-motion=sway] .artwork-mascot-wiggle{animation-name:maddie-art-sway}.artwork-mascot-inline{width:104px;height:110px}.artwork-mascot-inline .artwork-mascot-stage{height:110px;overflow:visible}.artwork-mascot-inline .artwork-mascot-pet{width:104px;max-width:100%}.artwork-mascot-inline .artwork-mascot-crescents i{border-width:2px 2px 0}.artwork-mascot-inline .artwork-mascot-pet *{animation-iteration-count:2}@keyframes maddie-art-double-hop{0%,8%,30%,52%,to{transform:translateY(0)}18%{transform:translateY(-25px)}40%{transform:translateY(-14px)}}@keyframes maddie-art-playful{0%,50%,76%,to{transform:rotate(0)}57%{transform:rotate(-8deg)}65%{transform:rotate(8deg)}71%{transform:rotate(-4deg)}}@keyframes maddie-art-soft-hop{0%,8%,34%,to{transform:translateY(0)}21%{transform:translateY(-9px)}}@keyframes maddie-art-sway{0%,30%,78%,to{transform:rotate(0)}43%{transform:rotate(-7deg)}62%{transform:rotate(7deg)}}@media (prefers-reduced-motion:reduce){.artwork-mascot-pet *{animation:none!important}.artwork-mascot-dots,.artwork-mascot-tick{opacity:0}.artwork-mascot-crescents{opacity:1}}