.zds-mascot{block-size:auto;inline-size:100%;display:block;overflow:visible}.zds-mascot[width]{inline-size:auto}.zds-mascot--head{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-line);border-radius:50%;overflow:hidden}.zds-mascot--head .zm-shadow{display:none}@media (prefers-reduced-motion:no-preference){.zds-mascot--animated .zm-body,.zds-mascot--animated .zm-arm-l,.zds-mascot--animated .zm-arm-r,.zds-mascot--animated .zm-eyes,.zds-mascot--animated .zm-fx{transform-box:view-box}.zds-mascot--animated .zm-body{transform-origin:100px 198px;animation:3.4s ease-in-out infinite zm-breathe}.zds-mascot--animated .zm-eyes{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite zm-blink}.zds-mascot--animated .zm-arm-l{transform-origin:52px 128px}.zds-mascot--animated .zm-arm-r{transform-origin:148px 128px}.zds-mascot--animated.zds-mascot--hero .zm-arm-r{animation:2.6s ease-in-out infinite zm-flex}.zds-mascot--animated.zds-mascot--brand .zm-arm-r{animation:3s ease-in-out infinite zm-raise}.zds-mascot--animated.zds-mascot--preparing .zm-eyes{transform-box:view-box;animation:2.4s ease-in-out infinite zm-read}.zds-mascot--animated .zm-fx--todo{animation:1.2s ease-in-out infinite zm-pulse}.zds-mascot--animated.zds-mascot--downloading .zm-arm-r{animation:1.6s ease-in-out infinite zm-bob}.zds-mascot--animated .zm-drop{animation:1.1s linear infinite zm-drop}.zds-mascot--animated .zm-drop--1{animation-delay:.35s}.zds-mascot--animated .zm-drop--2{animation-delay:.7s}.zds-mascot--animated.zds-mascot--installing .zm-arm-r{animation:1.1s ease-in infinite zm-hammer}.zds-mascot--animated .zm-tool{transform-box:view-box;transform-origin:161.5px 81px}.zds-mascot--animated.zds-mascot--installing .zm-tool{animation:1.1s ease-in infinite zm-hammer-wrist}.zds-mascot--animated .zm-fx--sparks{transform-box:fill-box;transform-origin:bottom;animation:1.1s ease-out infinite zm-sparks}.zds-mascot--animated .zm-fx--glow{animation:1.1s ease-in-out infinite zm-pulse}.zds-mascot--animated.zds-mascot--done .zm-arm-l{animation:.8s ease-in-out infinite alternate zm-pump-l}.zds-mascot--animated.zds-mascot--done .zm-arm-r{animation:.8s ease-in-out infinite alternate zm-pump-r}.zds-mascot--animated .zm-bit{animation:1.5s ease-in-out infinite zm-twinkle}.zds-mascot--animated .zm-bit--1{animation-delay:.5s}.zds-mascot--animated .zm-bit--2{animation-delay:1s}.zds-mascot--animated .zm-fx--tick{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.3,1.6,.6,1) both zm-pop}.zds-mascot--animated.zds-mascot--failed .zm-arm-l,.zds-mascot--animated.zds-mascot--failed .zm-arm-r{animation:2.8s ease-in-out infinite zm-shrug}.zds-mascot--animated .zm-fx--bubble{animation:2.8s ease-in-out infinite zm-float}.zds-mascot--animated .zm-fx--spin{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite zm-spin}@keyframes zm-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.022)}}@keyframes zm-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes zm-flex{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes zm-raise{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-4deg)translateY(-3px)}}@keyframes zm-read{0%,to{transform:translate(-1.5px)}50%{transform:translate(1.5px,1px)}}@keyframes zm-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes zm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes zm-drop{0%{opacity:0;transform:translateY(-8px)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes zm-hammer{0%,to{transform:rotate(-6deg)}45%{transform:rotate(-12deg)}60%{transform:rotate(45deg)}68%{transform:rotate(40deg)}}@keyframes zm-hammer-wrist{0%,to{transform:rotate(0)}45%{transform:rotate(-15deg)}60%{transform:rotate(139deg)}68%{transform:rotate(130deg)}}@keyframes zm-sparks{0%,58%{opacity:0;transform:scale(.4)}62%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.25)}}@keyframes zm-pump-l{0%{transform:rotate(0)}to{transform:rotate(9deg)translateY(-2px)}}@keyframes zm-pump-r{0%{transform:rotate(0)}to{transform:rotate(-9deg)translateY(-2px)}}@keyframes zm-twinkle{0%,to{opacity:1}50%{opacity:.2}}@keyframes zm-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zm-shrug{0%,30%,to{transform:translateY(0)}45%,60%{transform:translateY(-4px)}}@keyframes zm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes zm-spin{0%,40%{transform:rotate(0)}to{transform:rotate(-360deg)}}}
