.nhp-coll{position:relative;background:var(--ink-0);color:var(--cream)}.nhp-coll:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--plate) 0 0 / 512px 512px repeat;opacity:var(--nhp-plate-strength);pointer-events:none}.nhp-coll__inner{position:relative;display:grid;justify-items:center;max-width:1280px;margin:0 auto;padding:var(--s-8) var(--s-4)}.nhp-coll__head{margin:0 0 var(--s-6);text-align:center;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,8.4vw,52px);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--cream-light)}.nhp-coll__jars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5) var(--s-2);width:100%;max-width:900px;margin:0 0 var(--s-7);list-style:none;padding:0}.nhp-coll__jar{margin:0;display:grid;justify-items:center;align-content:start;gap:var(--s-2);text-align:center}.nhp-coll__toggle{position:relative;display:grid;justify-items:center;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer}.nhp-coll__toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.nhp-coll__img,.nhp-coll__toggle svg{position:relative;display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;filter:brightness(.35) saturate(.4);transform:scale(.94);transition:filter .3s ease,transform .3s ease}.nhp-coll__toggle svg{fill:none;stroke:var(--cream);stroke-width:1.5;vector-effect:non-scaling-stroke}.nhp-coll__glow{position:absolute;top:4%;right:0;bottom:18%;left:0;background:radial-gradient(closest-side,var(--glow) 0%,color-mix(in srgb,var(--glow) 35%,transparent) 55%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.nhp-coll__jar.is-picked .nhp-coll__glow{opacity:.55}.nhp-coll__jar.is-picked .nhp-coll__img,.nhp-coll__jar.is-picked .nhp-coll__toggle svg{filter:none;transform:none}.nhp-coll__name{position:relative;margin:var(--s-2) 0 0;font-family:var(--font-body);min-height:2.5em;white-space:nowrap;font-size:13px;line-height:1.25;color:var(--cream);opacity:.55;transition:opacity .3s ease}.nhp-coll__jar.is-picked .nhp-coll__name{opacity:1}.nhp-coll__qty{display:flex;align-items:center;justify-content:center}.nhp-coll__step{width:40px;height:40px;border:1px solid rgba(232,223,200,.35);background:var(--ink-0);color:var(--cream-light);font-family:var(--font-display);font-size:20px;line-height:1;cursor:pointer}.nhp-coll__step:disabled{opacity:.3;cursor:default}.nhp-coll__step:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nhp-coll__n{min-width:26px;font-family:var(--font-display);font-size:20px;text-align:center;color:var(--cream-light)}.nhp-coll__left,.nhp-coll__sold{margin:0;font-family:var(--font-display);font-size:13px;letter-spacing:.08em;color:var(--gold)}.nhp-coll__sold{color:var(--cream);opacity:.6}.nhp-coll__jar.is-sold .nhp-coll__toggle{cursor:default}.nhp-coll__stage{display:grid;justify-items:center;gap:var(--s-6);width:100%;max-width:1180px}.nhp-coll__stage .nhp-coll__jars{margin:0}.nhp-coll__ship{display:grid;justify-items:center;gap:var(--s-2);width:100%;max-width:540px}.nhp-coll__crate{position:relative;width:100%;aspect-ratio:1339 / 890}.nhp-coll__crate>img:not(.nhp-coll__stamp){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nhp-coll__slots{position:absolute;left:11%;right:11%;top:5%;height:24.4%;display:flex;justify-content:center;align-items:flex-end;gap:1%}.nhp-coll__unit{height:100%;width:auto;aspect-ratio:400 / 416;object-fit:contain;filter:brightness(.82) saturate(.9)}.nhp-coll__unit.is-dropping{animation:nhp-crate-drop .34s cubic-bezier(.55,0,.9,.45) both}.nhp-coll__unit.is-leaving{animation:nhp-crate-lift .26s ease-in forwards}@keyframes nhp-crate-drop{0%{transform:translateY(-170%);opacity:0}30%{opacity:1}80%{transform:translateY(6%)}to{transform:translateY(0);opacity:1}}@keyframes nhp-crate-lift{to{transform:translateY(-80%);opacity:0}}.nhp-coll__crate.is-thud{animation:nhp-crate-thud .2s steps(2,end) .26s}@keyframes nhp-crate-thud{0%{transform:translateY(2px)}to{transform:none}}.nhp-coll__more{position:absolute;right:-2%;top:-4%;display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;background:var(--gold);color:var(--ink-0);font-family:var(--font-display);font-size:20px;line-height:1;transform:rotate(8deg);box-shadow:0 3px #00000080}.nhp-coll__more:empty{display:none}.nhp-coll__stamp{position:absolute;left:13%;top:32%;width:74%;height:auto;opacity:0;transform:rotate(-8deg);pointer-events:none}.nhp-coll__crate.is-stamped .nhp-coll__stamp{opacity:.94}.nhp-coll__crate.is-slam .nhp-coll__stamp{animation:nhp-stamp-slam .38s cubic-bezier(.6,0,1,.6) both}.nhp-coll__crate.is-lift .nhp-coll__stamp{animation:nhp-stamp-lift .3s ease-out both}.nhp-coll__crate.is-slam{animation:nhp-crate-jolt .34s steps(3,end) .2s}@keyframes nhp-stamp-slam{0%{opacity:0;transform:rotate(-15deg) scale(2.8)}55%{opacity:1;transform:rotate(-8deg) scale(.93)}72%{transform:rotate(-8deg) scale(1.04)}to{opacity:.94;transform:rotate(-8deg) scale(1)}}@keyframes nhp-stamp-lift{0%{opacity:.94;transform:rotate(-8deg) scale(1)}to{opacity:0;transform:rotate(-8deg) scale(1.12)}}@keyframes nhp-crate-jolt{0%{transform:translate(-5px,6px)}40%{transform:translate(4px,-2px)}75%{transform:translate(-2px,1px)}to{transform:none}}.nhp-coll__dust{position:absolute;bottom:-4%;width:60%;height:34%;background:url(nhp-fog-alpha.webp) 50% 50% / cover no-repeat;opacity:0;pointer-events:none}.nhp-coll__dust--l{left:-18%}.nhp-coll__dust--r{right:-18%;transform:scaleX(-1)}.nhp-coll__crate.is-slam .nhp-coll__dust--l{animation:nhp-dust-l 1.1s ease-out .2s both}.nhp-coll__crate.is-slam .nhp-coll__dust--r{animation:nhp-dust-r 1.1s ease-out .2s both}@keyframes nhp-dust-l{0%{opacity:0;transform:translate(20%) scale(.5)}18%{opacity:.75}to{opacity:0;transform:translate(-12%) translateY(-18%) scale(1.25)}}@keyframes nhp-dust-r{0%{opacity:0;transform:scaleX(-1) translate(20%) scale(.5)}18%{opacity:.75}to{opacity:0;transform:scaleX(-1) translate(-12%) translateY(-18%) scale(1.25)}}.nhp-coll__msg{margin:0;min-height:24px;color:var(--cream-light);font-family:var(--font-display);font-size:19px;line-height:24px;letter-spacing:.05em;text-align:center}.nhp-coll__msg strong{color:var(--gold);font-weight:400}.nhp-coll__msg:empty,.nhp-coll__msg.is-free{min-height:0;height:0;overflow:hidden}.nhp-coll__cta{margin-top:var(--s-2)}.nhp-coll__bar{position:fixed;left:0;right:0;bottom:0;z-index:390;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);height:calc(64px + env(safe-area-inset-bottom));padding:0 var(--s-5) env(safe-area-inset-bottom) var(--s-4);background:var(--ink-1);box-shadow:0 -1px #e8dfc824;transform:translateY(100%);transition:transform .25s ease-out}.nhp-coll__bar.is-on{transform:none}.nhp-coll-bar-on .nhp-mbar{transform:translateY(100%);visibility:hidden}.nhp-coll__bar-count{margin:0;color:var(--cream-light);font-family:var(--font-display);font-size:14px;line-height:17px;letter-spacing:.04em}.nhp-coll__bar-count strong{color:var(--gold);font-weight:400}.nhp-coll__bar-cta{min-height:44px;padding:0 var(--s-4);font-size:17px}.nhp-coll__bar-cta[disabled]{opacity:.55}@media(min-width:1024px){.nhp-coll__stage{grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--s-8)}.nhp-coll__stage .nhp-coll__jars{grid-template-columns:repeat(3,1fr)}.nhp-coll__bar{display:none}}@media(prefers-reduced-motion:reduce){.nhp-coll__unit,.nhp-coll__crate,.nhp-coll__stamp,.nhp-coll__dust{animation:none!important}.nhp-coll__bar{transition:none}}.nhp-coll__cta[disabled]{opacity:.55;cursor:default}@media(prefers-reduced-motion:reduce){.nhp-coll__img,.nhp-coll__toggle svg,.nhp-coll__glow,.nhp-coll__name{transition:none}}@media(min-width:768px){.nhp-coll__inner{padding:var(--s-9) var(--s-6)}.nhp-coll__jars{gap:var(--s-5)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/nhp-collection.css.map */