#puffy-root,#op-mascot{position:fixed;left:0;bottom:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:120px;height:126px;max-height:120px;z-index:9999;overflow:visible;pointer-events:none;font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;will-change:transform}.op-mascot-inner{position:relative;width:120px;animation:op-bob 3.2s ease-in-out infinite}.op-mascot-svg{display:block;width:120px;height:auto;overflow:visible}.puffy-char{transform-box:view-box;transform-origin:100px 105px}#puffy-root[data-dir="-1"] .puffy-char,#op-mascot[data-dir="-1"] .puffy-char{transform:scaleX(-1)}.op-mascot-bubble{pointer-events:auto;box-sizing:border-box;position:absolute;left:96px;bottom:92px;width:196px;max-width:62vw;background:#fff;color:#111;border:2.5px solid #111;border-radius:14px;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.35;text-align:center;box-shadow:4px 4px #111;opacity:0;transform:scale(.6) translateY(8px);transform-origin:bottom left;transition:opacity .18s ease,transform .18s ease}.op-mascot-bubble:after{content:"";position:absolute;left:-11px;bottom:16px;width:16px;height:16px;background:#fff;border-left:2.5px solid #111;border-bottom:2.5px solid #111;transform:rotate(45deg)}.op-mascot-bubble.bubble-left{left:auto;right:96px;transform-origin:bottom right}.op-mascot-bubble.bubble-left:after{left:auto;right:-11px;border-left:none;border-right:2.5px solid #111;transform:rotate(-45deg)}.op-mascot-bubble.is-show{opacity:1;transform:scale(1) translateY(0);animation:op-bubble-pop .28s ease}.op-mascot-zzz{position:absolute;top:-6px;right:2px;font-weight:900;color:#111;opacity:0;pointer-events:none}.op-mascot-zzz span{position:absolute;animation:op-zzz 1.6s ease-in infinite}.op-mascot-zzz span:nth-child(1){font-size:15px;right:22px;top:14px;animation-delay:0s}.op-mascot-zzz span:nth-child(2){font-size:20px;right:8px;top:4px;animation-delay:.5s}.op-mascot-zzz span:nth-child(3){font-size:26px;right:-6px;top:-8px;animation-delay:1s}#puffy-root[data-state=sleep] .op-mascot-zzz,#op-mascot[data-state=sleep] .op-mascot-zzz{opacity:1}#puffy-root[data-state=sleep] .op-mascot-inner,#op-mascot[data-state=sleep] .op-mascot-inner{animation-duration:4.6s}.puffy-arm-right,.puffy-arm-left,.puffy-leg-left,.puffy-leg-right,.puffy-eyes-open,.puffy-burst-dot,.puffy-torso{transform-box:fill-box}.puffy-arm-right{transform-origin:15% 8%}.puffy-arm-left{transform-origin:85% 8%}.puffy-leg-left,.puffy-leg-right{transform-origin:50% 6%}.puffy-torso{transform-box:view-box;transform-origin:100px 120px}.puffy-eyes-open{transform-origin:center;animation:op-blink 4.4s infinite}.puffy-eyes-closed,.puffy-mouth-open{display:none}#puffy-root[data-state=sleep] .puffy-eyes-open,#op-mascot[data-state=sleep] .puffy-eyes-open{display:none;animation:none}#puffy-root[data-state=sleep] .puffy-eyes-closed,#op-mascot[data-state=sleep] .puffy-eyes-closed,#puffy-root[data-state=excited] .puffy-mouth-open,#puffy-root[data-state=celebrate] .puffy-mouth-open,#op-mascot[data-state=excited] .puffy-mouth-open,#op-mascot[data-state=celebrate] .puffy-mouth-open{display:block}#puffy-root[data-state=excited] .puffy-mouth-smile,#puffy-root[data-state=celebrate] .puffy-mouth-smile,#op-mascot[data-state=excited] .puffy-mouth-smile,#op-mascot[data-state=celebrate] .puffy-mouth-smile{display:none}#puffy-root[data-state=walking] .op-mascot-inner,#op-mascot[data-state=walking] .op-mascot-inner{animation:none}#puffy-root[data-state=walking] .puffy-leg-left,#op-mascot[data-state=walking] .puffy-leg-left{animation:op-step .5s ease-in-out infinite}#puffy-root[data-state=walking] .puffy-leg-right,#op-mascot[data-state=walking] .puffy-leg-right{animation:op-step .5s ease-in-out -.25s infinite}#puffy-root[data-state=walking] .puffy-torso,#op-mascot[data-state=walking] .puffy-torso{animation:op-walk-bob .5s ease-in-out infinite}#puffy-root[data-state=walking] .puffy-arm-left,#op-mascot[data-state=walking] .puffy-arm-left{animation:op-swing .5s ease-in-out infinite}#puffy-root[data-state=walking] .puffy-arm-right,#op-mascot[data-state=walking] .puffy-arm-right{animation:op-swing .5s ease-in-out -.25s infinite}#puffy-root[data-state=walking] .puffy-shadow,#op-mascot[data-state=walking] .puffy-shadow{animation:op-shadow .5s ease-in-out infinite}#puffy-root[data-state=wave] .puffy-arm-right,#op-mascot[data-state=wave] .puffy-arm-right{animation:op-wave .55s ease-in-out infinite}#puffy-root[data-state=celebrate] .op-mascot-inner,#op-mascot[data-state=celebrate] .op-mascot-inner{animation:op-jump .55s ease infinite}#puffy-root[data-state=celebrate] .puffy-arm-right,#op-mascot[data-state=celebrate] .puffy-arm-right{animation:none;transform:rotate(-38deg)}#puffy-root[data-state=celebrate] .puffy-arm-left,#op-mascot[data-state=celebrate] .puffy-arm-left{animation:none;transform:rotate(38deg)}#puffy-root[data-state=celebrate] .puffy-leg-left,#puffy-root[data-state=celebrate] .puffy-leg-right,#op-mascot[data-state=celebrate] .puffy-leg-left,#op-mascot[data-state=celebrate] .puffy-leg-right{animation:none}.puffy-burst{opacity:0}#puffy-root[data-state=celebrate] .puffy-burst,#op-mascot[data-state=celebrate] .puffy-burst{opacity:1}#puffy-root[data-state=celebrate] .puffy-burst-dot,#op-mascot[data-state=celebrate] .puffy-burst-dot{animation:op-burst .55s ease-out infinite}#puffy-root[data-state=excited] .op-mascot-inner,#op-mascot[data-state=excited] .op-mascot-inner{animation:op-wiggle .5s ease-in-out infinite}#puffy-root[data-state=excited] .puffy-leg-left,#puffy-root[data-state=excited] .puffy-leg-right,#op-mascot[data-state=excited] .puffy-leg-left,#op-mascot[data-state=excited] .puffy-leg-right{animation:none}@keyframes op-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes op-step{0%,to{transform:rotate(26deg)}50%{transform:rotate(-26deg)}}@keyframes op-walk-bob{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-4px)}}@keyframes op-swing{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes op-shadow{0%,50%,to{transform:scaleX(1);opacity:.28}25%,75%{transform:scaleX(.88);opacity:.2}}@keyframes op-blink{0%,91%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}97%{transform:scaleY(1)}}@keyframes op-wave{0%,to{transform:rotate(-32deg)}50%{transform:rotate(14deg)}}@keyframes op-jump{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(.97,1.04)}55%{transform:translateY(0) scale(1.05,.94)}75%{transform:translateY(-9px) scaleY(1.02)}}@keyframes op-wiggle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-3deg) translateY(-3px)}75%{transform:rotate(3deg) translateY(-3px)}}@keyframes op-zzz{0%{opacity:0;transform:translateY(6px) rotate(-6deg)}35%{opacity:1}to{opacity:0;transform:translateY(-14px) rotate(8deg)}}@keyframes op-bubble-pop{0%{transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes op-burst{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--bx, 0px),var(--by, -14px)) scale(1.15);opacity:0}}@media(max-width:560px){#puffy-root,#op-mascot{width:96px;height:102px;bottom:6px;bottom:calc(6px + env(safe-area-inset-bottom,0px))}.op-mascot-inner,.op-mascot-svg{width:96px}.op-mascot-bubble{left:78px;bottom:74px;width:168px;font-size:12px}.op-mascot-bubble.bubble-left{left:auto;right:78px}}@media(prefers-reduced-motion:reduce){.op-mascot-inner,.puffy-eyes-open,.op-mascot-zzz span,.puffy-leg-left,.puffy-leg-right,.puffy-torso,.puffy-arm-left,.puffy-arm-right,.puffy-shadow{animation:none!important}}@media print{#puffy-root,#op-mascot{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/v3-mascot.css.map */