.fp-mascot{position:fixed;left:0;right:0;bottom:max(var(--pageBtm, 0px),env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;transition:opacity .25s ease;--fp-rise:var(--fp-rise-base);--fp-w:9vw;--fp-h:calc(var(--fp-w) * 1.333333);height:calc(var(--fp-h) + .8vw);transform:translate(var(--fp-dx, 0px),var(--fp-dy, calc(var(--fp-rise) * -1vh)));--fp-step:.666667s;--fp-cycle:1.333333s;--fp-bounce:calc(var(--fp-step) / 2);--fp-enter:calc(var(--fp-steps) * var(--fp-w) * .1756);--fp-enter-time:calc(var(--fp-step) * var(--fp-steps));--fp-home:calc(50% - var(--fp-w) / 2)}.fp-mascot[data-fp-sheet-state]:not([data-fp-sheet-state=ready]),.fp-mascot--live:not([data-fp-entrance-state=started]){visibility:hidden}.fp-mascot__claim{position:absolute;bottom:100%;left:calc(var(--fp-w) / 2);transform:translate(-50%) translateY(6px);transform-origin:50% 100%;margin-bottom:.4vw;padding:.55em .8em;border-radius:999px;background:#d2232a;color:#fff;white-space:nowrap;font:800 clamp(10px,1.05vw,14px)/1 var(--fp-font-body, "Montserrat FP", Montserrat, sans-serif);letter-spacing:.04em;box-shadow:0 6px 16px #3d140957;pointer-events:none;opacity:0;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.fp-mascot__claim:before{content:"";position:absolute;top:-12px;right:-10px;bottom:-12px;left:-10px}.fp-mascot.is-offering .fp-mascot__claim{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.fp-mascot.is-offering.is-claiming .fp-mascot__claim{opacity:.72;transform:translate(-50%) scale(.94);pointer-events:none}.fp-mascot__say{position:absolute;left:52%;top:20%;z-index:3;--fp-say-gap:max(18px, var(--fp-w) * .11);--fp-say-rise:calc(var(--fp-w) * .2213 + 1em + var(--fp-say-gap));padding:.5em .8em;border-radius:999px;background:#fff9ef;color:#3e2a18;white-space:nowrap;font:700 clamp(11px,1.05vw,14px)/1 var(--fp-font-body, "Montserrat FP", Montserrat, sans-serif);letter-spacing:.01em;box-shadow:0 6px 18px #3d14093d;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .42s ease,transform .62s cubic-bezier(.2,.9,.3,1)}.fp-mascot__say:after{content:"";position:absolute;left:50%;bottom:-4px;width:11px;height:11px;margin-left:-5.5px;background:#fff9ef;border-radius:0 0 2px;transform:rotate(45deg)}.fp-mascot.is-saying .fp-mascot__say{opacity:1;transform:translate(-50%,calc(-50% - var(--fp-say-rise))) scale(1)}.fp-mascot.is-hushing .fp-mascot__say{opacity:0;transform:translate(-50%,calc(-50% - var(--fp-say-rise) - 2.4vw)) scale(1.06);transition:opacity .72s ease-in,transform .9s cubic-bezier(.4,0,.7,1)}.fp-mascot__x{position:relative;transform:translate(var(--fp-home))}.fp-mascot.is-arriving .fp-mascot__x{animation:fp-walk-in var(--fp-enter-time) linear both}@keyframes fp-walk-in{0%{transform:translate(calc(var(--fp-home) - var(--fp-enter)))}to{transform:translate(var(--fp-home))}}.fp-mascot__sway{position:relative;width:var(--fp-w);height:var(--fp-h)}.fp-mascot__rig{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.fp-mascot__dog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fp-mascot__hand{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.fp-mascot__dog{z-index:2}.fp-mascot__grab{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.fp-mascot--live .fp-mascot__grab{pointer-events:auto;clip-path:inset(4% 22% 0 18%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.fp-mascot--live.is-held .fp-mascot__grab{cursor:grabbing}.fp-mascot__tag{position:absolute;left:0;top:0;transform:translate(-9%,-6%);background:#d2232a;color:#fff;white-space:nowrap;pointer-events:auto;font:800 clamp(9px,calc(var(--fp-w) * .086),15px)/1 var(--fp-font-body, "Montserrat FP", Montserrat, sans-serif);letter-spacing:.02em;padding:.5em .72em;border-radius:.3em;box-shadow:0 2px 5px #3d14094d;outline:1.4px dashed rgba(255,255,255,.9);outline-offset:-3px}.fp-mascot.is-settling .fp-mascot__tag,.fp-mascot.is-settled .fp-mascot__tag,.fp-mascot.is-barking .fp-mascot__tag{transform:translate(-99%,-3%)}.fp-mascot__tag-sm{display:none}.fp-mascot__tag-lg,.fp-mascot__tag-sm{font:inherit}.fp-mascot__shadow{position:absolute;left:24%;right:26%;bottom:1.5%;height:2.4%;background:radial-gradient(closest-side,#3A2410,transparent);border-radius:50%;transform-origin:50% 50%;opacity:.16}.fp-mascot.is-arriving .fp-mascot__shadow{animation:fp-shadow var(--fp-bounce) ease-in-out infinite}@keyframes fp-shadow{0%,to{transform:scale(1);opacity:.16}50%{transform:scaleX(.86);opacity:.1}}.fp-mascot--live.is-held .fp-mascot__shadow{animation:none;opacity:0}.fp-mascot--live.is-landing .fp-mascot__rig{animation:fp-land .42s cubic-bezier(.2,.9,.3,1)}@keyframes fp-land{0%{transform:translateY(-3%) scale(1)}45%{transform:translateY(0) scale(1.05,.94)}to{transform:translateY(0) scale(1)}}.fp-mascot__dog{--fp-h:calc(var(--fp-w) * 1.333333);width:var(--fp-w);height:var(--fp-h);background-image:var(--fp-sheet);background-size:calc(var(--fp-w) * 12) calc(var(--fp-h) * 4);background-repeat:no-repeat}@keyframes fp-walk{0%{background-position:0 calc(var(--fp-h) * -0)}to{background-position:calc(var(--fp-w) * -12) calc(var(--fp-h) * -0)}}@keyframes fp-walk-once{0%{background-position:0 calc(var(--fp-h) * -0)}to{background-position:calc(var(--fp-w) * -11) calc(var(--fp-h) * -0)}}@keyframes fp-walk-hand{0.000000%{transform:translate(42.713%,64.1231%)}8.333333%{transform:translate(43.2432%,64.2741%)}16.666667%{transform:translate(44.6725%,64.5859%)}25.000000%{transform:translate(46.6401%,64.7872%)}33.333333%{transform:translate(48.6159%,64.7227%)}41.666667%{transform:translate(50.0615%,64.5104%)}50.000000%{transform:translate(50.6001%,64.3962%)}58.333333%{transform:translate(50.0615%,64.514%)}66.666667%{transform:translate(48.6159%,64.7289%)}75.000000%{transform:translate(46.6401%,64.7944%)}83.333333%{transform:translate(44.6725%,64.5921%)}91.666667%{transform:translate(43.2432%,64.2777%)}to{transform:translate(42.713%,64.1231%)}}@keyframes fp-turn{0%{background-position:0 calc(var(--fp-h) * -1)}to{background-position:calc(var(--fp-w) * -5) calc(var(--fp-h) * -1)}}@keyframes fp-turn-once{0%{background-position:0 calc(var(--fp-h) * -1)}to{background-position:calc(var(--fp-w) * -4) calc(var(--fp-h) * -1)}}@keyframes fp-turn-hand{0.000000%{transform:translate(46.6401%,63.8603%)}25.000000%{transform:translate(42.0527%,63.8239%)}50.000000%{transform:translate(33.9812%,63.6502%)}75.000000%{transform:translate(30.4678%,63.3927%)}100.000000%{transform:translate(30.706%,63.2674%)}}@keyframes fp-idle{0%{background-position:0 calc(var(--fp-h) * -2)}to{background-position:calc(var(--fp-w) * -6) calc(var(--fp-h) * -2)}}@keyframes fp-idle-once{0%{background-position:0 calc(var(--fp-h) * -2)}to{background-position:calc(var(--fp-w) * -5) calc(var(--fp-h) * -2)}}@keyframes fp-idle-hand{0.000000%{transform:translate(30.706%,63.2674%)}16.666667%{transform:translate(30.7199%,63.1881%)}33.333333%{transform:translate(30.7199%,63.1881%)}50.000000%{transform:translate(30.706%,63.2674%)}66.666667%{transform:translate(30.692%,63.3419%)}83.333333%{transform:translate(30.692%,63.3419%)}to{transform:translate(30.706%,63.2674%)}}@keyframes fp-bark{0%{background-position:0 calc(var(--fp-h) * -3)}to{background-position:calc(var(--fp-w) * -4) calc(var(--fp-h) * -3)}}@keyframes fp-bark-once{0%{background-position:0 calc(var(--fp-h) * -3)}to{background-position:calc(var(--fp-w) * -3) calc(var(--fp-h) * -3)}}@keyframes fp-bark-hand{0.000000%{transform:translate(30.7173%,63.203%)}25.000000%{transform:translate(30.7093%,63.2488%)}50.000000%{transform:translate(30.7002%,63.2988%)}75.000000%{transform:translate(30.7093%,63.2488%)}to{transform:translate(30.7173%,63.203%)}}.fp-mascot.is-arriving .fp-mascot__dog{animation:fp-walk var(--fp-cycle) steps(12) infinite}.fp-mascot.is-arriving .fp-mascot__hand{animation:fp-walk-hand var(--fp-cycle) step-end infinite}.fp-mascot.is-settling .fp-mascot__dog{animation:fp-turn-once .52s steps(4) forwards}.fp-mascot.is-settling .fp-mascot__hand{animation:fp-turn-hand .52s step-end forwards}.fp-mascot.is-settled .fp-mascot__dog{animation:fp-idle 4s steps(6) infinite}.fp-mascot.is-settled .fp-mascot__hand{animation:fp-idle-hand 4s step-end infinite}.fp-mascot--live.is-barking .fp-mascot__dog{animation:fp-bark .42s steps(4) infinite}.fp-mascot--live.is-barking .fp-mascot__hand{animation:fp-bark-hand .42s step-end infinite}.fp-mascot--live.is-held .fp-mascot__dog{animation:fp-idle 1.8s steps(6) infinite}.fp-mascot--live.is-held .fp-mascot__hand{animation:fp-idle-hand 1.8s step-end infinite}@media(max-width:1199px){.fp-mascot{--fp-w:10vw}}@media(max-width:749px){.fp-mascot{--fp-w:clamp(116px, 30vw, 148px)}}@media(max-width:749px)and (max-height:650px){.fp-mascot{--fp-w:clamp(88px, 26vw, 108px)}}@media(max-width:749px){.fp-mascot{--fp-rise:calc(var(--fp-rise-base) * 1.35)}}@media(max-width:1099px){.fp-mascot__tag-lg{display:none}.fp-mascot__tag-sm{display:inline}}@media(max-width:749px),(max-width:950px)and (max-height:500px){.fp-mascot__tag-lg{display:inline}.fp-mascot__tag-sm{display:none}.fp-mascot__tag{font-size:clamp(12px,3.2vw,14px);padding:.5em .65em}}@media(max-width:950px)and (max-height:500px){.fp-mascot{--fp-w:clamp(88px, 21vw, 108px)}}@media(min-width:750px)and (max-width:950px)and (max-height:500px){.fp-mascot{--fp-home:calc(var(--fp-w) * .55 + 12px);--fp-rise:max(var(--fp-rise-base), 24)}}.fp-mascot--desktop{display:none}@media(min-width:750px){.fp-mascot--desktop{display:block}}body[style*=hidden] .fp-mascot,html:has(dialog.fp-fom[open]) .fp-mascot{opacity:0}body[style*=hidden] .fp-mascot__grab,html:has(dialog.fp-fom[open]) .fp-mascot__grab{pointer-events:none}@media(prefers-reduced-motion:reduce){.fp-mascot__dog{animation:none!important;background-position:calc(var(--fp-w) * -2) calc(var(--fp-h) * -2)!important}.fp-mascot__hand{animation:none!important;transform:translate(30.7199%,63.1881%)!important}.fp-mascot.is-arriving .fp-mascot__x,.fp-mascot.is-arriving .fp-mascot__shadow{animation:none!important}.fp-mascot .fp-mascot__tag{transform:translate(-99%,-3%)!important}.fp-mascot__say,.fp-mascot.is-saying .fp-mascot__say,.fp-mascot.is-hushing .fp-mascot__say{transform:translate(-50%,calc(-50% - var(--fp-say-rise))) scale(1);transition-property:opacity}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/fp-mascot.css.map */