.xd{display:block;overflow:visible}.xd-eyes,.xd-tail,.xd-prop,.xd-slip,.xd-spark,.xd-flake{transform-box:fill-box}.xd-disc{fill:var(--color-mascot-disc)}.xd-flake{fill:none;stroke:var(--color-mascot-flake);stroke-width:1.6;stroke-linecap:round}.xd-fur{fill:var(--color-white);stroke:var(--color-mascot-outline);stroke-width:2}.xd-ear-in,.xd-pad{fill:var(--color-mascot-ear)}.xd-belly,.xd-muzzle{fill:var(--color-mascot-cream)}.xd-blush{fill:var(--color-mascot-blush);opacity:.85}.xd-ink{fill:var(--color-mascot-ink)}.xd-shine{fill:var(--color-white)}.xd-nose-shine{opacity:.55}.xd-line{fill:none;stroke:var(--color-mascot-ink);stroke-width:3.2;stroke-linecap:round}.xd-thin{stroke-width:2}.xd-tongue{fill:var(--color-mascot-tongue)}.xd-scarf,.xd-brand{fill:var(--color-app-primary)}.xd-brand-soft{fill:var(--color-mascot-accent-light)}.xd-scarf-stripe{fill:none;stroke:var(--color-mascot-accent-light);stroke-width:2.4;stroke-linecap:round}.xd-fringe{fill:none;stroke:var(--color-app-primary);stroke-width:2;stroke-linecap:round}.xd-paper{fill:var(--color-white);stroke:var(--color-mascot-paper-edge);stroke-width:2;stroke-linejoin:round}.xd-screen{fill:var(--color-mascot-screen)}.xd-chat{fill:var(--color-mascot-chat)}.xd-chat-me{fill:var(--color-mascot-chat-self)}.xd-scan{fill:var(--color-app-primary);opacity:.85}.xd-rule{fill:none;stroke:var(--color-mascot-rule);stroke-width:2.4;stroke-linecap:round}.xd-lens{fill:var(--color-white);fill-opacity:.45;stroke:var(--color-app-primary);stroke-width:3}.xd-handle{fill:none;stroke:var(--color-app-primary);stroke-width:3.6;stroke-linecap:round}.xd-dot{fill:var(--color-mascot-dot)}.xd-bar{fill:var(--color-mascot-rule)}.xd-box-1 .xd-goods{fill:var(--color-mascot-goods-ice)}.xd-box-2 .xd-goods{fill:var(--color-mascot-goods-orange)}.xd-box-3 .xd-goods{fill:var(--color-mascot-goods-mint)}.xd-snow{fill:none;stroke:var(--color-white);stroke-width:1.4;stroke-linecap:round}.xd-crate{fill:var(--color-mascot-crate);stroke:var(--color-app-primary);stroke-width:2;stroke-linejoin:round}.xd-arm-line{fill:none;stroke:var(--color-mascot-outline);stroke-width:22;stroke-linecap:round}.xd-arm{fill:none;stroke:var(--color-white);stroke-width:18;stroke-linecap:round}.xd-slip-paper{stroke:var(--color-app-primary)}.xd-check{fill:none;stroke:var(--color-app-primary);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.xd-qmark{fill:none;stroke:var(--color-white);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.xd-spark{fill:var(--color-mascot-spark)}.xd-sweat{fill:var(--color-mascot-sweat)}.xd-prop,.xd-happy,.xd-dots,.xd-smile,.xd-o,.xd-arms-rest,.xd-q,.xd-sweat,.xd-sparks{display:none}.xd--reading .xd-prop-reading,.xd--customers .xd-prop-customers,.xd--history .xd-prop-history,.xd--products .xd-prop-products,.xd--done .xd-prop-done,.xd--done .xd-sparks,.xd--done .xd-happy,.xd--done .xd-smile,.xd--confused .xd-arms-rest,.xd--confused .xd-q,.xd--confused .xd-dots,.xd--confused .xd-o,.xd--asking .xd-arms-rest,.xd--asking .xd-q,.xd--sweating .xd-sweat{display:inline}.xd--done .xd-eyes,.xd--done .xd-mouth,.xd--confused .xd-eyes,.xd--confused .xd-mouth{display:none}.xd-bob{animation:xd-bob 2.4s ease-in-out infinite}.xd--done .xd-bob{animation:xd-hop .5s cubic-bezier(.3,1.6,.5,1),xd-bob 2.4s ease-in-out .5s infinite}.xd-eyes{transform-origin:center;animation:xd-blink 4.2s infinite}.xd-pupils{transition:transform .3s ease}.xd--reading .xd-pupils,.xd--history .xd-pupils{transform:translateY(3px)}.xd--customers .xd-pupils{transform:translateY(3px);animation:xd-track 2.2s ease-in-out infinite}.xd--products .xd-pupils{transform:translate(3px,2px)}.xd--asking .xd-pupils{transform:translate(2px,-2px)}.xd-head{transform-box:view-box;transform-origin:100px 124px;transition:transform .3s ease}.xd--confused .xd-head{transform:rotate(-7deg)}.xd-tail{transform-origin:50% 0;animation:xd-sway 2.4s ease-in-out infinite}.xd-prop{transform-origin:center;animation:xd-in .28s ease-out}.xd-scan{animation:xd-scan 1.6s ease-in-out infinite}.xd-pop{animation:xd-pop 2.2s ease-out infinite}.xd-flip{opacity:0;transform-box:view-box;transform-origin:100px 151px;animation:xd-flip 2.2s ease-in-out infinite}.xd-mag{animation:xd-mag 2.2s ease-in-out infinite}.xd-scroll{animation:xd-scroll 2.4s linear infinite}.xd-box{animation:xd-drop 2.4s ease-in infinite both}.xd-box-2{animation-delay:.8s}.xd-box-3{animation-delay:1.6s}.xd-slip{transform-origin:center;transform:rotate(8deg);animation:xd-slip .45s cubic-bezier(.2,1.5,.4,1) both}.xd-spark{transform-origin:center;animation:xd-twinkle 1.4s ease-in-out infinite}.xd-spark-2{animation-delay:.45s}.xd-spark-3{animation-delay:.9s}.xd-q{animation:xd-float 1.6s ease-in-out infinite}.xd-sweat{animation:xd-sweat 1.8s ease-in infinite}.xd-flake{transform-origin:center;animation:xd-flake 4.5s linear infinite}.xd-flake-2{animation-delay:1.5s}.xd-flake-3{animation-delay:3s}@keyframes xd-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes xd-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes xd-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes xd-track{0%,to{transform:translate(-2px,3px)}50%{transform:translate(2px,3px)}}@keyframes xd-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes xd-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes xd-scan{0%,to{transform:translateY(0)}50%{transform:translateY(38px)}}@keyframes xd-pop{0%{opacity:0;transform:translateY(6px)}25%,60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes xd-flip{0%,30%{opacity:0;transform:scaleX(1)}32%{opacity:1}62%{opacity:1;transform:scaleX(-1)}72%,to{opacity:0;transform:scaleX(-1)}}@keyframes xd-mag{0%,to{transform:translate(0)}50%{transform:translate(26px)}}@keyframes xd-scroll{0%{transform:translateY(0)}to{transform:translateY(-32px)}}@keyframes xd-drop{0%{opacity:0;transform:translate(72px,-40px)}12%{opacity:1}45%,78%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(8px)}}@keyframes xd-slip{0%{opacity:0;transform:rotate(8deg) scale(.3)}to{opacity:1;transform:rotate(8deg) scale(1)}}@keyframes xd-twinkle{0%,to{opacity:.25;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes xd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes xd-sweat{0%{opacity:0;transform:translateY(-2px)}20%{opacity:1}to{opacity:0;transform:translateY(8px)}}@keyframes xd-flake{0%{opacity:0;transform:translateY(-4px) rotate(0)}30%,70%{opacity:1}to{opacity:0;transform:translateY(8px) rotate(60deg)}}@media(prefers-reduced-motion:reduce){.xd,.xd *{animation:none!important;transition:none!important}}