:root{--wpp-pantry-forest: #0b3028;--wpp-pantry-forest-2: #12483a;--wpp-pantry-gold: #f6bf45;--wpp-pantry-cream: #fff9e9;--wpp-pantry-mint: #b9e0bc}.wpp-pantry-pass{position:relative;isolation:isolate;color:#fff;font-family:var(--font-body-family, system-ui, sans-serif)}.wpp-pantry-pass--floating{position:fixed;z-index:48;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(1040px,calc(100vw - 32px));min-height:104px;display:grid;grid-template-columns:minmax(180px,.72fr) minmax(330px,1.65fr) minmax(150px,.58fr);align-items:center;gap:clamp(18px,3vw,38px);padding:18px 20px 17px 24px;transform:translate(-50%);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:radial-gradient(circle at 13% -120%,rgba(246,191,69,.38),transparent 46%),linear-gradient(118deg,#071f1b 0%,var(--wpp-pantry-forest) 44%,#0c3b30 100%);box-shadow:0 22px 60px #041b1657,0 5px 18px #041b163d;animation:wpp-pantry-rise .48s cubic-bezier(.2,.8,.2,1) both}.wpp-pantry-pass__glow{position:absolute;z-index:-1;inset:auto -40px -90px auto;width:260px;height:190px;border-radius:50%;background:#f6bf4529;filter:blur(44px);pointer-events:none}.wpp-pantry-pass__brand{display:grid;gap:2px;line-height:1.08}.wpp-pantry-pass__eyebrow{color:var(--wpp-pantry-gold);font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.wpp-pantry-pass__brand strong{font-family:var(--font-heading-family,Georgia,serif);color:#fff;font-size:clamp(22px,2.2vw,31px);letter-spacing:-.025em}.wpp-pantry-pass__minimum{margin-top:4px;color:#ffffffab;font-size:11px;font-weight:700}.wpp-pantry-pass__journey{min-width:0}.wpp-pantry-pass__message{margin-bottom:7px;color:#fff;font-size:14px;font-weight:780;letter-spacing:-.01em}.wpp-pantry-pass__track{position:relative;height:9px;border-radius:99px;background:#ffffff24;box-shadow:inset 0 1px 2px #00000038}.wpp-pantry-pass__fill{position:absolute;inset:0 auto 0 0;width:0;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#82bb7f,var(--wpp-pantry-gold));box-shadow:0 0 18px #f6bf4561;transition:width .45s cubic-bezier(.2,.8,.2,1)}.wpp-pantry-pass__milestone{position:absolute;z-index:2;top:50%;width:5px;height:15px;transform:translate(-50%,-50%);border-radius:3px;background:#ffffffb8}.wpp-pantry-pass__milestone--half{left:50%}.wpp-pantry-pass__milestone--goal{left:100%;background:var(--wpp-pantry-gold)}.wpp-pantry-pass__paw{position:absolute;z-index:3;top:50%;width:27px;height:27px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);border-radius:50%;background:var(--wpp-pantry-gold);box-shadow:0 4px 13px #00000042;transition:left .45s cubic-bezier(.2,.8,.2,1),transform .2s ease}.wpp-pantry-pass__paw svg{width:18px;height:18px;fill:var(--wpp-pantry-forest)}.wpp-pantry-pass__scale{display:flex;justify-content:space-between;margin-top:5px;color:#ffffff8c;font-size:9px;font-weight:750}.wpp-pantry-pass__support{display:block;margin-top:1px;overflow:hidden;color:#ffffffad;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.wpp-pantry-pass__action{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border-radius:17px;color:var(--wpp-pantry-forest);background:var(--wpp-pantry-gold);box-shadow:0 8px 22px #f6bf452e;font-size:13px;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wpp-pantry-pass__action:hover{color:var(--wpp-pantry-forest);background:#ffd36e;box-shadow:0 11px 25px #f6bf4540;transform:translateY(-2px)}.wpp-pantry-pass__action svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.wpp-pantry-pass.is-unlocked .wpp-pantry-pass__paw{transform:translate(-50%,-50%) scale(1.08);animation:wpp-pantry-pulse 1.8s ease-in-out infinite}.wpp-pantry-pass.is-unlocked .wpp-pantry-pass__message{color:#dff8d8}.wpp-pantry-pass.is-unlocked .wpp-pantry-pass__action{background:#d9f1d2}.wpp-pantry-pass--compact{width:100%;display:grid;grid-template-columns:minmax(140px,.65fr) minmax(220px,1.35fr);gap:14px 22px;align-items:center;margin:0 0 18px;padding:17px 18px;overflow:hidden;border:1px solid rgba(18,72,58,.13);border-radius:20px;color:var(--wpp-pantry-forest);background:radial-gradient(circle at 0 0,rgba(246,191,69,.21),transparent 42%),linear-gradient(135deg,#fffdf6,#edf6ea);box-shadow:0 10px 26px #0b302814}.wpp-pantry-pass--compact .wpp-pantry-pass__glow,.wpp-pantry-pass--compact .wpp-pantry-pass__action{display:none}.wpp-pantry-pass--compact .wpp-pantry-pass__eyebrow{color:#9a6812}.wpp-pantry-pass--compact .wpp-pantry-pass__brand strong,.wpp-pantry-pass--compact .wpp-pantry-pass__message{color:var(--wpp-pantry-forest)}.wpp-pantry-pass--compact .wpp-pantry-pass__minimum,.wpp-pantry-pass--compact .wpp-pantry-pass__support,.wpp-pantry-pass--compact .wpp-pantry-pass__scale{color:#0b30289e}.wpp-pantry-pass--compact .wpp-pantry-pass__track{background:#0b30281c}.wpp-pantry-pass--compact .wpp-pantry-pass__milestone{background:#0b302866}.wpp-single-item-note{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(18,72,58,.14);border-radius:13px;color:#16483b;background:#f3f8ed;font-size:12px;font-weight:740}.wpp-single-item-note:before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--wpp-pantry-gold);box-shadow:0 0 0 4px #f6bf452e}.wpp-checkout-lock-note{margin:10px 0 0;color:#0b3028c2;font-size:12px;font-weight:720;text-align:center}button[data-wpp-minimum-locked=true],input[data-wpp-minimum-locked=true]{cursor:not-allowed!important;opacity:.52!important;filter:saturate(.7)}.wpp-pantry-toast{position:fixed;z-index:70;left:50%;bottom:136px;max-width:min(420px,calc(100vw - 32px));padding:12px 18px;transform:translate(-50%,18px);border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;background:#081f1b;box-shadow:0 14px 35px #00000040;font-size:13px;font-weight:760;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.wpp-pantry-toast.is-visible{opacity:1;transform:translate(-50%)}body{padding-bottom:0}@keyframes wpp-pantry-rise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes wpp-pantry-pulse{0%,to{box-shadow:0 4px 13px #00000042,0 0 #d9f1d273}50%{box-shadow:0 4px 13px #00000042,0 0 0 8px #d9f1d200}}@media(max-width:760px){body{padding-bottom:157px}.wpp-pantry-pass--floating{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);min-height:138px;grid-template-columns:1fr auto;grid-template-areas:"brand action" "journey journey";gap:11px 14px;padding:15px 15px 13px;border-radius:23px}.wpp-pantry-pass--floating .wpp-pantry-pass__brand{grid-area:brand}.wpp-pantry-pass--floating .wpp-pantry-pass__journey{grid-area:journey}.wpp-pantry-pass--floating .wpp-pantry-pass__action{grid-area:action;min-height:42px;padding:9px 12px;border-radius:13px;font-size:11px}.wpp-pantry-pass__brand strong{font-size:21px}.wpp-pantry-pass__message{margin-bottom:6px;font-size:12px}.wpp-pantry-pass__support{display:none}.wpp-pantry-pass--compact{grid-template-columns:1fr;gap:11px;padding:15px;border-radius:17px}.wpp-pantry-toast{bottom:160px}}.wpp-pantry-pass--header{position:relative;width:min(290px,100%);min-width:240px;display:grid;grid-template-columns:82px minmax(130px,1fr);align-items:center;gap:10px;margin:0;padding:0 4px 3px;border:0;border-radius:0;color:var(--wpp-pantry-forest);background:transparent;box-shadow:none;outline:none}.wpp-pantry-pass--header .wpp-pantry-pass__glow,.wpp-pantry-pass--header .wpp-pantry-pass__eyebrow,.wpp-pantry-pass--header .wpp-pantry-pass__minimum,.wpp-pantry-pass--header .wpp-pantry-pass__support,.wpp-pantry-pass--header .wpp-pantry-pass__message,.wpp-pantry-pass--header .wpp-pantry-pass__action{display:none}.wpp-pantry-pass--header .wpp-pantry-pass__brand strong{color:var(--wpp-pantry-forest);font-family:var(--font-body-family,system-ui,sans-serif);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wpp-pantry-pass--header .wpp-pantry-pass__track{height:3px;background:#0b302826;box-shadow:none}.wpp-pantry-pass--header .wpp-pantry-pass__fill{background:linear-gradient(90deg,var(--wpp-pantry-mint),var(--wpp-pantry-gold));box-shadow:none}.wpp-pantry-pass--header .wpp-pantry-pass__milestone{width:2px;height:7px;background:#0b30284d}.wpp-pantry-pass--header .wpp-pantry-pass__milestone--goal{background:var(--wpp-pantry-gold)}.wpp-pantry-pass--header .wpp-pantry-pass__paw{width:16px;height:16px;border:1px solid #fffdf8;box-shadow:0 2px 6px #0b302833}.wpp-pantry-pass--header .wpp-pantry-pass__paw svg{width:11px;height:11px}.wpp-pantry-pass--header .wpp-pantry-pass__scale{display:flex;justify-content:space-between;margin-top:5px;color:#0b3028a8;font-size:8px;font-weight:800;line-height:1}.wpp-pantry-pass--header .wpp-pantry-pass__scale span:nth-child(2){display:none}.wpp-pantry-pass--header:focus-visible{outline:2px solid var(--wpp-pantry-gold);outline-offset:5px;border-radius:5px}.wpp-pantry-pass__popover{position:absolute;z-index:30;top:calc(100% + 12px);right:0;width:340px;padding:17px 18px 16px;border:1px solid rgba(11,48,40,.12);border-radius:18px;color:var(--wpp-pantry-forest);background:#fffdf8;box-shadow:0 20px 50px #041b1633;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.wpp-pantry-pass__popover:before{content:"";position:absolute;right:28px;top:-7px;width:13px;height:13px;border-top:1px solid rgba(11,48,40,.12);border-left:1px solid rgba(11,48,40,.12);background:#fffdf8;transform:rotate(45deg)}.wpp-pantry-pass--header:hover .wpp-pantry-pass__popover,.wpp-pantry-pass--header:focus .wpp-pantry-pass__popover,.wpp-pantry-pass--header:focus-within .wpp-pantry-pass__popover{opacity:1;visibility:visible;transform:translateY(0)}.wpp-pantry-pass__popover-kicker{display:block;margin-bottom:5px;color:#9a6812;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.wpp-pantry-pass__popover>strong{display:block;color:var(--wpp-pantry-forest);font-family:var(--font-heading-family,Georgia,serif);font-size:19px;line-height:1.2}.wpp-pantry-pass__popover>p{margin:7px 0 11px;color:#0b3028b3;font-size:11px;line-height:1.45}.wpp-pantry-pass__popover-status{display:block;margin-bottom:9px;color:var(--wpp-pantry-forest);font-size:11px;font-weight:800}.wpp-pantry-pass__popover-track{position:relative;height:7px;border-radius:99px;background:#0b30281f}.wpp-pantry-pass__popover-fill{position:absolute;inset:0 auto 0 0;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#82bb7f,var(--wpp-pantry-gold));transition:width .45s cubic-bezier(.2,.8,.2,1)}.wpp-pantry-pass__popover-paw{position:absolute;z-index:2;top:50%;width:23px;height:23px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #fffdf8;border-radius:50%;background:var(--wpp-pantry-gold);box-shadow:0 4px 10px #0b302838;transition:left .45s cubic-bezier(.2,.8,.2,1)}.wpp-pantry-pass__popover-paw svg{width:14px;height:14px;fill:var(--wpp-pantry-forest)}.wpp-pantry-pass__popover-scale{display:flex;justify-content:space-between;margin-top:8px;color:#0b30289e;font-size:9px;font-weight:800}@media(max-width:1100px)and (min-width:761px){.wpp-pantry-pass--header{width:min(270px,100%);min-width:220px}}@media(max-width:760px){body{padding-bottom:74px}.wpp-pantry-pass--header{position:fixed;z-index:48;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;min-width:0;min-height:50px;grid-template-columns:auto minmax(0,1fr);gap:9px;margin:0;padding:7px 12px;border:1px solid rgba(11,48,40,.12);border-radius:14px;color:var(--wpp-pantry-forest);background:#fffdf8f5;box-shadow:0 10px 28px #041b1629;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wpp-pantry-pass--header .wpp-pantry-pass__brand strong{font-size:10px}.wpp-pantry-pass--header .wpp-pantry-pass__message{font-size:9px}.wpp-pantry-pass__popover{right:0;bottom:calc(100% + 10px);top:auto;width:min(340px,calc(100vw - 16px))}.wpp-pantry-pass__popover:before{top:auto;right:30px;bottom:-7px;transform:rotate(225deg)}.wpp-pantry-toast{bottom:76px}}@media(prefers-reduced-motion:reduce){.wpp-pantry-pass--floating,.wpp-pantry-pass__fill,.wpp-pantry-pass__paw,.wpp-pantry-pass__popover,.wpp-pantry-pass__popover-fill,.wpp-pantry-pass__popover-paw,.wpp-pantry-pass.is-unlocked .wpp-pantry-pass__paw{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/wpp-pantry-pass.css.map */
