#ph-mascot{position:fixed;z-index:12;width:clamp(108px,12vw,178px);display:block;pointer-events:none;visibility:hidden;opacity:0;transform:translate3d(0,18px,0) scale(.9);transition:opacity .32s ease,transform .38s ease,visibility 0s linear .38s;text-decoration:none;cursor:pointer;contain:layout style}#ph-mascot.ph-visible{pointer-events:auto;visibility:visible;opacity:1;transform:translateZ(0) scale(1);transition:opacity .32s ease,transform .38s ease,visibility 0s}#ph-mascot:focus-visible{outline:3px solid #8335a5;outline-offset:5px;border-radius:20px}#ph-mascot img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 7px 7px rgba(50,20,55,.18));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center bottom}#ph-mascot .ph-catch-hint{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);white-space:nowrap;border-radius:99px;background:#71348a;color:#fff;padding:5px 10px;font:700 12px/1.2 Arial,sans-serif;box-shadow:0 3px 8px #2e104550;pointer-events:none}#ph-mascot.ph-visible img{animation:ph-mascot-bob 2.1s ease-in-out infinite}#ph-mascot.ph-visible.ph-jump img,#ph-mascot.ph-visible.ph-dance img{animation:ph-mascot-hop 1.15s ease-in-out infinite}#ph-mascot.ph-visible.ph-wander img,#ph-mascot.ph-visible.ph-sipping img{animation:ph-mascot-wander 2.3s ease-in-out infinite}#ph-mascot.ph-visible.ph-peace img{animation:ph-mascot-wave 1.8s ease-in-out infinite}@keyframes ph-mascot-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes ph-mascot-hop{0%,to{transform:translateY(0) rotate(-3deg) scale(1)}35%{transform:translateY(-23px) rotate(4deg) scale(1.035)}65%{transform:translateY(-8px) rotate(-1deg)}}@keyframes ph-mascot-wander{0%,to{transform:translate(-6px) translateY(0) rotate(-3deg)}50%{transform:translate(11px) translateY(-7px) rotate(5deg)}}@keyframes ph-mascot-wave{0%,to{transform:rotate(-3deg) translateY(0)}35%{transform:rotate(5deg) translateY(-9px)}65%{transform:rotate(-2deg) translateY(-3px)}}@media(max-width:749px){#ph-mascot{width:clamp(82px,23vw,119px);z-index:10}#ph-mascot .ph-catch-hint{font-size:11px}}@media(prefers-reduced-motion:reduce){#ph-mascot{transition:none!important;transform:none!important}#ph-mascot img{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ph-mascot.css.map */