.vp-fdg{--fdg-ink: #122220;--fdg-teal: #00807a;--fdg-lime: #99cc34;--fdg-line: #e3e7e6;--fdg-muted: #5d6b68;position:fixed;left:max(1.6rem,env(safe-area-inset-left,0px));bottom:max(1.6rem,env(safe-area-inset-bottom,0px));z-index:60;font-family:var(--font-body-family);color:var(--fdg-ink)}.vp-fdg[hidden]{display:none}.vp-fdg__card{position:relative;width:34rem;max-width:calc(100vw - 3.2rem);background:#fff;border:1px solid var(--fdg-line);border-radius:1.6rem;box-shadow:0 1.2rem 3.2rem #1222202e;padding:1.6rem 1.6rem 1.4rem;transform-origin:bottom left;transition:opacity .2s,transform .25s}.vp-fdg.is-min .vp-fdg__card{opacity:0;transform:scale(.92) translateY(.8rem);pointer-events:none;visibility:hidden;position:absolute;bottom:0;left:0}.vp-fdg__min{position:absolute;top:.8rem;right:.8rem;width:2.8rem;height:2.8rem;border-radius:50%;border:0;background:#f3f6f6;color:var(--fdg-muted);display:grid;place-items:center;cursor:pointer}.vp-fdg__min svg{width:1.4rem;height:1.4rem}.vp-fdg__min:hover{background:#e7eceb;color:var(--fdg-ink)}.vp-fdg__head{margin:0 3.2rem .3rem 0;font-family:var(--font-heading-family);font-weight:800;font-size:1.9rem;line-height:1.15;text-transform:uppercase;letter-spacing:.01em}.vp-fdg[data-state=done] .vp-fdg__head{color:var(--fdg-teal)}.vp-fdg__sub{margin:0;font-size:1.25rem;line-height:1.45;color:var(--fdg-muted)}.vp-fdg__scene{display:block;width:100%;height:auto;margin:.6rem 0 .2rem;overflow:hidden;border-radius:1rem;background:linear-gradient(#f2f8f1,#fbfcfb)}.vp-fdg__gecko{transition:transform .9s cubic-bezier(.45,0,.2,1)}.vp-fdg__cricket{transition:opacity .25s ease}.vp-fdg__cricket-body{transform-box:fill-box;transform-origin:50% 100%;transition:transform .25s ease}.vp-fdg__cricket.is-eaten{opacity:0}.vp-fdg__cricket.is-next .vp-fdg__cricket-body{animation:vp-fdg-hop 1.6s ease-in-out infinite}@keyframes vp-fdg-hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-5px)}90%{transform:translateY(0)}}.vp-gecko__leg{transform-box:fill-box;transform-origin:50% 0}.vp-fdg.is-walking .vp-gecko__leg--front,.vp-fdg.is-walking .vp-gecko__leg--far-back{animation:vp-leg-a .3s ease-in-out infinite alternate}.vp-fdg.is-walking .vp-gecko__leg--back,.vp-fdg.is-walking .vp-gecko__leg--far-front{animation:vp-leg-b .3s ease-in-out infinite alternate}@keyframes vp-leg-a{0%{transform:rotate(24deg)}to{transform:rotate(-24deg)}}@keyframes vp-leg-b{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.vp-fdg.is-walking .vp-fdg__gecko-body{animation:vp-bob .3s ease-in-out infinite alternate}@keyframes vp-bob{0%{transform:translateY(28px) scale(1.45)}to{transform:translateY(26.8px) scale(1.45)}}.vp-gecko__jaw{transform-box:fill-box;transform-origin:0 0;transition:transform .14s ease-out}.vp-gecko__mouth{opacity:0;transition:opacity .1s}.vp-fdg.is-open .vp-gecko__jaw{transform:rotate(32deg)}.vp-fdg.is-open .vp-gecko__mouth{opacity:1}.vp-fdg.is-chew .vp-gecko__jaw{animation:vp-chew .48s ease-in-out}@keyframes vp-chew{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}50%{transform:rotate(0)}75%{transform:rotate(10deg)}}.vp-fdg__glow{opacity:0;transition:opacity .8s ease}.vp-fdg__bulb{transition:fill .6s ease}.vp-fdg.is-done .vp-fdg__glow{opacity:1}.vp-fdg.is-done .vp-fdg__bulb{fill:#ffd35c}.vp-fdg.is-win .vp-fdg__card{animation:vp-fdg-win .7s ease-out}@keyframes vp-fdg-win{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.vp-fdg.is-done .vp-fdg__gecko-body{animation:vp-fdg-bask 2.4s ease-in-out infinite}@keyframes vp-fdg-bask{0%,to{transform:translateY(28px) scale(1.45)}50%{transform:translateY(27px) scale(1.45)}}.vp-fdg__note{margin:.8rem 0 0;padding:.8rem 1rem;border-radius:.8rem;background:#fff6e0;color:#5c4300;font-size:1.15rem;line-height:1.4}.vp-fdg__suggest{display:grid;grid-template-columns:4.4rem 1fr auto;gap:1rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--fdg-line)}.vp-fdg__suggest[hidden]{display:none}.vp-fdg__thumb{width:4.4rem;height:4.4rem;object-fit:contain;border-radius:.6rem;background:#fff;border:1px solid var(--fdg-line)}.vp-fdg__s-text{margin:0;font-size:1.2rem;line-height:1.35;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vp-fdg__add{border:0;cursor:pointer;background:var(--fdg-lime);color:var(--fdg-ink);font:inherit;font-weight:700;font-size:1.25rem;padding:.8rem 1.2rem;border-radius:99rem;white-space:nowrap}.vp-fdg__add:hover{background:#8bbd29}.vp-fdg__add:disabled{opacity:.6;cursor:wait}.vp-fdg__pill{display:none;align-items:center;gap:.8rem;border:0;background:var(--fdg-ink);color:#fff;border-radius:99rem;padding:.6rem 1.4rem .6rem .8rem;box-shadow:0 .6rem 1.8rem #12222029;cursor:pointer;font:inherit;font-weight:700;font-size:1.3rem}.vp-fdg.is-min .vp-fdg__pill{display:inline-flex}.vp-fdg__pill-gecko svg{width:4.4rem;height:auto;display:block}.vp-fdg__pill-bar{width:4.8rem;height:.6rem;border-radius:99rem;background:#fff3;overflow:hidden}.vp-fdg__pill-bar span{display:block;height:100%;width:0;background:var(--fdg-lime);border-radius:inherit;transition:width .6s ease}.vp-fdg[data-state=done] .vp-fdg__pill-bar span{background:var(--fdg-lime)}.vp-fdg__card:focus-within,.vp-fdg__pill:focus-visible,.vp-fdg__add:focus-visible,.vp-fdg__min:focus-visible{outline:2px solid var(--fdg-teal);outline-offset:2px}@media screen and (max-width:749px){.vp-fdg{left:max(1rem,env(safe-area-inset-left,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px))}.vp-fdg__card{width:calc(100vw - 2rem)}.vp-fdg__pill{font-size:1.2rem}}.vp-fdg__confetti{position:absolute;left:0;right:0;top:40%;height:0;pointer-events:none;z-index:3}.vp-fdg__confetti i{position:absolute;top:0;width:8px;height:12px;border-radius:2px;opacity:0;animation:vp-confetti 1.6s cubic-bezier(.2,.7,.4,1) forwards}@keyframes vp-confetti{0%{opacity:1;transform:translate(0) rotate(0)}45%{opacity:1;transform:translate(var(--x),var(--y)) rotate(calc(var(--r) / 2))}to{opacity:0;transform:translate(calc(var(--x) * 1.2),calc(var(--y) + 140px)) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.vp-fdg__confetti{display:none}.vp-fdg__gecko,.vp-fdg__cricket,.vp-fdg__cricket-body,.vp-fdg__card{transition:none}.vp-fdg__cricket.is-next .vp-fdg__cricket-body,.vp-fdg.is-done .vp-fdg__gecko-body,.vp-fdg.is-win .vp-fdg__card{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vp-delivery-game.css.map */