.companion{position:fixed;left:0;top:0;z-index:90;width:var(--cp-size, 128px);height:var(--cp-size, 128px);transform:translate(var(--cx, 16px),var(--cy, 80vh));transition:transform .64s cubic-bezier(.3,.8,.3,1),opacity .26s ease;opacity:0;pointer-events:none;--cp-paper: #f4f1ea;--cp-ink: #1c1a17;--cp-accent: #a4123a}.companion.is-on{opacity:1}.companion.is-off{opacity:0}.companion.has-bubble{z-index:92}.companion.is-instant{transition:opacity .26s ease}.companion__figure{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;margin:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.companion__figure:focus-visible{outline:2px solid var(--cp-accent);outline-offset:4px;border-radius:1rem}.companion__figure{width:var(--cp-size, 128px);height:var(--cp-size, 128px)}.companion div.companion__sprite,body div.companion__prop{display:block}.companion__sprite{position:absolute;left:0;top:0;width:var(--cp-size, 128px);height:var(--cp-size, 128px);background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:50% 88%}.companion.is-flipped .companion__sprite{transform:scaleX(-1)}.companion.is-cheer .companion__sprite{animation:cp-hop .48s cubic-bezier(.3,1.3,.5,1) 2}.companion.is-surprised .companion__sprite{animation:cp-wobble .42s ease-in-out 1}.companion.is-talking .companion__sprite{animation:cp-nod .42s ease-in-out infinite alternate}.companion.is-walking .companion__sprite{animation:cp-stride .22s ease-in-out infinite alternate}@keyframes cp-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}@keyframes cp-wobble{0%,to{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}@keyframes cp-nod{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes cp-stride{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.companion.is-flipped.is-cheer .companion__sprite,.companion.is-flipped.is-surprised .companion__sprite,.companion.is-flipped.is-talking .companion__sprite,.companion.is-flipped.is-walking .companion__sprite{animation-name:none}.companion__bubble{position:absolute;left:calc(var(--cp-size, 128px) * .78);bottom:calc(var(--cp-size, 128px) * .96);width:max-content;max-width:min(32rem,70vw);padding:1rem 3.2rem 1rem 1.3rem;background:var(--cp-paper);color:var(--cp-ink);border:1px solid var(--cp-ink);border-radius:1.2rem 1.2rem 1.2rem .3rem;box-shadow:0 .6rem 1.8rem #0000001f;font-family:inherit;font-size:1.44rem;line-height:1.35;transform-origin:0 100%;opacity:0;transform:scale(.9) translateY(.4rem);transition:opacity .18s ease,transform .22s cubic-bezier(.3,1.4,.4,1);pointer-events:auto}.companion__bubble[hidden]{display:none}.companion__bubble.is-showing{opacity:1;transform:none}.companion__bubble:after{content:"";position:absolute;left:-.1rem;bottom:-.9rem;width:1.2rem;height:1.2rem;background:var(--cp-paper);border-left:1px solid var(--cp-ink);border-bottom:1px solid var(--cp-ink);transform:skew(24deg) rotate(-20deg)}.companion.is-left .companion__bubble{left:auto;right:calc(var(--cp-size, 128px) * .78);border-radius:1.2rem 1.2rem .3rem;transform-origin:100% 100%}.companion.is-left .companion__bubble:after{left:auto;right:-.1rem;border-left:0;border-right:1px solid var(--cp-ink);transform:skew(-24deg) rotate(20deg)}.companion--carp .companion__bubble{font-variant-numeric:tabular-nums;letter-spacing:.01em}.companion--doreen .companion__bubble{font-size:1.32rem;background:#efe9dc}.companion--extra .companion__bubble{font-weight:600}.companion--tallow .companion__bubble{font-style:italic;opacity:.96}.companion__text{display:block}.companion__link{display:inline-block;margin-top:.5rem;color:var(--cp-accent);font-weight:600;text-decoration:underline;text-underline-offset:.2rem}.companion__link[hidden]{display:none}.companion__hide{position:absolute;top:.3rem;right:.4rem;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cp-ink);font:inherit;font-size:1.8rem;line-height:1;cursor:pointer;opacity:.6}.companion__hide:hover,.companion__hide:focus-visible{opacity:1;background:#0000000f}.companion__prop{position:fixed;z-index:89;pointer-events:none;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;transition:opacity .2s ease,transform .26s cubic-bezier(.3,1.4,.4,1)}.companion__prop.is-on{opacity:1}.companion__prop--stamp{z-index:91;transform:scale(1.6) rotate(-14deg)}.companion__prop--stamp.is-on{transform:scale(1) rotate(-8deg)}.companion-return{position:fixed;left:.8rem;bottom:.8rem;z-index:90;width:3.2rem;height:3.2rem;padding:0;border:1px solid var(--cp-ink, #1c1a17);border-radius:50%;background:var(--cp-paper, #f4f1ea);box-shadow:0 .2rem .6rem #00000024;cursor:pointer;opacity:0;transform:translateY(.6rem);transition:opacity .24s ease,transform .24s ease;overflow:hidden}.companion-return.is-on{opacity:.86;transform:none}.companion-return:hover,.companion-return:focus-visible{opacity:1}.companion-return:focus-visible{outline:2px solid var(--cp-accent, #a4123a);outline-offset:2px}.companion-return__face{display:block;width:3.2rem;height:3.2rem;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}@media(max-width:749px){.companion__bubble{font-size:1.36rem;max-width:min(28rem,72vw)}.companion__sprite,.companion__prop{image-rendering:auto}}.companion-return__face{image-rendering:auto}@media print{.companion,.companion__prop{display:none}}@media(prefers-reduced-motion:reduce){.companion,.companion *,.companion__prop{animation:none!important;transition:none!important}.companion__bubble{opacity:1;transform:none}}@media(max-width:749px){body div.companion,body div.companion__prop,.companion-return{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/companions.css.map */