.jhx{--jhx-font:"Jost", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--jhx-red:#dc2626;--jhx-fire:linear-gradient(90deg,#ff3838,#ff6b2c 55%,#ffa42c);--jhx-pad:28px;--jhx-w:288px;--jhx-gap:22px;--jhx-rot:22;--jhx-min:.84;--jhx-pull:7;--jhx-fade:.9;--jhx-fx-steps:2.3;--jhx-edge:6%;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:var(--jhx-bg);color:var(--jhx-ink);font-family:var(--jhx-font);padding:64px 0 60px}.jhx *,.jhx *:before,.jhx *:after{box-sizing:border-box}.jhx .jhx__aurora{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;z-index:0;pointer-events:none;filter:blur(80px);opacity:var(--jhx-aurora);background:radial-gradient(38% 42% at 18% 30%,#ff9a3c 0%,transparent 70%),radial-gradient(34% 38% at 46% 70%,#ff3838 0%,transparent 70%),radial-gradient(40% 44% at 78% 34%,#ffc93c 0%,transparent 70%),radial-gradient(30% 34% at 62% 12%,#ff5c3c 0%,transparent 70%)}.jhx .jhx__inner{position:relative;z-index:1;max-width:1560px;margin:0 auto;padding:0 var(--jhx-pad);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro cta" "bar bar" "stage stage" "scrub scrub";align-items:end;column-gap:32px}.jhx .jhx__intro{grid-area:intro;min-width:0}.jhx .jhx__cta{grid-area:cta}.jhx .jhx__bar{grid-area:bar}.jhx .jhx__stage{grid-area:stage}.jhx .jhx__scrub{grid-area:scrub}.jhx .jhx__empty{grid-column:1 / -1}.jhx .jhx__eyebrow{margin:0 0 10px;font-family:var(--jhx-font);font-weight:900;font-size:11px;line-height:1.4;letter-spacing:.3em;text-transform:uppercase;color:var(--jhx-red)}.jhx .jhx__title{margin:0;font-family:var(--jhx-font);font-weight:900;letter-spacing:-.02em;text-transform:none;font-size:clamp(26px,3vw,42px);line-height:1.08;color:var(--jhx-ink)}.jhx .jhx__num{background:var(--jhx-fire);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.jhx .jhx__sub{margin:10px 0 0;max-width:46ch;font-family:var(--jhx-font);font-weight:400;font-size:14px;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--jhx-muted)}.jhx .jhx__cta{position:relative;display:inline-flex;align-items:center;gap:18px;flex:0 0 auto;background:var(--jhx-btn-bg);color:var(--jhx-btn-ink);text-decoration:none;padding:19px 26px;overflow:hidden;border-radius:2px;margin-bottom:2px;font-family:var(--jhx-font);font-weight:900;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase;transition:transform .25s ease}.jhx .jhx__cta:hover{transform:translateY(-2px)}.jhx .jhx__cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--jhx-fire)}.jhx .jhx__pill{border:1px solid rgba(255,255,255,.35);padding:5px 10px;border-radius:2px;font-weight:800;font-size:12px;letter-spacing:.06em}.jhx .jhx__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--jhx-line);min-height:58px}.jhx .jhx__chips{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}.jhx .jhx__chips.is-overflowing{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.jhx .jhx__chips::-webkit-scrollbar{display:none}.jhx .jhx__chips[hidden]{display:none}.jhx .jhx__chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;cursor:pointer;margin:0;padding:9px 14px;border-radius:999px;border:1px solid var(--jhx-line);background:var(--jhx-slab);color:var(--jhx-ink);box-shadow:none;font-family:var(--jhx-font);font-weight:700;font-size:13px;line-height:1;letter-spacing:0;text-transform:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.jhx .jhx__chip small{font-size:11px;font-weight:700;color:var(--jhx-muted);font-variant-numeric:tabular-nums}.jhx .jhx__chip:hover{border-color:var(--jhx-ink)}.jhx .jhx__chip[aria-pressed=true]{background:var(--jhx-ink);border-color:var(--jhx-ink);color:var(--jhx-slab)}.jhx .jhx__chip[aria-pressed=true] small{color:inherit;opacity:.65}.jhx .jhx__chip:focus-visible{outline:2px solid var(--jhx-red);outline-offset:2px}.jhx .jhx__sort{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0 0 0 auto;flex:0 0 auto;color:var(--jhx-ink);cursor:pointer}.jhx .jhx__sortlabel{font-family:var(--jhx-font);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--jhx-muted)}.jhx .jhx__sort select{-webkit-appearance:none;appearance:none;margin:0;height:auto;min-height:0;width:auto;max-width:none;padding:9px 30px 9px 14px;border:1px solid var(--jhx-line);border-radius:999px;background:var(--jhx-slab);box-shadow:none;font-family:var(--jhx-font);font-weight:700;font-size:13px;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--jhx-ink);cursor:pointer}.jhx .jhx__sort select:hover{border-color:var(--jhx-ink)}.jhx .jhx__sort select:focus-visible{outline:2px solid var(--jhx-red);outline-offset:2px}.jhx .jhx__sort svg{position:absolute;right:12px;pointer-events:none}.jhx .jhx__stage{position:relative;margin-top:6px}.jhx .jhx__rail{position:relative;display:flex;gap:var(--jhx-gap);list-style:none;padding:28px 0 46px;margin:0 calc(var(--jhx-pad) * -1);margin:0 calc(50% - 50cqw);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--jhx-edge),#000 calc(100% - var(--jhx-edge)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--jhx-edge),#000 calc(100% - var(--jhx-edge)),transparent 100%);outline:none}.jhx .jhx__rail::-webkit-scrollbar{display:none}.jhx .jhx__rail:before,.jhx .jhx__rail:after{content:"";flex:0 0 calc(50% - var(--jhx-w) / 2 - var(--jhx-gap))}.jhx .jhx__rail:focus-visible{box-shadow:inset 0 0 0 2px var(--jhx-red)}.jhx .jhx__item{flex:0 0 var(--jhx-w);width:var(--jhx-w);margin:0;padding:0;list-style:none;scroll-snap-align:center;position:relative}.jhx .jhx__item[hidden]{display:none}.jhx .jhx__item:before,.jhx .jhx__item::marker{content:none}@supports (animation-timeline: view()){.jhx:not(.is-flat) .jhx__item{animation:jhxCurve linear both;animation-timeline:view(inline);animation-range:cover calc(50% - var(--jhx-w-step) * var(--jhx-fx-steps)) cover calc(50% + var(--jhx-w-step) * var(--jhx-fx-steps))}}.jhx{--jhx-w-step:calc(var(--jhx-w) + var(--jhx-gap))}@keyframes jhxCurve{0%{transform:perspective(1100px) translate(calc(var(--jhx-pull) * -1%)) rotateY(calc(var(--jhx-rot) * -1deg)) scale(var(--jhx-min));opacity:var(--jhx-fade)}50%{transform:perspective(1100px) translate(0) rotateY(0) scale(1);opacity:1}to{transform:perspective(1100px) translate(calc(var(--jhx-pull) * 1%)) rotateY(calc(var(--jhx-rot) * 1deg)) scale(var(--jhx-min));opacity:var(--jhx-fade)}}.jhx .jhx__card{position:relative;display:block;isolation:isolate;color:inherit;text-decoration:none;outline:none;border-radius:12px;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transform:perspective(900px) translateY(var(--lift, 0px)) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.jhx .jhx__card.is-hover{--lift:-8px;transition-duration:.2s}.jhx .jhx__card:focus-visible .jhx__slab{outline:2px solid var(--jhx-red);outline-offset:3px}.jhx .jhx__card:before{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:-14px;height:38%;border-radius:50%;background:#0f11158c;filter:blur(22px);opacity:0;transition:opacity .45s ease;pointer-events:none}.jhx .jhx__item.is-center .jhx__card:before{opacity:.5}.jhx .jhx__card.is-hover:before{opacity:.6}.jhx .jhx__slab{position:relative;display:block;overflow:hidden;background:var(--jhx-slab);border-radius:12px;padding:12px 12px 11px;border:1px solid rgba(15,17,21,.06);box-shadow:0 16px 34px -18px #0f111552,0 2px 6px #0f11150f}.jhx .jhx__head{display:flex;align-items:center;gap:10px;padding:2px 4px 10px}.jhx .jhx__grader{display:block;flex:0 0 auto;border:1.5px solid var(--jhx-ink);border-radius:3px;padding:3px 7px;font-family:var(--jhx-font);font-weight:900;font-size:11px;line-height:1;letter-spacing:.08em;color:var(--jhx-ink)}.jhx .jhx__names{display:block;flex:1 1 auto;min-width:0;overflow:hidden}.jhx .jhx__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--jhx-font);font-weight:800;font-size:13px;line-height:1.25;letter-spacing:-.01em;color:var(--jhx-ink)}.jhx .jhx__meta{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--jhx-font);font-weight:700;font-size:9px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--jhx-muted)}.jhx .jhx__grade{display:block;flex:0 0 auto;font-family:var(--jhx-font);font-weight:900;font-size:24px;line-height:1;letter-spacing:-.02em;color:var(--jhx-ink);font-variant-numeric:tabular-nums;transition:color .3s ease}.jhx .jhx__grade.is-mystery,.jhx .jhx__card.is-hover .jhx__grade{color:var(--jhx-red)}.jhx .jhx__media{position:relative;display:block;overflow:hidden;border-radius:5px;background:#ece9e4;aspect-ratio:3 / 4.18}.jhx .jhx__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.jhx .jhx__card.is-hover .jhx__img{transform:scale(1.045)}.jhx .jhx__noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--jhx-font);font-weight:900;font-size:30px;letter-spacing:.04em;color:#0f11152e}.jhx .jhx__holo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 30%),rgba(255,255,255,.55) 0%,rgba(255,255,255,.16) 24%,rgba(255,255,255,0) 48%);mix-blend-mode:screen}.jhx .jhx__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(115deg,#0000 25%,#ff46aa8c 38%,#46c8ff8c,#ffe2468c 62%,#0000 75%);background-size:280% 280%;background-position:var(--gx, 50%) var(--gy, 50%);mix-blend-mode:color-dodge}.jhx .jhx__card.is-hover .jhx__holo{opacity:1}.jhx .jhx__card.is-hover .jhx__media:after{opacity:.5}.jhx .jhx__sheen{position:absolute;z-index:3;top:-20%;left:-60%;width:42%;height:140%;pointer-events:none;opacity:0;transform:translate(0) skew(-18deg);background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0)}.jhx .jhx__item.is-land .jhx__sheen{animation:jhxSweep .95s cubic-bezier(.3,.6,.3,1) .05s}@keyframes jhxSweep{0%{opacity:0;transform:translate(0) skew(-18deg)}15%{opacity:1}to{opacity:0;transform:translate(420%) skew(-18deg)}}.jhx .jhx__flag{position:absolute;z-index:4;top:10px;left:10px;padding:5px 9px;border-radius:2px;background:var(--jhx-ink);color:#fff;font-family:var(--jhx-font);font-weight:800;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase}.jhx .jhx__flag:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--jhx-fire)}.jhx .jhx__foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 4px 0;font-family:var(--jhx-font);font-weight:700;font-size:10px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--jhx-muted)}.jhx .jhx__stock{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.jhx .jhx__stock i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.jhx .jhx__stock.is-last{transition:color .3s ease}.jhx .jhx__item.is-center .jhx__stock.is-last{color:var(--jhx-red)}.jhx .jhx__item.is-center .jhx__stock.is-last i{animation:jhxPulse 1.6s ease-out infinite}@keyframes jhxPulse{0%{box-shadow:0 0 #dc26268c}to{box-shadow:0 0 0 7px #dc262600}}.jhx .jhx__price{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;color:var(--jhx-ink);font-weight:800;font-size:16px;line-height:1.1;letter-spacing:-.02em;text-transform:none}.jhx .jhx__price s{font-weight:600;font-size:12px;color:var(--jhx-muted)}.jhx .jhx__nav{position:absolute;z-index:6;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border-radius:50%;border:1px solid var(--jhx-line);background:var(--jhx-slab);color:var(--jhx-ink);cursor:pointer;box-shadow:0 8px 24px #0f11151a;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.jhx .jhx__nav:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 12px 30px #0f11152e;color:var(--jhx-red);border-color:var(--jhx-red)}.jhx .jhx__nav:disabled{opacity:0;pointer-events:none}.jhx .jhx__nav:focus-visible{outline:2px solid var(--jhx-red);outline-offset:2px}.jhx .jhx__nav svg{width:16px;height:16px}.jhx .jhx__nav--prev{left:0;left:calc(50% - 50cqw + var(--jhx-nav-inset, 24px))}.jhx .jhx__nav--next{right:0;right:calc(50% - 50cqw + var(--jhx-nav-inset, 24px))}.jhx .jhx__vert{position:absolute;z-index:2;top:50%;right:-14px;right:calc(50% - 50cqw + 14px);transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;pointer-events:none;font-family:var(--jhx-font);font-weight:700;font-size:10px;line-height:1;letter-spacing:.42em;text-transform:uppercase;color:var(--jhx-muted)}.jhx .jhx__scrub{display:flex;align-items:center;gap:16px;max-width:760px;width:100%;margin:0 auto}.jhx .jhx__track{position:relative;flex:1 1 auto;height:3px;border-radius:3px;background:var(--jhx-line);cursor:pointer;touch-action:none;transition:height .2s ease}.jhx .jhx__track:before{content:"";position:absolute;left:0;right:0;top:-14px;bottom:-14px}.jhx .jhx__track:hover,.jhx.is-scrubbing .jhx__track{height:6px}.jhx .jhx__thumb{position:absolute;left:0;top:0;bottom:0;width:40px;border-radius:3px;background:var(--jhx-fire);will-change:transform;cursor:grab}.jhx.is-scrubbing .jhx__thumb{cursor:grabbing}.jhx .jhx__count{flex:0 0 auto;min-width:58px;text-align:right;font-family:var(--jhx-font);font-weight:700;font-size:12px;line-height:1;letter-spacing:.08em;color:var(--jhx-muted);font-variant-numeric:tabular-nums}.jhx .jhx__count b{color:var(--jhx-ink);font-weight:900}.jhx .jhx__play{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;margin:0;padding:0;border-radius:50%;border:1px solid var(--jhx-line);background:transparent;color:var(--jhx-ink);cursor:pointer;transition:border-color .2s ease,color .2s ease}.jhx .jhx__play:hover{border-color:var(--jhx-ink)}.jhx .jhx__play:focus-visible{outline:2px solid var(--jhx-red);outline-offset:2px}.jhx .jhx__play svg{width:14px;height:14px}.jhx .jhx__ico-play{display:none}.jhx.is-paused .jhx__ico-play{display:block}.jhx.is-paused .jhx__ico-pause{display:none}.jhx .jhx__empty{padding:48px 0;margin:0;text-align:center;color:var(--jhx-muted);font-family:var(--jhx-font);font-size:14px}@media(hover:hover)and (pointer:fine){.jhx .jhx__rail{cursor:grab}}.jhx.is-dragging .jhx__rail{scroll-snap-type:none;cursor:grabbing}.jhx.is-dragging .jhx__card{cursor:grabbing;pointer-events:none}.jhx.is-predeal .jhx__item.is-deal .jhx__slab{opacity:0}.jhx.is-dealing .jhx__item.is-deal .jhx__slab{animation:jhxDeal .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d, 0) * 70ms)}@keyframes jhxDeal{0%{opacity:0;transform:translate(80px) rotate(2.5deg)}to{opacity:1;transform:none}}@media(max-width:1279px){.jhx .jhx__vert{display:none}}@media(max-width:1100px){.jhx{--jhx-w:256px;--jhx-gap:18px}}@media(max-width:749px){.jhx{--jhx-pad:16px;--jhx-w:min(64vw, 270px);--jhx-gap:12px;--jhx-edge:3%;--jhx-rot:16;--jhx-min:.88;--jhx-pull:5;--jhx-fade:.92;--jhx-fx-steps:1.4;padding:40px 0}.jhx .jhx__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "bar" "stage" "scrub" "cta"}.jhx .jhx__title{font-size:26px}.jhx .jhx__sub{max-width:100%;font-size:13px}.jhx .jhx__cta{width:100%;justify-content:space-between;gap:10px;padding:16px 18px;margin-top:22px;font-size:12px}.jhx .jhx__bar{margin-top:18px;padding-top:14px;min-height:52px;gap:10px}.jhx .jhx__sortlabel{display:none}.jhx .jhx__chip,.jhx .jhx__sort select{font-size:12px;padding-top:8px;padding-bottom:8px}.jhx .jhx__rail{padding:22px 0 34px}.jhx .jhx__slab{padding:10px 10px 9px}.jhx .jhx__head{gap:8px;padding:2px 2px 8px}.jhx .jhx__grader{font-size:10px;padding:3px 6px}.jhx .jhx__name{font-size:12px}.jhx .jhx__meta{font-size:8px;letter-spacing:.14em}.jhx .jhx__grade{font-size:20px}.jhx .jhx__foot{font-size:9px;letter-spacing:.1em;padding:9px 2px 0}.jhx .jhx__price{font-size:14px}.jhx .jhx__nav{width:38px;height:38px;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.jhx{--jhx-nav-inset:8px}.jhx .jhx__scrub{gap:12px}}@media(max-width:359px){.jhx{--jhx-w:68vw}.jhx .jhx__name{font-size:11px}.jhx .jhx__grade{font-size:17px}.jhx .jhx__price{font-size:13px}}@media(prefers-reduced-motion:reduce){.jhx .jhx__card,.jhx .jhx__img{transition:none}.jhx .jhx__item.is-land .jhx__sheen,.jhx .jhx__item.is-center .jhx__stock.is-last i,.jhx.is-dealing .jhx__item.is-deal .jhx__slab{animation:none}.jhx .jhx__sheen{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/jh-psa-showcase.css.map */