.hpb{--hpb-bg1: #3a1430;--hpb-bg2: #1c0b18;--hpb-text: #fff;--hpb-fill: #2e7d32;--hpb-track: #5a2a4a;position:relative;color:var(--hpb-text);background:linear-gradient(90deg,var(--hpb-bg1) 0%,var(--hpb-bg2) 100%);font-family:inherit;overflow:visible;z-index:2}.hpb[hidden]{display:none!important}.hpb--has-bg{background:var(--hpb-bg-img) center / cover no-repeat,linear-gradient(90deg,var(--hpb-bg1),var(--hpb-bg2))}.hpb__track{position:relative;height:6px;background:var(--hpb-track)}.hpb__fill{height:100%;width:calc(var(--hpb-pct, 0) * 1%);background:var(--hpb-fill);transition:width .7s cubic-bezier(.2,.8,.2,1)}.hpb__inner--unlocked .hpb__fill{background:linear-gradient(90deg,var(--hpb-fill),#4caf50,var(--hpb-fill));background-size:200% 100%;animation:hpb-shimmer 2.5s linear infinite}.hpb__ghost{position:absolute;bottom:2px;left:clamp(16px,calc(var(--hpb-pct, 0) * 1%),calc(100% - 16px));width:19.5px;height:20.313px;transform:translate(-50%);transition:left .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.hpb__ghost svg,.hpb__ghost img{display:block;width:100%;height:100%;object-fit:contain;animation:hpb-float 2.4s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.hpb__body{position:relative;display:flex;align-items:center;min-height:58px;padding:10px 76px 10px 16px;overflow:hidden}.hpb__msg{margin:0;color:var(--Neutral-White, #FFF);font-family:Inter;font-size:12px;font-style:italic;font-weight:600;line-height:14px}.hpb__msg strong{font-weight:800}.hpb__inner--unlocked .hpb__msg{font-style:normal}.hpb__moon{position:absolute;right:14px;top:50%;width:52px;height:52px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 30% 35%,rgba(0,0,0,.12) 0 5px,transparent 6px),radial-gradient(circle at 62% 62%,rgba(0,0,0,.1) 0 7px,transparent 8px),radial-gradient(circle at 68% 28%,rgba(0,0,0,.08) 0 3px,transparent 4px),radial-gradient(circle at 40% 40%,#f6d77a,#c9922f 75%);box-shadow:0 0 22px #f6d77a73;opacity:.9}.hpb__moon--gif{background:none;box-shadow:none;opacity:1}.hpb__moon--gif img{display:block;width:60px;height:60px;object-fit:contain;padding-right:9px}.hpb__outside-img{position:absolute;right:20px;top:-21px;pointer-events:none}.hpb__outside-img img{display:block;width:41.706px;height:38.392px;object-fit:contain}.hpb__ghost-gif{position:absolute;right:10px;top:5px;width:13px;height:13px;aspect-ratio:1/1;pointer-events:none}.hpb__ghost-gif img{display:block;width:13px;height:13px;object-fit:contain}.hpb--has-bg .hpb__moon,.hpb--has-bg .hpb__ghost-gif{display:none}.hpb.hpb--sticky{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important;z-index:21!important;transform:none!important;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 14px #0000002e}.section-hpb,.shopify-section:has(>.hpb--sticky),.shopify-section:has(.hpb--sticky){transform:none!important;filter:none!important;contain:none!important;will-change:auto!important}body:has(.hpb--sticky){padding-bottom:64px}@media(min-width:750px){.hpb--sticky .hpb__body{justify-content:center}.hpb__msg{font-size:20px;line-height:1.2}.hpb--sticky.hpb--mobile-only{display:none!important}body:has(.hpb--sticky.hpb--mobile-only){padding-bottom:0}}.hpb--inline{margin:8px 0 4px}.hpb--inline .hpb__body{min-height:52px;padding-right:70px}.hpb--inline .hpb__msg{font-size:14px;line-height:1.35}.hpb--celebrate .hpb__msg{animation:hpb-pop .6s ease}.hpb--celebrate .hpb__ghost svg,.hpb--celebrate .hpb__ghost img{animation:hpb-jump .6s ease 2}@keyframes hpb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hpb-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px) rotate(-8deg)}}@keyframes hpb-pop{0%{transform:scale(.92);opacity:.4}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes hpb-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hpb__fill,.hpb__ghost{transition:none}.hpb__ghost svg,.hpb__ghost img,.hpb__inner--unlocked .hpb__fill{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/halloween-progress-bar.css.map */