.pp-mascot{--pp-mascot-size: 120px;--pp-mascot-tail: 10px;--pp-mascot-tail-top: 14px;--pp-mascot-tail-inset: calc(var(--pp-border-strong) + 1px);display:flex;align-items:flex-start;gap:calc(var(--pp-mascot-tail) + .5rem);position:relative;z-index:var(--pp-z-mascot);max-width:100%;border-radius:var(--pp-radius);pointer-events:none}.pp-mascot--right{flex-direction:row-reverse}.pp-mascot__img{flex:0 1 auto;width:var(--pp-mascot-size);max-width:100%;height:auto;border-radius:var(--pp-radius);object-fit:contain}.pp-mascot__img:not(:only-child){max-width:45%}.pp-mascot__bubble{position:relative;min-width:0;max-width:34ch;margin:0;padding:.7em .9em;background:var(--pp-paper);border:var(--pp-border-strong) solid var(--pp-ink);border-radius:var(--pp-radius)}.pp-mascot__text{margin:0;font-family:var(--pp-font-mono);font-size:var(--pp-text-sm);line-height:1.5;color:var(--pp-ink);overflow-wrap:anywhere}.pp-mascot__bubble:before,.pp-mascot__bubble:after{content:"";position:absolute;top:var(--pp-mascot-tail-top);width:0;height:0;border-style:solid;border-radius:var(--pp-radius)}.pp-mascot--left .pp-mascot__bubble:before{left:calc(-1 * var(--pp-mascot-tail));border-width:var(--pp-mascot-tail) var(--pp-mascot-tail) var(--pp-mascot-tail) 0;border-color:transparent var(--pp-ink) transparent transparent}.pp-mascot--left .pp-mascot__bubble:after{left:calc(var(--pp-mascot-tail-inset) - var(--pp-mascot-tail));border-width:var(--pp-mascot-tail) var(--pp-mascot-tail) var(--pp-mascot-tail) 0;border-color:transparent var(--pp-paper) transparent transparent}.pp-mascot--right .pp-mascot__bubble:before{right:calc(-1 * var(--pp-mascot-tail));border-width:var(--pp-mascot-tail) 0 var(--pp-mascot-tail) var(--pp-mascot-tail);border-color:transparent transparent transparent var(--pp-ink)}.pp-mascot--right .pp-mascot__bubble:after{right:calc(var(--pp-mascot-tail-inset) - var(--pp-mascot-tail));border-width:var(--pp-mascot-tail) 0 var(--pp-mascot-tail) var(--pp-mascot-tail);border-color:transparent transparent transparent var(--pp-paper)}@media(min-width:750px){.pp-mascot--no-desktop{display:none}.pp-showcase__mascot:has(.pp-mascot--no-desktop),.pp-er__mascot:has(.pp-mascot--no-desktop),.pp-cart-mascot:has(.pp-mascot--no-desktop),.pp-hdr__megaguide:has(.pp-mascot--no-desktop),.pp-mascot-block:has(.pp-mascot--no-desktop){display:none}.shopify-block:has(>.pp-mascot-block .pp-mascot--no-desktop){display:none}}@media(max-width:749px){.pp-mascot{display:none}.pp-mascot--mobile{display:flex}.pp-showcase__mascot:has(.pp-mascot:not(.pp-mascot--mobile)),.pp-er__mascot:has(.pp-mascot:not(.pp-mascot--mobile)),.pp-cart-mascot:has(.pp-mascot:not(.pp-mascot--mobile)),.pp-hdr__megaguide:has(.pp-mascot:not(.pp-mascot--mobile)),.pp-mascot-block:has(.pp-mascot:not(.pp-mascot--mobile)),.shopify-block:has(>.pp-mascot-block .pp-mascot:not(.pp-mascot--mobile)){display:none}.pp-mascot--mobile .pp-mascot__img{width:calc(var(--pp-mascot-size) * .6)}.pp-mascot--mobile .pp-mascot__img:not(:only-child){max-width:33%}.pp-mascot--mobile .pp-mascot__bubble{max-width:none}}@media(prefers-reduced-motion:no-preference){.pp-mascot__bubble{animation:pp-mascot-bubble-in var(--pp-dur-overlay, .2s) var(--pp-ease, ease) both}}@keyframes pp-mascot-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.pp-mascot--anim .pp-mascot__img{animation:pp-mascot-breathe 4.3s ease-in-out infinite;transform-origin:50% 100%;will-change:transform}.pp-mascot--anim{animation:pp-mascot-sway 6.7s ease-in-out infinite}.pp-mascot--anim[data-mascot=pusher] .pp-mascot__img{animation-delay:-.4s;animation-duration:4.9s}.pp-mascot--anim[data-mascot=pushe] .pp-mascot__img{animation-delay:-2.1s;animation-duration:3.8s}.pp-mascot--anim[data-mascot=pushim] .pp-mascot__img{animation-delay:-1.3s;animation-duration:4.4s}.pp-mascot--anim[data-mascot=pushy] .pp-mascot__img{animation-delay:-3s;animation-duration:5.2s}.pp-mascot--anim[data-mascot=pusher]{animation-delay:-1.1s}.pp-mascot--anim[data-mascot=pushe]{animation-delay:-3.4s;animation-duration:7.9s}.pp-mascot--anim[data-mascot=pushim]{animation-delay:-5.2s;animation-duration:6.1s}.pp-mascot--anim[data-mascot=pushy]{animation-delay:-2.6s;animation-duration:8.4s}.pp-mascot--anim.is-revealed{opacity:0;animation-play-state:paused}.pp-mascot--anim.is-revealed.is-visible{opacity:1;animation-play-state:running}.pp-mascot--anim.is-revealed .pp-mascot__img{animation-play-state:paused}.pp-mascot--anim.is-revealed.is-visible .pp-mascot__img{animation:pp-mascot-arrive var(--pp-dur-overlay, .2s) var(--pp-ease, ease) both,pp-mascot-breathe 4.3s ease-in-out var(--pp-dur-overlay, .2s) infinite}.pp-mascot--interactive .pp-mascot__img{transition:transform var(--pp-dur-overlay, .2s) var(--pp-ease, ease)}.pp-mascot--interactive .pp-mascot__img:hover,.pp-mascot--interactive .pp-mascot__img:focus-visible{animation-play-state:paused;transform:scale(1.07) rotate(-2.5deg) translateY(-4px)}}.pp-mascot--interactive .pp-mascot__img{pointer-events:auto}@keyframes pp-mascot-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.022) translateY(-2.5%)}}@keyframes pp-mascot-sway{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}@keyframes pp-mascot-arrive{0%{opacity:0;transform:translateY(14px) scale(.94)}60%{opacity:1;transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/pp-mascot.css.map */