.spin-result-art{width:clamp(104px,30vw,136px);margin:0 auto 10px;animation:spinArtPop .55s cubic-bezier(.34,1.56,.64,1) both}.spin-result-art--media{width:min(220px,100%)}.spin-result-art svg,.spin-result-art img,.spin-result-art video{display:block;width:100%;height:auto}.spin-result-art img,.spin-result-art video{max-height:170px;object-fit:contain;border-radius:16px}@keyframes spinArtPop{0%{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}.pup{overflow:visible;--pup-cream: #fff3e0;--pup-ink: #2b1d16;--pup-collar: #e8574a;--pup-tag: #f6c445;--pup-tongue: #ff8597}.pup .pup-fur{fill:var(--pup-fur)}.pup .pup-leg{stroke:var(--pup-fur-dark);stroke-width:1.2}.pup .pup-ear{fill:var(--pup-fur-dark)}.pup .pup-patch{fill:var(--pup-fur-dark);opacity:.5}.pup .pup-cream{fill:var(--pup-cream)}.pup .pup-ink{fill:var(--pup-ink)}.pup .pup-shine{fill:#fff}.pup .pup-line,.pup .pup-brow,.pup .pup-line-thin,.pup .pup-tail,.pup .pup-tongue-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.pup .pup-line{stroke:var(--pup-ink);stroke-width:2.2}.pup .pup-brow{stroke:var(--pup-ink);stroke-opacity:.65;stroke-width:2}.pup .pup-line-thin{stroke:var(--pup-fur-dark);stroke-width:1}.pup .pup-tail{stroke:var(--pup-fur);stroke-width:8}.pup .pup-collar{fill:var(--pup-collar)}.pup .pup-tag{fill:var(--pup-tag);stroke:#c9962a;stroke-width:1}.pup .pup-tongue{fill:var(--pup-tongue)}.pup .pup-tongue-line{stroke:#e0607a;stroke-width:1}.pup .pup-blush{fill:#ff8fa3;opacity:.45}.pup .pup-shadow{fill:#0003}.pup .pup-bowl-body{fill:#d98f3f}.pup .pup-bowl-rim{fill:#b8702c}.pup .pup-bowl-paw{fill:#ffffffb3}.pup .pup-heart{fill:#ff7d93}.pup .pup-sparkle{fill:#ffd54f}.pup .pup-body,.pup .pup-head,.pup .pup-ear,.pup .pup-tail,.pup .pup-eyes,.pup .pup-glance,.pup .pup-shadow,.pup .pup-heart,.pup .pup-sparkle{transform-box:fill-box}.pup .pup-body,.pup .pup-head{transform-origin:50% 100%}.pup .pup-ear--l{transform-origin:86% 5%}.pup .pup-ear--r{transform-origin:14% 5%}.pup .pup-tail{transform-origin:0% 95%}.pup .pup-eyes,.pup .pup-shadow,.pup .pup-heart,.pup .pup-sparkle{transform-origin:50% 50%}.pup--sad .pup-head{animation:pupTilt 4.2s ease-in-out infinite}.pup--sad .pup-ear--l{animation:pupDroopL 4.2s ease-in-out infinite}.pup--sad .pup-ear--r{animation:pupDroopR 4.2s ease-in-out infinite}.pup--sad .pup-glance{animation:pupGlance 4.2s ease-in-out infinite}.pup--sad .pup-eyes{animation:pupBlink 4.2s linear infinite}.pup--sad .pup-tail{animation:pupWagSlow 1.8s ease-in-out infinite}@keyframes pupTilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(-11deg) translateY(1px)}}@keyframes pupDroopL{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes pupDroopR{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}@keyframes pupGlance{0%,to{transform:translate(0)}50%{transform:translate(-1.5px)}}@keyframes pupBlink{0%,86%,94%,to{transform:scaleY(1)}90%{transform:scaleY(.1)}}@keyframes pupWagSlow{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}.pup--happy .pup-body{animation:pupBounce .9s cubic-bezier(.5,0,.5,1) infinite}.pup--happy .pup-shadow{animation:pupShadow .9s cubic-bezier(.5,0,.5,1) infinite}.pup--happy .pup-head{animation:pupWiggle .9s ease-in-out infinite}.pup--happy .pup-tail{animation:pupWagFast .28s ease-in-out infinite alternate}.pup--happy .pup-ear--l{animation:pupFlapL .45s ease-in-out infinite alternate}.pup--happy .pup-ear--r{animation:pupFlapR .45s ease-in-out infinite alternate}.pup--happy .pup-heart{animation:pupFloat 2.4s ease-out infinite}.pup--happy .pup-heart--2{animation-delay:-.8s}.pup--happy .pup-heart--3{animation-delay:-1.6s}.pup--happy .pup-sparkle{animation:pupTwinkle 1.6s ease-in-out infinite}.pup--happy .pup-sparkle--2{animation-delay:-.8s}@keyframes pupBounce{0%,to{transform:translateY(0) scale(1.04,.96)}15%,85%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(.98,1.03)}}@keyframes pupShadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.7);opacity:.55}}@keyframes pupWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pupWagFast{0%{transform:rotate(-16deg)}to{transform:rotate(18deg)}}@keyframes pupFlapL{0%{transform:rotate(0)}to{transform:rotate(16deg)}}@keyframes pupFlapR{0%{transform:rotate(0)}to{transform:rotate(-16deg)}}@keyframes pupFloat{0%{transform:translateY(6px) scale(.4);opacity:0}20%{opacity:1}to{transform:translateY(-26px) scale(1);opacity:0}}@keyframes pupTwinkle{0%,to{transform:scale(.3);opacity:.2}50%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.spin-result-art,.pup,.pup *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/spin-wheel-result-art.css.map */